From dd3a4b9929f43e4e44dcff7b1f07d394c877db73 Mon Sep 17 00:00:00 2001 From: nick Date: Wed, 30 Oct 2024 19:07:18 +0300 Subject: [PATCH 01/10] feat: Added new theme --- .../__snapshots__/snapthots.test.ts.snap | 17768 ++++++++++++++++ src/interfaces/themes/legoAndroid/index.ts | 5 + .../themes/legoAndroidDark/index.ts | 5 + src/themeDescriptions/index.ts | 3 + .../themes/legoAndroid/index.ts | 59 + 5 files changed, 17840 insertions(+) create mode 100644 src/interfaces/themes/legoAndroid/index.ts create mode 100644 src/interfaces/themes/legoAndroidDark/index.ts create mode 100644 src/themeDescriptions/themes/legoAndroid/index.ts diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index af81a629..54bf893e 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -88523,6 +88523,17774 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` } `; +exports[`shapshots legoAndroid 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.4, 0, 0.2, 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)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", + }, + }, + "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, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "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, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ebedf0)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #2688eb)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "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, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "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(38, 136, 235, 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))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "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, #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)", + }, + }, + "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)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #19191A)", + }, + }, + "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, #282B2F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #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.20))", + }, + }, + "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, #CCDCEF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, + }, + "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, #1A1C20)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "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)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "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(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "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, 0, 0, 0.04))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "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.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "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.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF2D6)", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_field_background", + "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, 0, 0, 0.36))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "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, 0, 0, 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, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #212121)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #212121)", + }, + }, + "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, #778292)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "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.56))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "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, 0.48))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "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, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "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.44))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "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, 0.36))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "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.32))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "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, 0.24))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #F8A01C)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "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_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "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_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, + }, + "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.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "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, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", + }, + }, + "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, #C6C8CD)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #212121)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #212121)", + }, + }, + "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, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "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)", + }, + "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, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #212121)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #212121)", + }, + }, + "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, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #212121)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #212121)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #212121)", + }, + }, + "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)", + }, + }, + "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, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #212121)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, + }, + "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)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #778292)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #818c99)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, + }, + "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)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + }, + "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)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + }, + "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, #1E2023)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #212121)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "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, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "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, #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, 0, 0, 0.16))", + }, + "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))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "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--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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "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, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "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, 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, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 0%, rgba(0, 0, 0, 0) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 0%, rgba(0, 0, 0, 0) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 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", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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, vkontakteAndroid)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoAndroid)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoAndroid)", + }, + "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)", + }, + "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)", + }, + }, + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "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, #717478)", + }, + "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(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))", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + }, + }, + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + }, + "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)", + }, + }, + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "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, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "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, #3F6088)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + }, + }, + "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))", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "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, #CFD2D8)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "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, #266DC1)", + }, + "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)", + }, + }, + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "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, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + }, + }, + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + }, + "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)", + }, + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "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, #8A8F95)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "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, #2978D3)", + }, + "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)", + }, + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "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, #B1BAC6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + }, + }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "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, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, + }, + "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))", + }, + "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))", + }, + "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))", + }, + }, + "vkontakteImBubbleGiftBackground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "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, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + }, + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "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, #CED0D3)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + }, + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", + }, + "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)", + }, + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", + }, + "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)", + }, + }, + "vkontakteImReplySeparator": { + "active": { + "name": "--vkui--vkontakte_im_reply_separator--active", + "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, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + }, + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + }, + }, + "vkontakteLandingBackground": { + "active": { + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #ffffff)", + }, + }, + "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))", + }, + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + }, + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "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, #3F4246)", + }, + "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)", + }, + }, + "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 legoAndroid 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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "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", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "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", + }, + "colorIconAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "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", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorStrokeAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkTint": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -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", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "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", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "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", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 0%, rgba(0, 0, 0, 0) 100%", + "gradientBlack": "rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%", + "gradientTint": "var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 0%, rgba(0, 0, 0, 0) 100%", + "gradientWhite": "rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "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", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "8px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkontakteAndroid", + "themeName": "legoAndroid", + "themeNameBase": "legoAndroid", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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 legoAndroid 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))", + "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)", + }, + "colorAccentCyan": { + "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, #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)", + }, + "colorAccentLime": { + "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)", + }, + "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, #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)", + }, + "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, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "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, #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, #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(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))", + "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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + }, + "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)", + }, + "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))", + }, + "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, #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)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "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)", + }, + "colorBackgroundNegative": { + "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)", + "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)", + }, + "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)", + }, + "colorBackgroundSecondary": { + "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))", + "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, #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))", + "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, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "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)", + }, + "colorButtonStroke": { + "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, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "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)", + }, + "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))", + }, + "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, #1E2023)", + "hover": "var(--vkui--color_icon_accent--hover, #202022)", + "normal": "var(--vkui--color_icon_accent, #212121)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_icon_accent_themed, #212121)", + }, + "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, #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))", + "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)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "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)", + }, + "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, #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.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, #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))", + "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)", + "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))", + "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, #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))", + "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)", + }, + "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))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + "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)", + }, + "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)", + }, + "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, #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)", + }, + "colorSeparatorPrimary3x": { + "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, 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, #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)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "colorSkeletonTo": { + "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, #1E2023)", + "hover": "var(--vkui--color_stroke_accent--hover, #202022)", + "normal": "var(--vkui--color_stroke_accent, #212121)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_stroke_accent_themed, #212121)", + }, + "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "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)", + }, + "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, #1E2023)", + "hover": "var(--vkui--color_text_accent--hover, #202022)", + "normal": "var(--vkui--color_text_accent, #212121)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_text_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_text_accent_themed, #212121)", + }, + "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, #1E2023)", + "hover": "var(--vkui--color_text_link--hover, #202022)", + "normal": "var(--vkui--color_text_link, #212121)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #1E2023)", + "hover": "var(--vkui--color_text_link_themed--hover, #202022)", + "normal": "var(--vkui--color_text_link_themed, #212121)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #1E2023)", + "hover": "var(--vkui--color_text_link_tint--hover, #202022)", + "normal": "var(--vkui--color_text_link_tint, #212121)", + }, + "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)", + }, + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "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)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #1E2023)", + "hover": "var(--vkui--color_text_primary--hover, #202022)", + "normal": "var(--vkui--color_text_primary, #212121)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, + "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)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, + "colorTextSubhead": { + "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)", + }, + "colorTrackBackground": { + "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, #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))", + "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, #1E2023)", + "hover": "var(--vkui--color_write_bar_icon--hover, #202022)", + "normal": "var(--vkui--color_write_bar_icon, #212121)", + }, + "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)", + }, + "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, 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 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": { + "regular": { + "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)", + }, + }, + "fontCaption1Caps": { + "regular": { + "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)", + }, + }, + "fontCaption2": { + "regular": { + "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)", + }, + }, + "fontCaption2Caps": { + "regular": { + "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)", + }, + }, + "fontCaption3": { + "regular": { + "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)", + }, + }, + "fontCaption3Caps": { + "regular": { + "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, "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)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "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, "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)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "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)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "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, "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": { + "regular": { + "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)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "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)", + }, + }, + "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)", + }, + }, + "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, -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)", + }, + }, + "fontParagraph": { + "regular": { + "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)", + }, + }, + "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)", + }, + }, + "fontTitle1": { + "regular": { + "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)", + }, + }, + "fontTitle2": { + "regular": { + "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": { + "regular": { + "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)", + }, + }, + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 0%, rgba(0, 0, 0, 0) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%)", + "gradientTint": "var(--vkui--gradient_tint, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 0%, rgba(0, 0, 0, 0) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "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)", + }, + "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, 8px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "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, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "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, 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)", + }, + "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, vkontakteAndroid)", + "themeName": "var(--vkui--theme_name, legoAndroid)", + "themeNameBase": "var(--vkui--theme_name_base, legoAndroid)", + "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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 legoAndroid 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)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "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", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "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", + }, + "colorIconAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "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", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorStrokeAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkTint": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -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", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "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, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "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, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 0%, rgba(0, 0, 0, 0) 100%", + "gradientBlack": "rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%", + "gradientTint": "var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 0%, rgba(0, 0, 0, 0) 100%", + "gradientWhite": "rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "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, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 8, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkontakteAndroid", + "themeName": "legoAndroid", + "themeNameBase": "legoAndroid", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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 legoAndroidDark 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.4, 0, 0.2, 1))", + }, + "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)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, + }, + "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, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "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, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "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, #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": { + "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": { + "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)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, + }, + "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)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #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))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #252627)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "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)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "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_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "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_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "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, #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": { + "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": { + "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": { + "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": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "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, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #E1E3E6)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + }, + "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(241, 247, 255, 0.74))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "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(241, 247, 255, 0.66))", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", + }, + }, + "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, #818385)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "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(241, 247, 255, 0.51))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "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(241, 247, 255, 0.43))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "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))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "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.30))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "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(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, #3B3C3D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "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(241, 247, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "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(241, 247, 255, 0.08))", + }, + }, + "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.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.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "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)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", + }, + }, + "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, #464748)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "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(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "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(255, 255, 255, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272728)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #353536)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #E1E3E6)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "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, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #E1E3E6)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "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, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", + }, + }, + "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, #141414)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #E1E3E6)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #E1E3E6)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #E1E3E6)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "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, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #E1E3E6)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #76787a)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #969a9f)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #545556)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, + }, + "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, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "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)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "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, #2c2d2e)", + }, + }, + "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, 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 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 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 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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "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, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "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, 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, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 0%, rgba(0, 0, 0, 0) 100%)", + }, + "gradientBlack": { + "name": "--vkui--gradient_black", + "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%)", + }, + "gradientTint": { + "name": "--vkui--gradient_tint", + "value": "var(--vkui--gradient_tint, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 0%, rgba(0, 0, 0, 0) 100%)", + }, + "gradientWhite": { + "name": "--vkui--gradient_white", + "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 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", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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, vkontakteAndroidDark)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoAndroidDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoAndroid)", + }, + "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)", + }, + }, + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "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, #2C2C2D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "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.23))", + }, + "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))", + }, + }, + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "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, #2B2B2C)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "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, #818385)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "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, #B1B4B9)", + }, + "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)", + }, + }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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))", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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))", + }, + }, + "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)", + }, + }, + "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 legoAndroidDark 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": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "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", + }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorIconAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", + }, + "colorIconMediumAlpha": { + "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", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorIconSecondaryAlpha": { + "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", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", + }, + "colorLinkContrast": { + "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.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", + }, + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", + }, + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorStrokeAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorStrokeAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkTint": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", + }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", + }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "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": "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -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", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, + }, + "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", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "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", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 0%, rgba(0, 0, 0, 0) 100%", + "gradientBlack": "rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%", + "gradientTint": "var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 0%, rgba(0, 0, 0, 0) 100%", + "gradientWhite": "rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "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", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "8px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkontakteAndroidDark", + "themeName": "legoAndroidDark", + "themeNameBase": "legoAndroid", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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 legoAndroidDark 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))", + "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)", + }, + "colorAccentCyan": { + "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, #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)", + }, + "colorAccentLime": { + "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)", + }, + "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)", + }, + "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)", + }, + "colorAccentPink": { + "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, #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)", + "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, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + "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))", + }, + "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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + }, + "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)", + }, + "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, + "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)", + }, + "colorBackgroundModal": { + "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)", + "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, #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)", + }, + "colorBackgroundPositive": { + "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, #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, #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))", + "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, #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))", + "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, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "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)", + }, + "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.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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_accent, #E1E3E6)", + }, + "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)", + }, + "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, #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, #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(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)", + }, + "colorIconPositive": { + "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, #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, #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, #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(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)", + }, + "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))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", + }, + "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, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, + "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))", + }, + "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.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))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + "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)", + }, + "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)", + }, + "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, #464748)", + "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "normal": "var(--vkui--color_separator_primary, #363738)", + }, + "colorSeparatorPrimary2x": { + "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, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", + }, + "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))", + }, + "colorSeparatorSecondary": { + "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, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", + }, + "colorSkeletonTo": { + "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, #E3E5E8)", + "hover": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_accent, #E1E3E6)", + }, + "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)", + }, + "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, #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, #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, #E3E5E8)", + "hover": "var(--vkui--color_text_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_accent, #E1E3E6)", + }, + "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)", + }, + "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, #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, #E3E5E8)", + "hover": "var(--vkui--color_text_link--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link, #E1E3E6)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_text_link_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link_themed, #E1E3E6)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #E3E5E8)", + "hover": "var(--vkui--color_text_link_tint--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link_tint, #E1E3E6)", + }, + "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)", + }, + "colorTextMuted": { + "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)", + }, + "colorTextPositive": { + "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, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #E1E3E6)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, + "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)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, + "colorTextSubhead": { + "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, #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)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", + }, + "colorTrackBuffer": { + "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))", + "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, #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)", + }, + "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, 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": { + "regular": { + "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)", + }, + }, + "fontCaption1Caps": { + "regular": { + "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)", + }, + }, + "fontCaption2": { + "regular": { + "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)", + }, + }, + "fontCaption2Caps": { + "regular": { + "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)", + }, + }, + "fontCaption3": { + "regular": { + "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)", + }, + }, + "fontCaption3Caps": { + "regular": { + "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, "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)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "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, "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)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "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)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "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, "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": { + "regular": { + "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)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "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)", + }, + }, + "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)", + }, + }, + "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, -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)", + }, + }, + "fontParagraph": { + "regular": { + "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)", + }, + }, + "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)", + }, + }, + "fontTitle1": { + "regular": { + "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)", + }, + }, + "fontTitle2": { + "regular": { + "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": { + "regular": { + "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)", + }, + }, + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 0%, rgba(0, 0, 0, 0) 100%)", + "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%)", + "gradientTint": "var(--vkui--gradient_tint, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 0%, rgba(0, 0, 0, 0) 100%)", + "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "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)", + }, + "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, 8px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "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, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + }, + "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, 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)", + }, + "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, vkontakteAndroidDark)", + "themeName": "var(--vkui--theme_name, legoAndroidDark)", + "themeNameBase": "var(--vkui--theme_name_base, legoAndroid)", + "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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 legoAndroidDark 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)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "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", + }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorIconAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", + }, + "colorIconMediumAlpha": { + "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", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorIconSecondaryAlpha": { + "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", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", + }, + "colorLinkContrast": { + "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.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", + }, + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", + }, + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorStrokeAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorStrokeAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkTint": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", + }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", + }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "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": "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -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", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "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, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "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, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "fontWeightBase3": 400, + "gradient": "var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 0%, rgba(0, 0, 0, 0) 100%", + "gradientBlack": "rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%", + "gradientTint": "var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 0%, rgba(0, 0, 0, 0) 100%", + "gradientWhite": "rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%", + "opacityDisable": 0.4, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "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, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 8, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkontakteAndroidDark", + "themeName": "legoAndroidDark", + "themeNameBase": "legoAndroid", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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 media theme should match cssVars snapshot 1`] = ` { "animationDurationL": { diff --git a/src/interfaces/themes/legoAndroid/index.ts b/src/interfaces/themes/legoAndroid/index.ts new file mode 100644 index 00000000..46f6c239 --- /dev/null +++ b/src/interfaces/themes/legoAndroid/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkontakteAndroid as ThemeLegoAndroid, + ThemeVkontakteAndroidCssVars as ThemeLegoAndroidCssVars, + ThemeVkontakteAndroidDescription as ThemeLegoAndroidDescription, +} from '@/interfaces/themes/vkontakteAndroid'; diff --git a/src/interfaces/themes/legoAndroidDark/index.ts b/src/interfaces/themes/legoAndroidDark/index.ts new file mode 100644 index 00000000..ad81a1c3 --- /dev/null +++ b/src/interfaces/themes/legoAndroidDark/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkontakteAndroidDark as ThemeLegoAndroidDark, + ThemeVkontakteAndroidDarkCssVars as ThemeLegoAndroidDarkCssVars, + ThemeVkontakteAndroidDarkDescription as ThemeLegoAndroidDarkDescription, +} from '@/interfaces/themes/vkontakteAndroidDark'; diff --git a/src/themeDescriptions/index.ts b/src/themeDescriptions/index.ts index 7ae93373..89f1a9b0 100644 --- a/src/themeDescriptions/index.ts +++ b/src/themeDescriptions/index.ts @@ -3,6 +3,7 @@ import { callsTheme } from '@/themeDescriptions/themes/calls'; import { cloudDarkTheme, cloudTheme } from '@/themeDescriptions/themes/cloud'; import { dobroDarkTheme, dobroTheme } from '@/themeDescriptions/themes/dobro'; import { homeDarkTheme, homeTheme } from '@/themeDescriptions/themes/home'; +import { legoAndroidTheme, legoAndroidThemeDark } from '@/themeDescriptions/themes/legoAndroid'; import { mediaDarkTheme, mediaTheme } from '@/themeDescriptions/themes/media'; import { mycomTheme } from '@/themeDescriptions/themes/mycom'; import { @@ -80,6 +81,8 @@ export const themes = [ vkIdOkIOSThemeDark, tutoriaTheme, tutoriaDarkTheme, + legoAndroidTheme, + legoAndroidThemeDark, // ==== Темы, наследуемые от базовой темы Paradigm ==== // Темы, наследуемые от Octavius diff --git a/src/themeDescriptions/themes/legoAndroid/index.ts b/src/themeDescriptions/themes/legoAndroid/index.ts new file mode 100644 index 00000000..7cad0e4a --- /dev/null +++ b/src/themeDescriptions/themes/legoAndroid/index.ts @@ -0,0 +1,59 @@ +import { ThemeLegoAndroidDescription } from '@/interfaces/themes/legoAndroid'; +import { ThemeLegoAndroidDarkDescription } from '@/interfaces/themes/legoAndroidDark'; +import { + vkontakteAndroidTheme, + vkontakteAndroidThemeDark, +} from '@/themeDescriptions/themes/vkontakteAndroid'; + +const dark = '#212121'; +const light = '#E1E3E6'; + +export const legoAndroidTheme: ThemeLegoAndroidDescription = { + ...vkontakteAndroidTheme, // импорт светлой базовой темы + + themeName: 'legoAndroid', // название текущей темы + themeNameBase: 'legoAndroid', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteAndroid', // название родительской темы + + colors: { + ...vkontakteAndroidTheme.colors, + // переопределение переменных + colorTextAccent: dark, + colorTextAccentThemed: dark, + colorTextPrimary: dark, + colorTextLink: dark, + colorTextLinkThemed: dark, + colorTextLinkTint: dark, + colorIconAccent: dark, + colorIconAccentThemed: dark, + colorStrokeAccent: dark, + colorStrokeAccentThemed: dark, + colorWriteBarIcon: dark, + }, +}; + +export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { + ...legoAndroidTheme, // импорт светлой версии текущей темы, + ...vkontakteAndroidThemeDark, // импорт тёмной базовой темы + + themeName: 'legoAndroidDark', // название текущей темы + themeNameBase: 'legoAndroid', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteAndroidDark', // название родительской темы + colorsScheme: 'dark', // название схемы (светлая — по умолчанию) + + colors: { + ...vkontakteAndroidThemeDark.colors, + // переопределение переменных + colorTextAccent: light, + colorTextAccentThemed: light, + colorTextPrimary: light, + colorTextLink: light, + colorTextLinkThemed: light, + colorTextLinkTint: light, + colorIconAccent: light, + colorIconAccentThemed: light, + colorStrokeAccent: light, + colorStrokeAccentThemed: light, + colorWriteBarIcon: light, + }, +}; From 61b2711dfd4ab19ba27fe5d566a892ba2c6d0ada Mon Sep 17 00:00:00 2001 From: nick Date: Wed, 30 Oct 2024 19:19:43 +0300 Subject: [PATCH 02/10] added background colors --- .../__snapshots__/snapthots.test.ts.snap | 208 +++++++++--------- .../themes/legoAndroid/index.ts | 10 + 2 files changed, 114 insertions(+), 104 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 54bf893e..473e41a7 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -88814,43 +88814,43 @@ exports[`shapshots legoAndroid 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, #1E2023)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #202022)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #212121)", }, }, "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, #1E2023)", }, "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, #202022)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #212121)", }, }, "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, #1E2023)", }, "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, #202022)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "value": "var(--vkui--color_background_accent_themed, #212121)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -88864,21 +88864,21 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` }, "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(38, 136, 235, .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, #292B2E)", }, "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, #2B2C2E)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #2D2D2D)", }, }, "colorBackgroundContent": { @@ -93232,29 +93232,29 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "normal": "rgba(38, 136, 235, .2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2D2D2D", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -94658,29 +94658,29 @@ exports[`shapshots legoAndroid 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, #1E2023)", + "hover": "var(--vkui--color_background_accent--hover, #202022)", + "normal": "var(--vkui--color_background_accent, #212121)", }, "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, #1E2023)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #202022)", + "normal": "var(--vkui--color_background_accent_alternative, #212121)", }, "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, #1E2023)", + "hover": "var(--vkui--color_background_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_background_accent_themed, #212121)", }, "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))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, .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, #292B2E)", + "hover": "var(--vkui--color_background_accent_tint--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_accent_tint, #2D2D2D)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #EBECEF)", @@ -96084,29 +96084,29 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "normal": "rgba(38, 136, 235, .2)", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2D2D2D", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -97698,43 +97698,43 @@ exports[`shapshots legoAndroidDark 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #E1E3E6)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "value": "var(--vkui--color_background_accent_alternative, #E1E3E6)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -97748,21 +97748,21 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "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(255, 255, 255, .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, #ECEEF1)", }, "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, #EBEEF1)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "value": "var(--vkui--color_background_accent_tint, #EAEDF0)", }, }, "colorBackgroundContent": { @@ -102116,29 +102116,29 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "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, .2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#ECEEF1", + "hover": "#EBEEF1", + "normal": "#EAEDF0", }, "colorBackgroundContent": { "active": "#2B2B2C", @@ -103542,29 +103542,29 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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, #E3E5E8)", + "hover": "var(--vkui--color_background_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent, #E1E3E6)", }, "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, #E3E5E8)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent_alternative, #E1E3E6)", }, "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, #E3E5E8)", + "hover": "var(--vkui--color_background_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, "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))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, .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, #ECEEF1)", + "hover": "var(--vkui--color_background_accent_tint--hover, #EBEEF1)", + "normal": "var(--vkui--color_background_accent_tint, #EAEDF0)", }, "colorBackgroundContent": { "active": "var(--vkui--color_background_content--active, #2B2B2C)", @@ -104968,29 +104968,29 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "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, .2)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#ECEEF1", + "hover": "#EBEEF1", + "normal": "#EAEDF0", }, "colorBackgroundContent": { "active": "#2B2B2C", diff --git a/src/themeDescriptions/themes/legoAndroid/index.ts b/src/themeDescriptions/themes/legoAndroid/index.ts index 7cad0e4a..76feb542 100644 --- a/src/themeDescriptions/themes/legoAndroid/index.ts +++ b/src/themeDescriptions/themes/legoAndroid/index.ts @@ -28,6 +28,11 @@ export const legoAndroidTheme: ThemeLegoAndroidDescription = { colorIconAccentThemed: dark, colorStrokeAccent: dark, colorStrokeAccentThemed: dark, + colorBackgroundAccent: dark, + colorBackgroundAccentThemed: dark, + colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, .2)', + colorBackgroundAccentAlternative: dark, + colorBackgroundAccentTint: '#2D2D2D', colorWriteBarIcon: dark, }, }; @@ -54,6 +59,11 @@ export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { colorIconAccentThemed: light, colorStrokeAccent: light, colorStrokeAccentThemed: light, + colorBackgroundAccent: light, + colorBackgroundAccentThemed: light, + colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, .2)', + colorBackgroundAccentAlternative: light, + colorBackgroundAccentTint: '#EAEDF0', colorWriteBarIcon: light, }, }; From 622a81390d8613833c098918eee441aa746c2dab Mon Sep 17 00:00:00 2001 From: nick Date: Wed, 13 Nov 2024 15:52:41 +0300 Subject: [PATCH 03/10] Added iOS theme --- src/interfaces/themes/legoIOS/index.ts | 5 ++ src/interfaces/themes/legoIOSDark/index.ts | 5 ++ src/themeDescriptions/index.ts | 3 + src/themeDescriptions/themes/legoIOS/index.ts | 66 +++++++++++++++++++ 4 files changed, 79 insertions(+) create mode 100644 src/interfaces/themes/legoIOS/index.ts create mode 100644 src/interfaces/themes/legoIOSDark/index.ts create mode 100644 src/themeDescriptions/themes/legoIOS/index.ts diff --git a/src/interfaces/themes/legoIOS/index.ts b/src/interfaces/themes/legoIOS/index.ts new file mode 100644 index 00000000..6d817f54 --- /dev/null +++ b/src/interfaces/themes/legoIOS/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkontakteIOS as ThemeLegoIOS, + ThemeVkontakteIOSCssVars as ThemeLegoIOSCssVars, + ThemeVkontakteIOSDescription as ThemeLegoIOSDescription, +} from '@/interfaces/themes/vkontakteIOS'; diff --git a/src/interfaces/themes/legoIOSDark/index.ts b/src/interfaces/themes/legoIOSDark/index.ts new file mode 100644 index 00000000..a5d0e690 --- /dev/null +++ b/src/interfaces/themes/legoIOSDark/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkontakteIOSDark as ThemeLegoIOSDark, + ThemeVkontakteIOSDarkCssVars as ThemeLegoIOSDarkCssVars, + ThemeVkontakteIOSDarkDescription as ThemeLegoIOSDarkDescription, +} from '@/interfaces/themes/vkontakteIOSDark'; diff --git a/src/themeDescriptions/index.ts b/src/themeDescriptions/index.ts index 89f1a9b0..23a609bd 100644 --- a/src/themeDescriptions/index.ts +++ b/src/themeDescriptions/index.ts @@ -4,6 +4,7 @@ import { cloudDarkTheme, cloudTheme } from '@/themeDescriptions/themes/cloud'; import { dobroDarkTheme, dobroTheme } from '@/themeDescriptions/themes/dobro'; import { homeDarkTheme, homeTheme } from '@/themeDescriptions/themes/home'; import { legoAndroidTheme, legoAndroidThemeDark } from '@/themeDescriptions/themes/legoAndroid'; +import { legoIOSTheme, legoIOSThemeDark } from '@/themeDescriptions/themes/legoIOS'; import { mediaDarkTheme, mediaTheme } from '@/themeDescriptions/themes/media'; import { mycomTheme } from '@/themeDescriptions/themes/mycom'; import { @@ -83,6 +84,8 @@ export const themes = [ tutoriaDarkTheme, legoAndroidTheme, legoAndroidThemeDark, + legoIOSTheme, + legoIOSThemeDark, // ==== Темы, наследуемые от базовой темы Paradigm ==== // Темы, наследуемые от Octavius diff --git a/src/themeDescriptions/themes/legoIOS/index.ts b/src/themeDescriptions/themes/legoIOS/index.ts new file mode 100644 index 00000000..3e3cc96a --- /dev/null +++ b/src/themeDescriptions/themes/legoIOS/index.ts @@ -0,0 +1,66 @@ +import { ThemeLegoIOSDescription } from '@/interfaces/themes/legoIOS'; +import { ThemeLegoIOSDarkDescription } from '@/interfaces/themes/legoIOSDark'; +import { vkontakteIOSTheme, vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; + +const dark = '#212121'; +const light = '#E1E3E6'; + +export const legoIOSTheme: ThemeLegoIOSDescription = { + ...vkontakteIOSTheme, // импорт светлой базовой темы + + themeName: 'legoIOS', // название текущей темы + themeNameBase: 'legoIOS', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteIOS', // название родительской темы + + colors: { + ...vkontakteIOSTheme.colors, + // переопределение переменных + colorTextAccent: dark, + colorTextAccentThemed: dark, + colorTextPrimary: dark, + colorTextLink: dark, + colorTextLinkThemed: dark, + colorTextLinkTint: dark, + colorIconAccent: dark, + colorIconAccentThemed: dark, + colorStrokeAccent: dark, + colorStrokeAccentThemed: dark, + colorBackgroundAccent: dark, + colorBackgroundAccentThemed: dark, + colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, .2)', + colorBackgroundAccentAlternative: dark, + colorBackgroundAccentTint: '#2D2D2D', + colorWriteBarIcon: dark, + }, +}; + +export const legoIOSThemeDark: ThemeLegoIOSDarkDescription = { + ...legoIOSTheme, // импорт светлой версии текущей темы, + ...vkontakteIOSThemeDark, // импорт тёмной базовой темы + + themeName: 'legoIOSDark', // название текущей темы + themeNameBase: 'legoIOS', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteIOSDark', // название родительской темы + colorsScheme: 'dark', // название схемы (светлая — по умолчанию) + + colors: { + ...vkontakteIOSThemeDark.colors, + // переопределение переменных + colorTextAccent: light, + colorTextAccentThemed: light, + colorTextPrimary: light, + colorTextLink: light, + colorTextLinkThemed: light, + colorTextLinkTint: light, + colorIconAccent: light, + colorIconAccentThemed: light, + colorStrokeAccent: light, + colorStrokeAccentThemed: light, + colorBackgroundAccent: light, + colorBackgroundAccentThemed: light, + colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, .2)', + colorBackgroundAccentAlternative: light, + colorBackgroundAccentTint: '#EAEDF0', + colorWriteBarIcon: light, + }, +}; From fa70c3d9c320580a55b658a45651e0f5cb6e3259 Mon Sep 17 00:00:00 2001 From: nick Date: Wed, 13 Nov 2024 15:55:59 +0300 Subject: [PATCH 04/10] Updated snapshots --- .../__snapshots__/snapthots.test.ts.snap | 17448 ++++++++++++++++ 1 file changed, 17448 insertions(+) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 473e41a7..342029ac 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -106291,6 +106291,17454 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = } `; +exports[`shapshots legoIOS 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.36, 0.66, 0.04, 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)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", + }, + }, + "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, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "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, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ebedf0)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #212121)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #212121)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #212121)", + }, + }, + "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))", + }, + "hover": { + "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_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, .2))", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #292B2E)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #2B2C2E)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #2D2D2D)", + }, + }, + "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)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #19191A)", + }, + }, + "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, #282B2F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #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.20))", + }, + }, + "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, #CCDCEF)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, + }, + "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, #1A1C20)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + }, + }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "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)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, + }, + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "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(0, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "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, 0, 0, 0.04))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "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.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "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.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF2D6)", + }, + }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_field_background", + "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, 0, 0, 0.36))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "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, 0, 0, 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, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #212121)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #212121)", + }, + }, + "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, #778292)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "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.56))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "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, 0.48))", + }, + }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, + }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "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, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "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.44))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "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, 0.36))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "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.32))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "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, 0.24))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #F8A01C)", + }, + }, + "colorImageBorderAlpha": { + "active": { + "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_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "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_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, + }, + "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.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "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, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", + }, + }, + "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, #C6C8CD)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, + }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #212121)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #212121)", + }, + }, + "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, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, + }, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "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)", + }, + "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, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #212121)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #212121)", + }, + }, + "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, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #212121)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #212121)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #212121)", + }, + }, + "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)", + }, + }, + "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, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, + }, + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #212121)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, + }, + "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)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #778292)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #818c99)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, + }, + "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)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + }, + "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)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + }, + "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, #1E2023)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #212121)", + }, + }, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "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, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "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, #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, 0, 0, 0.16))", + }, + "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))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "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--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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "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, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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, 16px)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "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, 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", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, + }, + "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)", + }, + }, + "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, 12px)", + }, + }, + "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, 10px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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, 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": { + "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, 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, vkontakteIOS)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoIOS)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoIOS)", + }, + "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)", + }, + "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)", + }, + }, + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "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, #717478)", + }, + "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(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))", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + }, + }, + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + }, + "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)", + }, + }, + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "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, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "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, #3F6088)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + }, + }, + "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))", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "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, #CFD2D8)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "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, #266DC1)", + }, + "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)", + }, + }, + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "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, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + }, + }, + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + }, + "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)", + }, + }, + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "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, #8A8F95)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "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, #2978D3)", + }, + "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)", + }, + }, + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "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, #B1BAC6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + }, + }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + }, + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "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, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, + }, + "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))", + }, + "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))", + }, + "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))", + }, + }, + "vkontakteImBubbleGiftBackground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, + }, + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "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, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + }, + }, + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, + }, + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "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, #CED0D3)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + }, + }, + "vkontakteImBubbleOutgoingAlternate": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", + }, + "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)", + }, + }, + "vkontakteImBubbleOutgoingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", + }, + "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)", + }, + }, + "vkontakteImReplySeparator": { + "active": { + "name": "--vkui--vkontakte_im_reply_separator--active", + "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, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + }, + }, + "vkontakteImToolbarVoiceMsgBackground": { + "active": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + }, + }, + "vkontakteLandingBackground": { + "active": { + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #ffffff)", + }, + }, + "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))", + }, + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + }, + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "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, #3F4246)", + }, + "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)", + }, + }, + "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 legoIOS 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)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorBackgroundAccentAlternative": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorBackgroundAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, .2)", + }, + "colorBackgroundAccentTint": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2D2D2D", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "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", + }, + "colorIconAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "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", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorStrokeAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkTint": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-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", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "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", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "sizeBasePaddingHorizontal": { + "regular": "12px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "10px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "10px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", + }, + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", + }, + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkontakteIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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 legoIOS 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))", + "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)", + }, + "colorAccentCyan": { + "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, #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)", + }, + "colorAccentLime": { + "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)", + }, + "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, #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)", + }, + "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, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "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, #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, #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(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))", + "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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #1E2023)", + "hover": "var(--vkui--color_background_accent--hover, #202022)", + "normal": "var(--vkui--color_background_accent, #212121)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #1E2023)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #202022)", + "normal": "var(--vkui--color_background_accent_alternative, #212121)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_background_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_background_accent_themed, #212121)", + }, + "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, .2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #292B2E)", + "hover": "var(--vkui--color_background_accent_tint--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_accent_tint, #2D2D2D)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + }, + "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)", + }, + "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))", + }, + "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, #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)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "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)", + }, + "colorBackgroundNegative": { + "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)", + "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)", + }, + "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)", + }, + "colorBackgroundSecondary": { + "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))", + "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, #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))", + "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, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "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)", + }, + "colorButtonStroke": { + "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, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "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)", + }, + "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))", + }, + "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, #1E2023)", + "hover": "var(--vkui--color_icon_accent--hover, #202022)", + "normal": "var(--vkui--color_icon_accent, #212121)", + }, + "colorIconAccentThemed": { + "active": "var(--vkui--color_icon_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_icon_accent_themed, #212121)", + }, + "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, #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))", + "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)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "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)", + }, + "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, #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.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, #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))", + "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)", + "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))", + "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, #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))", + "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)", + }, + "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))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + "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)", + }, + "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)", + }, + "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, #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)", + }, + "colorSeparatorPrimary3x": { + "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, 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, #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)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "colorSkeletonTo": { + "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, #1E2023)", + "hover": "var(--vkui--color_stroke_accent--hover, #202022)", + "normal": "var(--vkui--color_stroke_accent, #212121)", + }, + "colorStrokeAccentThemed": { + "active": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_stroke_accent_themed, #212121)", + }, + "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "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)", + }, + "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, #1E2023)", + "hover": "var(--vkui--color_text_accent--hover, #202022)", + "normal": "var(--vkui--color_text_accent, #212121)", + }, + "colorTextAccentThemed": { + "active": "var(--vkui--color_text_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_text_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_text_accent_themed, #212121)", + }, + "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, #1E2023)", + "hover": "var(--vkui--color_text_link--hover, #202022)", + "normal": "var(--vkui--color_text_link, #212121)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #1E2023)", + "hover": "var(--vkui--color_text_link_themed--hover, #202022)", + "normal": "var(--vkui--color_text_link_themed, #212121)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #1E2023)", + "hover": "var(--vkui--color_text_link_tint--hover, #202022)", + "normal": "var(--vkui--color_text_link_tint, #212121)", + }, + "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)", + }, + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "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)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #1E2023)", + "hover": "var(--vkui--color_text_primary--hover, #202022)", + "normal": "var(--vkui--color_text_primary, #212121)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, + "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)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, + "colorTextSubhead": { + "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)", + }, + "colorTrackBackground": { + "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, #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))", + "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, #1E2023)", + "hover": "var(--vkui--color_write_bar_icon--hover, #202022)", + "normal": "var(--vkui--color_write_bar_icon, #212121)", + }, + "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)", + }, + "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, 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 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": { + "regular": { + "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)", + }, + }, + "fontCaption1Caps": { + "regular": { + "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)", + "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)", + "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, -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)", + "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)", + "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, -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)", + "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)", + "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)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "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, -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)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "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)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "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, 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, 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)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "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)", + "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, -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)", + }, + }, + "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, -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)", + }, + }, + "fontParagraph": { + "regular": { + "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)", + }, + }, + "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, -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)", + }, + }, + "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, -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)", + }, + }, + "fontTitle1": { + "regular": { + "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)", + }, + }, + "fontTitle2": { + "regular": { + "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": { + "regular": { + "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)", + }, + }, + "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, 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(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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + }, + "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, 10px)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "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)", + }, + "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, 10px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "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, vkontakteIOS)", + "themeName": "var(--vkui--theme_name, legoIOS)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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 legoIOS 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)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorBackgroundAccentAlternative": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorBackgroundAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, .2)", + }, + "colorBackgroundAccentTint": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2D2D2D", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "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", + }, + "colorIconAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "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", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorStrokeAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextAccentThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkThemed": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkTint": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-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", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "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, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "sizeBasePaddingHorizontal": { + "regular": 12, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 10, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 10, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, + }, + "sizeSwitchPin": { + "compact": 23, + "regular": 27, + }, + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkontakteIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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 legoIOSDark 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.36, 0.66, 0.04, 1))", + }, + "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)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, + }, + "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, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "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, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #E1E3E6)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #E1E3E6)", + }, + }, + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", + }, + }, + "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, .2))", + }, + }, + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #EBEEF1)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #EAEDF0)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, + }, + "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)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #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))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #252627)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "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)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "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_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "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_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "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, #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": { + "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": { + "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": { + "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": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "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, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #E1E3E6)", + }, + }, + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + }, + "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(241, 247, 255, 0.74))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "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(241, 247, 255, 0.66))", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", + }, + }, + "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, #818385)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "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(241, 247, 255, 0.51))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "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(241, 247, 255, 0.43))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "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))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "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.30))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "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(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, #3B3C3D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "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(241, 247, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "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(241, 247, 255, 0.08))", + }, + }, + "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.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.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "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)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", + }, + }, + "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, #464748)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "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(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "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(255, 255, 255, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272728)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #353536)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #E1E3E6)", + }, + }, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "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, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #E1E3E6)", + }, + }, + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "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, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", + }, + }, + "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, #141414)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #E1E3E6)", + }, + }, + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #E1E3E6)", + }, + }, + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #E1E3E6)", + }, + }, + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "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, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #E1E3E6)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #76787a)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #969a9f)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #545556)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, + }, + "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, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "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)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "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, #2c2d2e)", + }, + }, + "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, 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 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 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 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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "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, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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, 16px)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "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, 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(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", + "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(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", + "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", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, + }, + "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)", + }, + }, + "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, 12px)", + }, + }, + "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, 10px)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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, 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": { + "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, 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, vkontakteIOSDark)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoIOSDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoIOS)", + }, + "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)", + }, + }, + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "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, #2C2C2D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "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.23))", + }, + "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))", + }, + }, + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "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, #2B2B2C)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "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, #818385)", + }, + "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)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "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, #B1B4B9)", + }, + "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)", + }, + }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + }, + "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)", + }, + }, + "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)", + }, + }, + "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))", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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))", + }, + }, + "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)", + }, + }, + "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 legoIOSDark 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)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorBackgroundAccentAlternative": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorBackgroundAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, .2)", + }, + "colorBackgroundAccentTint": { + "active": "#ECEEF1", + "hover": "#EBEEF1", + "normal": "#EAEDF0", + }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorIconAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", + }, + "colorIconMediumAlpha": { + "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", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorIconSecondaryAlpha": { + "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", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", + }, + "colorLinkContrast": { + "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.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", + }, + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", + }, + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorStrokeAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorStrokeAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkTint": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", + }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", + }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "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": "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -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", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, + }, + "fontFootnoteCaps": { + "regular": { + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + }, + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%", + "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%", + "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", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "sizeBasePaddingHorizontal": { + "regular": "12px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "10px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "10px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", + }, + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", + }, + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkontakteIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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 legoIOSDark 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))", + "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)", + }, + "colorAccentCyan": { + "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, #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)", + }, + "colorAccentLime": { + "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)", + }, + "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)", + }, + "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)", + }, + "colorAccentPink": { + "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, #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)", + "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, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + "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))", + }, + "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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", + }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #E3E5E8)", + "hover": "var(--vkui--color_background_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent, #E1E3E6)", + }, + "colorBackgroundAccentAlternative": { + "active": "var(--vkui--color_background_accent_alternative--active, #E3E5E8)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent_alternative, #E1E3E6)", + }, + "colorBackgroundAccentThemed": { + "active": "var(--vkui--color_background_accent_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_background_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", + }, + "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, .2))", + }, + "colorBackgroundAccentTint": { + "active": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", + "hover": "var(--vkui--color_background_accent_tint--hover, #EBEEF1)", + "normal": "var(--vkui--color_background_accent_tint, #EAEDF0)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + }, + "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)", + }, + "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, + "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)", + }, + "colorBackgroundModal": { + "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)", + "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, #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)", + }, + "colorBackgroundPositive": { + "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, #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, #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))", + "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, #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))", + "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, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "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)", + }, + "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.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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", + }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_accent, #E1E3E6)", + }, + "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)", + }, + "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, #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, #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(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)", + }, + "colorIconPositive": { + "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, #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, #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, #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(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)", + }, + "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))", + }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", + }, + "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, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, + "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))", + }, + "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.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))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + "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)", + }, + "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)", + }, + "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, #464748)", + "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "normal": "var(--vkui--color_separator_primary, #363738)", + }, + "colorSeparatorPrimary2x": { + "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, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", + }, + "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))", + }, + "colorSeparatorSecondary": { + "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, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", + }, + "colorSkeletonTo": { + "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, #E3E5E8)", + "hover": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_accent, #E1E3E6)", + }, + "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)", + }, + "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, #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, #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, #E3E5E8)", + "hover": "var(--vkui--color_text_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_accent, #E1E3E6)", + }, + "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)", + }, + "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, #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, #E3E5E8)", + "hover": "var(--vkui--color_text_link--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link, #E1E3E6)", + }, + "colorTextLinkThemed": { + "active": "var(--vkui--color_text_link_themed--active, #E3E5E8)", + "hover": "var(--vkui--color_text_link_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link_themed, #E1E3E6)", + }, + "colorTextLinkTint": { + "active": "var(--vkui--color_text_link_tint--active, #E3E5E8)", + "hover": "var(--vkui--color_text_link_tint--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link_tint, #E1E3E6)", + }, + "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)", + }, + "colorTextMuted": { + "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)", + }, + "colorTextPositive": { + "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, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #E1E3E6)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, + "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)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, + "colorTextSubhead": { + "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, #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)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", + }, + "colorTrackBuffer": { + "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))", + "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, #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)", + }, + "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, 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": { + "regular": { + "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)", + }, + }, + "fontCaption1Caps": { + "regular": { + "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)", + "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)", + "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, -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)", + "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)", + "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, -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)", + "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)", + "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)", + }, + }, + "fontDisplayTitle2": { + "compact": { + "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, "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)", + }, + }, + "fontDisplayTitle3": { + "regular": { + "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)", + }, + }, + "fontDisplayTitle4": { + "regular": { + "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, "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": { + "regular": { + "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)", + }, + }, + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, + }, + "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)", + "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, -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)", + }, + }, + "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, -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)", + }, + }, + "fontParagraph": { + "regular": { + "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)", + }, + }, + "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, -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)", + }, + }, + "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, -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)", + }, + }, + "fontTitle1": { + "regular": { + "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)", + }, + }, + "fontTitle2": { + "regular": { + "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": { + "regular": { + "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)", + }, + }, + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "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%)", + "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%)", + "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)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + }, + "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, 10px)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "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)", + }, + "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, 10px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "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, vkontakteIOSDark)", + "themeName": "var(--vkui--theme_name, legoIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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 legoIOSDark 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)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorBackgroundAccentAlternative": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorBackgroundAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, .2)", + }, + "colorBackgroundAccentTint": { + "active": "#ECEEF1", + "hover": "#EBEEF1", + "normal": "#EAEDF0", + }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorIconAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", + }, + "colorIconMediumAlpha": { + "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", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorIconSecondaryAlpha": { + "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", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", + }, + "colorLinkContrast": { + "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.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", + }, + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", + }, + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorStrokeAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorStrokeAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextAccent": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextAccentThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkThemed": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkTint": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", + }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", + }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", + }, + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "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": "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -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", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%", + "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%", + "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, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "sizeBasePaddingHorizontal": { + "regular": 12, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 10, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 10, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, + }, + "sizeSwitchPin": { + "compact": 23, + "regular": 27, + }, + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkontakteIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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 media theme should match cssVars snapshot 1`] = ` { "animationDurationL": { From 1e58dac1036be47a9bdfabac16df64c0d58941cd Mon Sep 17 00:00:00 2001 From: nick Date: Tue, 19 Nov 2024 14:47:49 +0300 Subject: [PATCH 05/10] Fixed zero in alpha --- .../__snapshots__/snapthots.test.ts.snap | 32 +++++++++---------- .../themes/legoAndroid/index.ts | 4 +-- src/themeDescriptions/themes/legoIOS/index.ts | 4 +-- 3 files changed, 20 insertions(+), 20 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 342029ac..324c48cf 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -88864,7 +88864,7 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, .2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -93249,7 +93249,7 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, .2)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#292B2E", @@ -94675,7 +94675,7 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "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, .2))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #292B2E)", @@ -96101,7 +96101,7 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, .2)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#292B2E", @@ -97748,7 +97748,7 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, .2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -102133,7 +102133,7 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, .2)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#ECEEF1", @@ -103559,7 +103559,7 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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, .2))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", @@ -104985,7 +104985,7 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, .2)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#ECEEF1", @@ -106632,7 +106632,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, .2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -110905,7 +110905,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, .2)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#292B2E", @@ -112315,7 +112315,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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, .2))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #292B2E)", @@ -113725,7 +113725,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, .2)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#292B2E", @@ -115356,7 +115356,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, .2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -119629,7 +119629,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, .2)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#ECEEF1", @@ -121039,7 +121039,7 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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, .2))", + "normal": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", @@ -122449,7 +122449,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, .2)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#ECEEF1", diff --git a/src/themeDescriptions/themes/legoAndroid/index.ts b/src/themeDescriptions/themes/legoAndroid/index.ts index 76feb542..988a027e 100644 --- a/src/themeDescriptions/themes/legoAndroid/index.ts +++ b/src/themeDescriptions/themes/legoAndroid/index.ts @@ -30,7 +30,7 @@ export const legoAndroidTheme: ThemeLegoAndroidDescription = { colorStrokeAccentThemed: dark, colorBackgroundAccent: dark, colorBackgroundAccentThemed: dark, - colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, .2)', + colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, 0.2)', colorBackgroundAccentAlternative: dark, colorBackgroundAccentTint: '#2D2D2D', colorWriteBarIcon: dark, @@ -61,7 +61,7 @@ export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { colorStrokeAccentThemed: light, colorBackgroundAccent: light, colorBackgroundAccentThemed: light, - colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, .2)', + colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, 0.2)', colorBackgroundAccentAlternative: light, colorBackgroundAccentTint: '#EAEDF0', colorWriteBarIcon: light, diff --git a/src/themeDescriptions/themes/legoIOS/index.ts b/src/themeDescriptions/themes/legoIOS/index.ts index 3e3cc96a..0b7ffb0a 100644 --- a/src/themeDescriptions/themes/legoIOS/index.ts +++ b/src/themeDescriptions/themes/legoIOS/index.ts @@ -27,7 +27,7 @@ export const legoIOSTheme: ThemeLegoIOSDescription = { colorStrokeAccentThemed: dark, colorBackgroundAccent: dark, colorBackgroundAccentThemed: dark, - colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, .2)', + colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, 0.2)', colorBackgroundAccentAlternative: dark, colorBackgroundAccentTint: '#2D2D2D', colorWriteBarIcon: dark, @@ -58,7 +58,7 @@ export const legoIOSThemeDark: ThemeLegoIOSDarkDescription = { colorStrokeAccentThemed: light, colorBackgroundAccent: light, colorBackgroundAccentThemed: light, - colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, .2)', + colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, 0.2)', colorBackgroundAccentAlternative: light, colorBackgroundAccentTint: '#EAEDF0', colorWriteBarIcon: light, From 533b42ea54ea51b2ad260b70eb4f78019f3e103d Mon Sep 17 00:00:00 2001 From: nick Date: Tue, 10 Dec 2024 23:57:42 +0300 Subject: [PATCH 06/10] WIP: Added Android Lego theme --- .../__snapshots__/snapthots.test.ts.snap | 282792 ++++++++------- src/interfaces/themes/legoAndroid/index.ts | 33 +- .../themes/legoAndroidDark/index.ts | 9 +- src/lint/__snapshots__/lint.test.ts.snap | 38 + src/themeDescriptions/index.ts | 4 +- src/themeDescriptions/themes/lego/android.ts | 74 + src/themeDescriptions/themes/lego/figma.json | 1150 + .../themes/lego/helpers/findFigmaToken.ts | 21 + .../themes/{legoIOS/index.ts => lego/ios.ts} | 2 + .../themes/legoAndroid/index.ts | 69 - 10 files changed, 142804 insertions(+), 141388 deletions(-) create mode 100644 src/themeDescriptions/themes/lego/android.ts create mode 100644 src/themeDescriptions/themes/lego/figma.json create mode 100644 src/themeDescriptions/themes/lego/helpers/findFigmaToken.ts rename src/themeDescriptions/themes/{legoIOS/index.ts => lego/ios.ts} (96%) delete mode 100644 src/themeDescriptions/themes/legoAndroid/index.ts diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 109e3181..7a795953 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -88523,7 +88523,7 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` +exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -88543,7 +88543,7 @@ exports[`shapshots legoAndroid 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": { @@ -90137,10 +90137,6 @@ exports[`shapshots legoAndroid 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)", @@ -90159,10 +90155,6 @@ exports[`shapshots legoAndroid 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)", @@ -90183,10 +90175,6 @@ exports[`shapshots legoAndroid 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)", @@ -90209,10 +90197,6 @@ exports[`shapshots legoAndroid 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)", @@ -90237,10 +90221,6 @@ exports[`shapshots legoAndroid 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)", @@ -90259,10 +90239,6 @@ exports[`shapshots legoAndroid 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)", @@ -90283,10 +90259,6 @@ exports[`shapshots legoAndroid 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)", @@ -90309,10 +90281,6 @@ exports[`shapshots legoAndroid 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)", @@ -90337,10 +90305,6 @@ exports[`shapshots legoAndroid 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)", @@ -90359,10 +90323,6 @@ exports[`shapshots legoAndroid 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)", @@ -90383,10 +90343,6 @@ exports[`shapshots legoAndroid 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)", @@ -90409,10 +90365,6 @@ exports[`shapshots legoAndroid 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)", @@ -90445,7 +90397,7 @@ exports[`shapshots legoAndroid 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", @@ -90483,7 +90435,7 @@ exports[`shapshots legoAndroid 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", @@ -90501,7 +90453,7 @@ exports[`shapshots legoAndroid 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", @@ -90539,7 +90491,7 @@ exports[`shapshots legoAndroid 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", @@ -90577,7 +90529,7 @@ exports[`shapshots legoAndroid 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", @@ -90619,10 +90571,6 @@ exports[`shapshots legoAndroid 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)", @@ -90641,10 +90589,6 @@ exports[`shapshots legoAndroid 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)", @@ -90665,10 +90609,6 @@ exports[`shapshots legoAndroid 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)", @@ -90691,10 +90631,6 @@ exports[`shapshots legoAndroid 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)", @@ -90719,10 +90655,6 @@ exports[`shapshots legoAndroid 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)", @@ -90733,10 +90665,6 @@ exports[`shapshots legoAndroid 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)", @@ -90755,10 +90683,6 @@ exports[`shapshots legoAndroid 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)", @@ -90779,10 +90703,6 @@ exports[`shapshots legoAndroid 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)", @@ -90793,10 +90713,6 @@ exports[`shapshots legoAndroid 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)", @@ -90815,10 +90731,6 @@ exports[`shapshots legoAndroid 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)", @@ -90925,10 +90837,6 @@ exports[`shapshots legoAndroid 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)", @@ -90939,10 +90847,6 @@ exports[`shapshots legoAndroid 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)", @@ -90961,10 +90865,6 @@ exports[`shapshots legoAndroid 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)", @@ -90985,10 +90885,6 @@ exports[`shapshots legoAndroid 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)", @@ -90999,10 +90895,6 @@ exports[`shapshots legoAndroid 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)", @@ -91021,10 +90913,6 @@ exports[`shapshots legoAndroid 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)", @@ -91171,19 +91059,19 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 0%, rgba(0, 0, 0, 0) 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", - "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%)", + "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, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 0%, rgba(0, 0, 0, 0) 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", - "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%)", + "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", @@ -91330,7 +91218,7 @@ exports[`shapshots legoAndroid 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": { @@ -91380,7 +91268,7 @@ exports[`shapshots legoAndroid 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": { @@ -91632,7 +91520,7 @@ exports[`shapshots legoAndroid 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": { @@ -91746,11 +91634,11 @@ exports[`shapshots legoAndroid 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": { @@ -91876,11 +91764,11 @@ exports[`shapshots legoAndroid 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": { @@ -91890,11 +91778,11 @@ exports[`shapshots legoAndroid 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": { @@ -91904,11 +91792,11 @@ exports[`shapshots legoAndroid 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": { @@ -91963,15 +91851,15 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkontakteAndroid)", + "value": "var(--vkui--theme_inherits_from, vkontakteIOS)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, legoAndroid)", + "value": "var(--vkui--theme_name, legoIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, legoAndroid)", + "value": "var(--vkui--theme_name_base, legoIOS)", }, "themeType": "cssVars", "vkontakteBackgroundHoverAlpha": { @@ -93104,6 +92992,20 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", }, }, + "vkontaktePaletteBlack": { + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #000105)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, + }, "vkontakteStoriesSkeletonLoaderBackground": { "active": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", @@ -93129,13 +93031,13 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots legoIOS 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", @@ -93702,7 +93604,6 @@ exports[`shapshots legoAndroid 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", }, }, @@ -93711,7 +93612,6 @@ exports[`shapshots legoAndroid 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", }, @@ -93721,7 +93621,6 @@ exports[`shapshots legoAndroid 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", }, }, @@ -93730,7 +93629,6 @@ exports[`shapshots legoAndroid 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", }, @@ -93740,7 +93638,6 @@ exports[`shapshots legoAndroid 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", }, }, @@ -93749,14 +93646,13 @@ exports[`shapshots legoAndroid 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": ""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", @@ -93764,13 +93660,13 @@ exports[`shapshots legoAndroid 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", @@ -93778,7 +93674,7 @@ exports[`shapshots legoAndroid 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", @@ -93786,7 +93682,7 @@ exports[`shapshots legoAndroid 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", @@ -93800,7 +93696,6 @@ exports[`shapshots legoAndroid 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", }, }, @@ -93809,7 +93704,6 @@ exports[`shapshots legoAndroid 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", }, @@ -93817,28 +93711,24 @@ exports[`shapshots legoAndroid 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", }, }, @@ -93865,28 +93755,24 @@ exports[`shapshots legoAndroid 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", }, }, @@ -93920,10 +93806,10 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 0%, rgba(0, 0, 0, 0) 100%", - "gradientBlack": "rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%", - "gradientTint": "var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 0%, rgba(0, 0, 0, 0) 100%", - "gradientWhite": "rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 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(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": { @@ -93966,7 +93852,7 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -93981,7 +93867,7 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -94056,7 +93942,7 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -94090,8 +93976,8 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -94128,16 +94014,16 @@ exports[`shapshots legoAndroid 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", @@ -94152,9 +94038,9 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkontakteAndroid", - "themeName": "legoAndroid", - "themeNameBase": "legoAndroid", + "themeInheritsFrom": "vkontakteIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { "active": "rgba(0, 0, 0, 0.12)", @@ -94545,6 +94431,11 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "hover": "rgba(0, 57, 115, 0.14)", "normal": "rgba(0, 57, 115, 0.10)", }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, "vkontakteStoriesSkeletonLoaderBackground": { "active": "#3F4246", "hover": "#424447", @@ -94555,13 +94446,13 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = } `; -exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots legoIOS 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)", @@ -95128,7 +95019,6 @@ exports[`shapshots legoAndroid 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)", }, }, @@ -95137,7 +95027,6 @@ exports[`shapshots legoAndroid 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)", }, @@ -95147,7 +95036,6 @@ exports[`shapshots legoAndroid 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)", }, }, @@ -95156,7 +95044,6 @@ exports[`shapshots legoAndroid 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)", }, @@ -95166,7 +95053,6 @@ exports[`shapshots legoAndroid 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)", }, }, @@ -95175,14 +95061,13 @@ exports[`shapshots legoAndroid 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, "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)", @@ -95190,13 +95075,13 @@ exports[`shapshots legoAndroid 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)", @@ -95204,7 +95089,7 @@ exports[`shapshots legoAndroid 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)", @@ -95212,7 +95097,7 @@ exports[`shapshots legoAndroid 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)", @@ -95226,7 +95111,6 @@ exports[`shapshots legoAndroid 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)", }, }, @@ -95235,7 +95119,6 @@ exports[`shapshots legoAndroid 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)", }, @@ -95243,28 +95126,24 @@ exports[`shapshots legoAndroid 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)", }, }, @@ -95291,28 +95170,24 @@ exports[`shapshots legoAndroid 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)", }, }, @@ -95346,10 +95221,10 @@ exports[`shapshots legoAndroid 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, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 0%, rgba(0, 0, 0, 0) 100%)", - "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%)", - "gradientTint": "var(--vkui--gradient_tint, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 0%, rgba(0, 0, 0, 0) 100%)", - "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { @@ -95392,7 +95267,7 @@ exports[`shapshots legoAndroid 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)", @@ -95407,7 +95282,7 @@ exports[`shapshots legoAndroid 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)", @@ -95482,7 +95357,7 @@ exports[`shapshots legoAndroid 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)", @@ -95516,8 +95391,8 @@ exports[`shapshots legoAndroid 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)", @@ -95554,16 +95429,16 @@ exports[`shapshots legoAndroid 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)", @@ -95578,9 +95453,9 @@ exports[`shapshots legoAndroid 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, vkontakteAndroid)", - "themeName": "var(--vkui--theme_name, legoAndroid)", - "themeNameBase": "var(--vkui--theme_name_base, legoAndroid)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkontakteIOS)", + "themeName": "var(--vkui--theme_name, legoIOS)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", @@ -95971,6 +95846,11 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "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))", }, + "vkontaktePaletteBlack": { + "active": "var(--vkui--vkontakte_palette_black--active, #000105)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", + }, "vkontakteStoriesSkeletonLoaderBackground": { "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", @@ -95981,13 +95861,13 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] } `; -exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` +exports[`shapshots legoIOS 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", @@ -96554,7 +96434,6 @@ exports[`shapshots legoAndroid 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, }, }, @@ -96563,7 +96442,6 @@ exports[`shapshots legoAndroid 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", }, @@ -96573,7 +96451,6 @@ exports[`shapshots legoAndroid 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, }, }, @@ -96582,7 +96459,6 @@ exports[`shapshots legoAndroid 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", }, @@ -96592,7 +96468,6 @@ exports[`shapshots legoAndroid 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, }, }, @@ -96601,14 +96476,13 @@ exports[`shapshots legoAndroid 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": ""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, @@ -96616,13 +96490,13 @@ exports[`shapshots legoAndroid 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, @@ -96630,7 +96504,7 @@ exports[`shapshots legoAndroid 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, @@ -96638,7 +96512,7 @@ exports[`shapshots legoAndroid 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, @@ -96652,7 +96526,6 @@ exports[`shapshots legoAndroid 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, }, }, @@ -96661,7 +96534,6 @@ exports[`shapshots legoAndroid 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", }, @@ -96669,28 +96541,24 @@ exports[`shapshots legoAndroid 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, }, }, @@ -96717,28 +96585,24 @@ exports[`shapshots legoAndroid 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, }, }, @@ -96772,10 +96636,10 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 0%, rgba(0, 0, 0, 0) 100%", - "gradientBlack": "rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%", - "gradientTint": "var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 0%, rgba(0, 0, 0, 0) 100%", - "gradientWhite": "rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 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(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": { @@ -96818,7 +96682,7 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -96833,7 +96697,7 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -96908,7 +96772,7 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -96942,8 +96806,8 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -96980,16 +96844,16 @@ exports[`shapshots legoAndroid 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, @@ -97004,9 +96868,9 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkontakteAndroid", - "themeName": "legoAndroid", - "themeNameBase": "legoAndroid", + "themeInheritsFrom": "vkontakteIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", "themeType": "root", "vkontakteBackgroundHoverAlpha": { "active": "rgba(0, 0, 0, 0.12)", @@ -97397,6 +97261,11 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 57, 115, 0.14)", "normal": "rgba(0, 57, 115, 0.10)", }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, "vkontakteStoriesSkeletonLoaderBackground": { "active": "#3F4246", "hover": "#424447", @@ -97407,7 +97276,7 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -97427,7 +97296,7 @@ exports[`shapshots legoAndroidDark 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": { @@ -99021,10 +98890,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99043,10 +98908,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99067,10 +98928,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99093,10 +98950,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99121,10 +98974,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99143,10 +98992,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99167,10 +99012,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99193,10 +99034,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99221,10 +99058,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99243,10 +99076,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99267,10 +99096,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99293,10 +99118,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99503,10 +99324,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99525,10 +99342,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99549,10 +99362,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99575,10 +99384,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99603,10 +99408,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99617,10 +99418,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99639,10 +99436,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99663,10 +99456,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99677,10 +99466,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99699,10 +99484,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99809,10 +99590,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99823,10 +99600,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99845,10 +99618,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99869,10 +99638,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99883,10 +99648,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -99905,10 +99666,6 @@ exports[`shapshots legoAndroidDark 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)", @@ -100055,19 +99812,19 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 0%, rgba(0, 0, 0, 0) 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", - "value": "var(--vkui--gradient_black, rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%)", + "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, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 0%, rgba(0, 0, 0, 0) 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", - "value": "var(--vkui--gradient_white, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%)", + "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", @@ -100214,7 +99971,7 @@ exports[`shapshots legoAndroidDark 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": { @@ -100264,7 +100021,7 @@ exports[`shapshots legoAndroidDark 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": { @@ -100516,7 +100273,7 @@ exports[`shapshots legoAndroidDark 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": { @@ -100630,11 +100387,11 @@ exports[`shapshots legoAndroidDark 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": { @@ -100760,11 +100517,11 @@ exports[`shapshots legoAndroidDark 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": { @@ -100774,11 +100531,11 @@ exports[`shapshots legoAndroidDark 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": { @@ -100788,11 +100545,11 @@ exports[`shapshots legoAndroidDark 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": { @@ -100847,15 +100604,15 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkontakteAndroidDark)", + "value": "var(--vkui--theme_inherits_from, vkontakteIOSDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, legoAndroidDark)", + "value": "var(--vkui--theme_name, legoIOSDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, legoAndroid)", + "value": "var(--vkui--theme_name_base, legoIOS)", }, "themeType": "cssVars", "vkontakteBackgroundHoverAlpha": { @@ -101988,6 +101745,20 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", }, }, + "vkontaktePaletteBlack": { + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #141414)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, + }, "vkontakteStoriesSkeletonLoaderBackground": { "active": { "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", @@ -102013,13 +101784,13 @@ exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots legoIOSDark 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", @@ -102586,7 +102357,6 @@ exports[`shapshots legoAndroidDark 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", }, }, @@ -102595,7 +102365,6 @@ exports[`shapshots legoAndroidDark 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", }, @@ -102605,7 +102374,6 @@ exports[`shapshots legoAndroidDark 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", }, }, @@ -102614,7 +102382,6 @@ exports[`shapshots legoAndroidDark 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", }, @@ -102624,7 +102391,6 @@ exports[`shapshots legoAndroidDark 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", }, }, @@ -102633,7 +102399,6 @@ exports[`shapshots legoAndroidDark 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", }, @@ -102684,7 +102449,6 @@ exports[`shapshots legoAndroidDark 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", }, }, @@ -102693,7 +102457,6 @@ exports[`shapshots legoAndroidDark 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", }, @@ -102701,28 +102464,24 @@ exports[`shapshots legoAndroidDark 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", }, }, @@ -102749,28 +102508,24 @@ exports[`shapshots legoAndroidDark 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", }, }, @@ -102804,10 +102559,10 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 0%, rgba(0, 0, 0, 0) 100%", - "gradientBlack": "rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%", - "gradientTint": "var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 0%, rgba(0, 0, 0, 0) 100%", - "gradientWhite": "rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 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(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, "sizeArrow": { @@ -102850,7 +102605,7 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -102865,7 +102620,7 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -102940,7 +102695,7 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -102974,8 +102729,8 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -103012,16 +102767,16 @@ exports[`shapshots legoAndroidDark 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", @@ -103036,9 +102791,9 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkontakteAndroidDark", - "themeName": "legoAndroidDark", - "themeNameBase": "legoAndroid", + "themeInheritsFrom": "vkontakteIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { "active": "rgba(255, 255, 255, 0.12)", @@ -103429,6 +103184,11 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` "hover": "rgba(255, 255, 255, 0.19)", "normal": "rgba(255, 255, 255, 0.15)", }, + "vkontaktePaletteBlack": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, "vkontakteStoriesSkeletonLoaderBackground": { "active": "#C9CCD0", "hover": "#C6CACE", @@ -103439,13 +103199,13 @@ exports[`shapshots legoAndroidDark theme should match pixelify theme snapshot 1` } `; -exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots legoIOSDark 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)", @@ -104012,7 +103772,6 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, }, @@ -104021,7 +103780,6 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, @@ -104031,7 +103789,6 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, }, @@ -104040,7 +103797,6 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, @@ -104050,7 +103806,6 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, }, @@ -104059,7 +103814,6 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, @@ -104110,7 +103864,6 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, }, @@ -104119,7 +103872,6 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, @@ -104127,28 +103879,24 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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)", }, }, @@ -104175,28 +103923,24 @@ exports[`shapshots legoAndroidDark 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)", }, "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)", }, }, @@ -104230,10 +103974,10 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 0%, rgba(0, 0, 0, 0) 100%)", - "gradientBlack": "var(--vkui--gradient_black, rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%)", - "gradientTint": "var(--vkui--gradient_tint, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 0%, rgba(0, 0, 0, 0) 100%)", - "gradientWhite": "var(--vkui--gradient_white, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 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(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)", "sizeArrow": { @@ -104276,7 +104020,7 @@ exports[`shapshots legoAndroidDark 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)", @@ -104291,7 +104035,7 @@ exports[`shapshots legoAndroidDark 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)", @@ -104366,7 +104110,7 @@ exports[`shapshots legoAndroidDark 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)", @@ -104400,8 +104144,8 @@ exports[`shapshots legoAndroidDark 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)", @@ -104438,16 +104182,16 @@ exports[`shapshots legoAndroidDark 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)", @@ -104462,9 +104206,9 @@ exports[`shapshots legoAndroidDark 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, vkontakteAndroidDark)", - "themeName": "var(--vkui--theme_name, legoAndroidDark)", - "themeNameBase": "var(--vkui--theme_name_base, legoAndroid)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkontakteIOSDark)", + "themeName": "var(--vkui--theme_name, legoIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", @@ -104855,6 +104599,11 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars "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))", }, + "vkontaktePaletteBlack": { + "active": "var(--vkui--vkontakte_palette_black--active, #141414)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", + }, "vkontakteStoriesSkeletonLoaderBackground": { "active": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", "hover": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", @@ -104865,13 +104614,13 @@ exports[`shapshots legoAndroidDark theme should match pseudo theme from CssVars } `; -exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = ` +exports[`shapshots legoIOSDark 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", @@ -105438,7 +105187,6 @@ exports[`shapshots legoAndroidDark 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, }, }, @@ -105447,7 +105195,6 @@ exports[`shapshots legoAndroidDark 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", }, @@ -105457,7 +105204,6 @@ exports[`shapshots legoAndroidDark 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, }, }, @@ -105466,7 +105212,6 @@ exports[`shapshots legoAndroidDark 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", }, @@ -105476,7 +105221,6 @@ exports[`shapshots legoAndroidDark 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, }, }, @@ -105485,7 +105229,6 @@ exports[`shapshots legoAndroidDark 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", }, @@ -105536,7 +105279,6 @@ exports[`shapshots legoAndroidDark 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, }, }, @@ -105545,7 +105287,6 @@ exports[`shapshots legoAndroidDark 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", }, @@ -105553,28 +105294,24 @@ exports[`shapshots legoAndroidDark 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, }, }, @@ -105601,28 +105338,24 @@ exports[`shapshots legoAndroidDark 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, }, }, @@ -105656,10 +105389,10 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 0%, rgba(0, 0, 0, 0) 100%", - "gradientBlack": "rgba(0, 0, 0, 0.376) 0%, rgba(0, 0, 0, 0) 100%", - "gradientTint": "var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 0%, rgba(0, 0, 0, 0) 100%", - "gradientWhite": "rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 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(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, "sizeArrow": { @@ -105702,7 +105435,7 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -105717,7 +105450,7 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -105792,7 +105525,7 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -105826,8 +105559,8 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -105864,16 +105597,16 @@ exports[`shapshots legoAndroidDark 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, @@ -105888,9 +105621,9 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkontakteAndroidDark", - "themeName": "legoAndroidDark", - "themeNameBase": "legoAndroid", + "themeInheritsFrom": "vkontakteIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", "themeType": "root", "vkontakteBackgroundHoverAlpha": { "active": "rgba(255, 255, 255, 0.12)", @@ -106281,6 +106014,11 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = "hover": "rgba(255, 255, 255, 0.19)", "normal": "rgba(255, 255, 255, 0.15)", }, + "vkontaktePaletteBlack": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, "vkontakteStoriesSkeletonLoaderBackground": { "active": "#C9CCD0", "hover": "#C6CACE", @@ -106291,7 +106029,7 @@ exports[`shapshots legoAndroidDark theme should match root theme snapshot 1`] = } `; -exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots media theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -106311,7 +106049,25 @@ exports[`shapshots legoIOS 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": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, "colorAccentAzure": { "active": { @@ -106330,85 +106086,85 @@ exports[`shapshots legoIOS 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": { @@ -106422,7 +106178,7 @@ exports[`shapshots legoIOS 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": { @@ -106442,29 +106198,29 @@ exports[`shapshots legoIOS 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": { @@ -106478,77 +106234,77 @@ exports[`shapshots legoIOS 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, #DA300E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "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, #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": { @@ -106568,85 +106324,127 @@ exports[`shapshots legoIOS 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, #1E2023)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #202022)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #212121)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #212121)", + "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, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #212121)", + "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, #292B2E)", + "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, #2B2C2E)", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #2D2D2D)", + "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": { @@ -106660,21 +106458,21 @@ exports[`shapshots legoIOS 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, "colorBackgroundContrast": { @@ -106688,21 +106486,21 @@ exports[`shapshots legoIOS 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": { @@ -106716,7 +106514,7 @@ exports[`shapshots legoIOS 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": { @@ -106736,15 +106534,15 @@ exports[`shapshots legoIOS 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": { @@ -106764,211 +106562,407 @@ exports[`shapshots legoIOS 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, #EADDDD)", }, "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, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "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, #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": { @@ -106982,35 +106976,35 @@ exports[`shapshots legoIOS 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, #1E2023)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #202022)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #212121)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #212121)", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, "colorIconContrast": { @@ -107024,7 +107018,7 @@ exports[`shapshots legoIOS 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": { @@ -107038,7 +107032,7 @@ exports[`shapshots legoIOS 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": { @@ -107052,63 +107046,63 @@ exports[`shapshots legoIOS 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": { @@ -107122,7 +107116,7 @@ exports[`shapshots legoIOS 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": { @@ -107136,119 +107130,119 @@ exports[`shapshots legoIOS 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": { @@ -107262,7 +107256,7 @@ exports[`shapshots legoIOS 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": { @@ -107276,357 +107270,693 @@ exports[`shapshots legoIOS 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": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "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, #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)", }, }, - "colorSearchFieldBackground": { + "colorPrimaryAuto": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", + "name": "--vkui--color_primary_auto--active", + "value": "var(--vkui--color_primary_auto--active, #006FEF)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", + "name": "--vkui--color_primary_auto--hover", + "value": "var(--vkui--color_primary_auto--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "name": "--vkui--color_primary_auto", + "value": "var(--vkui--color_primary_auto, #0077FF)", }, }, - "colorSegmentedControl": { + "colorPrimaryBase": { "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + "name": "--vkui--color_primary_base--active", + "value": "var(--vkui--color_primary_base--active, #006FEF)", }, "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "name": "--vkui--color_primary_base--hover", + "value": "var(--vkui--color_primary_base--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #ffffff)", + "name": "--vkui--color_primary_base", + "value": "var(--vkui--color_primary_base, #0077FF)", }, }, - "colorSeparatorPrimary": { + "colorPrimaryDeti": { "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + "name": "--vkui--color_primary_deti--active", + "value": "var(--vkui--color_primary_deti--active, #006FEF)", }, "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "name": "--vkui--color_primary_deti--hover", + "value": "var(--vkui--color_primary_deti--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "name": "--vkui--color_primary_deti", + "value": "var(--vkui--color_primary_deti, #0077FF)", }, }, - "colorSeparatorPrimary2x": { + "colorPrimaryDobro": { "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "name": "--vkui--color_primary_dobro--active", + "value": "var(--vkui--color_primary_dobro--active, #EBC405)", }, "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "name": "--vkui--color_primary_dobro--hover", + "value": "var(--vkui--color_primary_dobro--hover, #F5CC02)", }, "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "name": "--vkui--color_primary_dobro", + "value": "var(--vkui--color_primary_dobro, #ffd400)", }, }, - "colorSeparatorPrimary3x": { + "colorPrimaryHealth": { "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "name": "--vkui--color_primary_health--active", + "value": "var(--vkui--color_primary_health--active, #006FEF)", }, "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "name": "--vkui--color_primary_health--hover", + "value": "var(--vkui--color_primary_health--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "name": "--vkui--color_primary_health", + "value": "var(--vkui--color_primary_health, #0077FF)", }, }, - "colorSeparatorPrimaryAlpha": { + "colorPrimaryHealthNew": { "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + "name": "--vkui--color_primary_health_new--active", + "value": "var(--vkui--color_primary_health_new--active, #006FEF)", }, "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "name": "--vkui--color_primary_health_new--hover", + "value": "var(--vkui--color_primary_health_new--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + "name": "--vkui--color_primary_health_new", + "value": "var(--vkui--color_primary_health_new, #0077FF)", }, }, - "colorSeparatorSecondary": { + "colorPrimaryHitech": { "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "name": "--vkui--color_primary_hitech--active", + "value": "var(--vkui--color_primary_hitech--active, #006FEF)", }, "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "name": "--vkui--color_primary_hitech--hover", + "value": "var(--vkui--color_primary_hitech--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "name": "--vkui--color_primary_hitech", + "value": "var(--vkui--color_primary_hitech, #0077FF)", }, }, - "colorSkeletonFrom": { + "colorPrimaryKino": { "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "name": "--vkui--color_primary_kino--active", + "value": "var(--vkui--color_primary_kino--active, #006FEF)", }, "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "name": "--vkui--color_primary_kino--hover", + "value": "var(--vkui--color_primary_kino--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "name": "--vkui--color_primary_kino", + "value": "var(--vkui--color_primary_kino, #0077FF)", }, }, - "colorSkeletonTo": { + "colorPrimaryLady": { "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "name": "--vkui--color_primary_lady--active", + "value": "var(--vkui--color_primary_lady--active, #006FEF)", }, "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "name": "--vkui--color_primary_lady--hover", + "value": "var(--vkui--color_primary_lady--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "name": "--vkui--color_primary_lady", + "value": "var(--vkui--color_primary_lady, #0077FF)", }, }, - "colorStrokeAccent": { + "colorPrimaryMycom": { "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1E2023)", + "name": "--vkui--color_primary_mycom--active", + "value": "var(--vkui--color_primary_mycom--active, #009FE4)", }, "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #202022)", + "name": "--vkui--color_primary_mycom--hover", + "value": "var(--vkui--color_primary_mycom--hover, #00A5EB)", }, "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #212121)", + "name": "--vkui--color_primary_mycom", + "value": "var(--vkui--color_primary_mycom, #00abf2)", }, }, - "colorStrokeAccentThemed": { + "colorPrimaryPets": { "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", + "name": "--vkui--color_primary_pets--active", + "value": "var(--vkui--color_primary_pets--active, #fc627e)", }, "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #202022)", + "name": "--vkui--color_primary_pets--hover", + "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", }, "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #212121)", + "name": "--vkui--color_primary_pets", + "value": "var(--vkui--color_primary_pets, #fc738c)", }, }, - "colorStrokeContrast": { + "colorPrimaryPharma": { "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "name": "--vkui--color_primary_pharma--active", + "value": "var(--vkui--color_primary_pharma--active, #1BC39A)", }, "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "name": "--vkui--color_primary_pharma--hover", + "value": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", }, "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #ffffff)", + "name": "--vkui--color_primary_pharma", + "value": "var(--vkui--color_primary_pharma, #1DD3A2)", }, }, - "colorStrokeNegative": { + "colorPrimaryRealty": { "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #D44245)", + "name": "--vkui--color_primary_realty--active", + "value": "var(--vkui--color_primary_realty--active, #006FEF)", }, "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "name": "--vkui--color_primary_realty--hover", + "value": "var(--vkui--color_primary_realty--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "name": "--vkui--color_primary_realty", + "value": "var(--vkui--color_primary_realty, #0077FF)", }, }, - "colorStrokePositive": { + "colorRating": { "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", }, "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", }, "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", }, }, - "colorTabbarTextInactive": { + "colorSearchFieldBackground": { "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", }, "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", }, "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", }, }, - "colorTextAccent": { + "colorSecondaryBase": { "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #1E2023)", + "name": "--vkui--color_secondary_base--active", + "value": "var(--vkui--color_secondary_base--active, #006FEF)", }, "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #202022)", + "name": "--vkui--color_secondary_base--hover", + "value": "var(--vkui--color_secondary_base--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #212121)", + "name": "--vkui--color_secondary_base", + "value": "var(--vkui--color_secondary_base, #0077FF)", }, }, - "colorTextAccentThemed": { + "colorSecondaryHealth": { "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #1E2023)", + "name": "--vkui--color_secondary_health--active", + "value": "var(--vkui--color_secondary_health--active, #006FEF)", }, "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #202022)", + "name": "--vkui--color_secondary_health--hover", + "value": "var(--vkui--color_secondary_health--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #212121)", + "name": "--vkui--color_secondary_health", + "value": "var(--vkui--color_secondary_health, #0077FF)", }, }, - "colorTextContrast": { + "colorSecondaryMycom": { "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + "name": "--vkui--color_secondary_mycom--active", + "value": "var(--vkui--color_secondary_mycom--active, #E82A38)", }, "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "name": "--vkui--color_secondary_mycom--hover", + "value": "var(--vkui--color_secondary_mycom--hover, #F22B38)", }, "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #ffffff)", + "name": "--vkui--color_secondary_mycom", + "value": "var(--vkui--color_secondary_mycom, #fc2c38)", }, }, - "colorTextContrastThemed": { + "colorSegmentedControl": { "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "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)", + }, + }, + "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, #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, #DA300E)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED330a)", + }, + }, + "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, #1E2023)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #202022)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #212121)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #212121)", + "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, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #212121)", + "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": { @@ -107640,49 +107970,49 @@ exports[`shapshots legoIOS 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, #1E2023)", + "value": "var(--vkui--color_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #202022)", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #212121)", + "value": "var(--vkui--color_text_primary, #2C2D2E)", }, }, "colorTextPrimaryAlpha": { @@ -107702,29 +108032,29 @@ exports[`shapshots legoIOS 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, #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)", }, }, "colorTextSecondaryAlpha": { @@ -107744,57 +108074,183 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "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": { @@ -107814,29 +108270,29 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #212121)", + "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": { @@ -107850,21 +108306,21 @@ exports[`shapshots legoIOS 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": { @@ -107873,23 +108329,23 @@ exports[`shapshots legoIOS 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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", }, "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": { @@ -107913,7 +108369,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -107925,7 +108381,7 @@ exports[`shapshots legoIOS 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)", }, }, }, @@ -107943,6 +108399,10 @@ exports[`shapshots legoIOS 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)", @@ -107955,7 +108415,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -107963,11 +108423,15 @@ exports[`shapshots legoIOS 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", @@ -107997,7 +108461,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -108027,6 +108491,10 @@ exports[`shapshots legoIOS 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)", @@ -108039,7 +108507,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -108047,7 +108515,11 @@ exports[`shapshots legoIOS 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", @@ -108081,7 +108553,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -108111,6 +108583,10 @@ exports[`shapshots legoIOS 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)", @@ -108123,7 +108599,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -108131,7 +108607,11 @@ exports[`shapshots legoIOS 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", @@ -108165,7 +108645,7 @@ exports[`shapshots legoIOS 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", @@ -108173,7 +108653,7 @@ exports[`shapshots legoIOS 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", @@ -108203,7 +108683,7 @@ exports[`shapshots legoIOS 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", @@ -108211,17 +108691,17 @@ exports[`shapshots legoIOS 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", @@ -108229,7 +108709,7 @@ exports[`shapshots legoIOS 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", @@ -108259,7 +108739,7 @@ exports[`shapshots legoIOS 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", @@ -108267,7 +108747,7 @@ exports[`shapshots legoIOS 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", @@ -108297,7 +108777,7 @@ exports[`shapshots legoIOS 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", @@ -108305,25 +108785,29 @@ exports[`shapshots legoIOS 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, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -108347,7 +108831,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -108359,7 +108843,7 @@ exports[`shapshots legoIOS 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)", }, }, }, @@ -108377,6 +108861,10 @@ exports[`shapshots legoIOS 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)", @@ -108389,7 +108877,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -108399,9 +108887,13 @@ exports[`shapshots legoIOS 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", @@ -108409,6 +108901,242 @@ exports[`shapshots legoIOS 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": { + "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, 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", + "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, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 36px)", + }, + "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, 48px)", + }, + }, + }, + "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": { + "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, 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", + "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, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 28px)", + }, + "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, 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)", + }, + }, + }, "fontHeadline": { "auto": { "fontFamily": { @@ -108441,7 +109169,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -108489,7 +109217,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -108537,7 +109265,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -108575,7 +109303,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -108617,13 +109345,13 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -108671,7 +109399,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -108709,7 +109437,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -108717,7 +109445,7 @@ exports[`shapshots legoIOS 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", @@ -108747,7 +109475,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -108755,11 +109483,11 @@ exports[`shapshots legoIOS 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)", }, }, }, @@ -108785,7 +109513,7 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -108793,7 +109521,7 @@ exports[`shapshots legoIOS 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", @@ -108803,7 +109531,7 @@ exports[`shapshots legoIOS 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", @@ -108815,16 +109543,32 @@ exports[`shapshots legoIOS 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", "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%)", @@ -108835,1944 +109579,2802 @@ exports[`shapshots legoIOS 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", "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": { + "gridAsideContent": { "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "name": "--vkui--grid_aside_content", + "value": "var(--vkui--grid_aside_content)", }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "compact": { + "name": "--vkui--grid_aside_content--compact", + "value": "var(--vkui--grid_aside_content--compact, 300px)", }, - }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "compactX": { + "name": "--vkui--grid_aside_content--compact_x", + "value": "var(--vkui--grid_aside_content--compact_x, 300px)", + }, + "large": { + "name": "--vkui--grid_aside_content--large", + "value": "var(--vkui--grid_aside_content--large, 380px)", }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "name": "--vkui--grid_aside_content--regular", + "value": "var(--vkui--grid_aside_content--regular, 100%)", }, }, - "sizeArrowPromo": { + "gridColumnX2": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "name": "--vkui--grid_column_x2", + "value": "var(--vkui--grid_column_x2)", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "compact": { + "name": "--vkui--grid_column_x2--compact", + "value": "var(--vkui--grid_column_x2--compact, 430px)", }, - }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "compactX": { + "name": "--vkui--grid_column_x2--compact_x", + "value": "var(--vkui--grid_column_x2--compact_x, 280px)", + }, + "large": { + "name": "--vkui--grid_column_x2--large", + "value": "var(--vkui--grid_column_x2--large, 580px)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--grid_column_x2--regular", + "value": "var(--vkui--grid_column_x2--regular, 100%)", }, }, - "sizeAvatarM": { + "gridColumnX3": { "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)", + "name": "--vkui--grid_column_x3", + "value": "var(--vkui--grid_column_x3)", }, - }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "compact": { + "name": "--vkui--grid_column_x3--compact", + "value": "var(--vkui--grid_column_x3--compact, 280px)", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "compactX": { + "name": "--vkui--grid_column_x3--compact_x", + "value": "var(--vkui--grid_column_x3--compact_x, 180px)", }, - }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "large": { + "name": "--vkui--grid_column_x3--large", + "value": "var(--vkui--grid_column_x3--large, 380px)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--grid_column_x3--regular", + "value": "var(--vkui--grid_column_x3--regular, 100%)", }, }, - "sizeAvatarXS": { + "gridColumnX4": { "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)", + "name": "--vkui--grid_column_x4", + "value": "var(--vkui--grid_column_x4)", }, - }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "compact": { + "name": "--vkui--grid_column_x4--compact", + "value": "var(--vkui--grid_column_x4--compact, 205px)", }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "compactX": { + "name": "--vkui--grid_column_x4--compact_x", + "value": "var(--vkui--grid_column_x4--compact_x, 130px)", }, - }, - "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "large": { + "name": "--vkui--grid_column_x4--large", + "value": "var(--vkui--grid_column_x4--large, 280px)", }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--grid_column_x4--regular", + "value": "var(--vkui--grid_column_x4--regular, 100%)", }, }, - "sizeBadgeS": { + "gridColumnX6": { "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)", + "name": "--vkui--grid_column_x6", + "value": "var(--vkui--grid_column_x6)", }, - }, - "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "compact": { + "name": "--vkui--grid_column_x6--compact", + "value": "var(--vkui--grid_column_x6--compact, 130px)", }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "compactX": { + "name": "--vkui--grid_column_x6--compact_x", + "value": "var(--vkui--grid_column_x6--compact_x, 80px)", }, - }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "large": { + "name": "--vkui--grid_column_x6--large", + "value": "var(--vkui--grid_column_x6--large, 180px)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--grid_column_x6--regular", + "value": "var(--vkui--grid_column_x6--regular, 100%)", }, }, - "sizeBasePaddingHorizontal": { + "gridMainContent": { "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, 12px)", + "name": "--vkui--grid_main_content", + "value": "var(--vkui--grid_main_content)", }, - }, - "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "compact": { + "name": "--vkui--grid_main_content--compact", + "value": "var(--vkui--grid_main_content--compact, 620px)", }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "compactX": { + "name": "--vkui--grid_main_content--compact_x", + "value": "var(--vkui--grid_main_content--compact_x, 620px)", }, - }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "large": { + "name": "--vkui--grid_main_content--large", + "value": "var(--vkui--grid_main_content--large, 780px)", }, "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "name": "--vkui--grid_main_content--regular", + "value": "var(--vkui--grid_main_content--regular, 100%)", }, }, - "sizeBorder2x": { + "gridMainContentWide": { "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", - }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--grid_main_content_wide", + "value": "var(--vkui--grid_main_content_wide)", }, - }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "compact": { + "name": "--vkui--grid_main_content_wide--compact", + "value": "var(--vkui--grid_main_content_wide--compact, 620px)", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "compactX": { + "name": "--vkui--grid_main_content_wide--compact_x", + "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", }, - }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "large": { + "name": "--vkui--grid_main_content_wide--large", + "value": "var(--vkui--grid_main_content_wide--large, 860px)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "name": "--vkui--grid_main_content_wide--regular", + "value": "var(--vkui--grid_main_content_wide--regular, 100%)", }, }, - "sizeBorderRadiusPaper": { + "gridWrapperContent": { "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)", + "name": "--vkui--grid_wrapper_content", + "value": "var(--vkui--grid_wrapper_content)", }, - }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "compact": { + "name": "--vkui--grid_wrapper_content--compact", + "value": "var(--vkui--grid_wrapper_content--compact, 940px)", }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "compactX": { + "name": "--vkui--grid_wrapper_content--compact_x", + "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", }, - }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "large": { + "name": "--vkui--grid_wrapper_content--large", + "value": "var(--vkui--grid_wrapper_content--large, 1260px)", }, "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "name": "--vkui--grid_wrapper_content--regular", + "value": "var(--vkui--grid_wrapper_content--regular, 100%)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { + "mediaFontMediaCaption": { "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)", + "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)", + }, }, - }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "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_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "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)", + }, }, }, - "sizeButtonBaseMediumPaddingHorizontal": { + "mediaFontMediaCaptionCaps": { "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)", + "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)", + }, }, - }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "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_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--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)", + }, }, }, - "sizeButtonBaseSmallPaddingHorizontal": { + "mediaFontMediaLead": { "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)", + "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)", + }, }, - }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "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_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, }, - "sizeButtonGroupGapMedium": { + "mediaFontMediaParagraph": { "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "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)", + }, + }, + "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_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "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)", + }, }, }, - "sizeButtonGroupGapSmall": { + "mediaFontMediaParagraphNumbering": { "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "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_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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)", + }, }, }, - "sizeButtonGroupGapSpace": { + "mediaFontMediaParagraphSecondary": { "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "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_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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)", + }, }, }, - "sizeButtonLargeHeight": { + "mediaFontMediaQuote": { "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "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": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "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_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--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)", + }, }, }, - "sizeButtonMediumHeight": { + "mediaFontMediaQuotePerson": { "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "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": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "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_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "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)", + }, }, }, - "sizeButtonMinimumWidth": { + "mediaFontMediaSubtitleLight": { "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "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_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "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)", + }, }, }, - "sizeButtonPaddingHorizontal": { + "mediaFontMediaTextSecondaryLight": { "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "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_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "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)", + }, }, }, - "sizeButtonSmallHeight": { + "mediaFontMediaTitle1": { "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "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": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "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": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "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)", + }, }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { + "mediaFontMediaTitle1Tiny": { "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)", + "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)", + }, }, - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "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": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { + "mediaFontMediaTitle2": { "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)", + "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)", + }, }, - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "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": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { + "mediaFontMediaTitle2Tiny": { "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)", + "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)", + }, }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "mediaFontMediaTitle3": { "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "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": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, }, - "sizeCardBorderRadius": { + "mediaFontMediaTitle4": { "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "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": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "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)", + }, }, }, - "sizeCardgridPadding": { + "mediaFontMediaTitle5": { "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "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": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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)", + }, }, }, - "sizeCardgridPaddingVertical": { + "mediaFontMediaTitle6": { "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "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": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "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)", + }, }, }, - "sizeCheckBorderRadius": { + "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_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeCheckbox": { + "sizeArrowHeight": { "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "sizeFieldHeight": { + "sizeArrowPadding": { "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_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "sizeFieldHorizontalPadding": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeFormItemPaddingVertical": { + "sizeArrowWidth": { "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "sizeIconUI": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "sizeLabelHorizontalMargin": { + "sizeAvatarL": { "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "sizeOptionHierarchy": { + "sizeAvatarM": { "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "sizePanelHeaderHeight": { + "sizeAvatarS": { "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)", + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "sizePopupBasePadding": { + "sizeAvatarXL": { "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)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "sizePopupHeaderPadding": { + "sizeAvatarXS": { "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + "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_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "sizePopupLarge": { + "sizeBadgeM": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "sizePopupMedium": { + "sizeBadgeS": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "sizePopupSmall": { + "sizeBadgeXL": { "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "sizeSearchHeight": { + "sizeBadgeXS": { "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "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_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "sizeSelectIconPadding": { + "sizeBasePadding": { "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + "compactX": { + "name": "--vkui--size_base_padding--compact_x", + "value": "var(--vkui--size_base_padding--compact_x, 16px)", }, "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 20px)", }, }, - "sizeSplitColPaddingHorizontal": { + "sizeBasePaddingHorizontal": { "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "sizeSubnavigationBarGap": { + "sizeBasePaddingVertical": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "sizeSubnavigationBarPaddingVertical": { + "sizeBorder1x": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "sizeSwitchHeight": { + "sizeBorder2x": { "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)", + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "sizeSwitchPin": { + "sizeBorder3x": { "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_border3x", + "value": "var(--vkui--size_border3x)", }, "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "sizeSwitchWidth": { + "sizeBorderRadius": { "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_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "sizeTooltipMargin": { + "sizeBorderRadiusPaper": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", }, }, - "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, vkontakteIOS)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, legoIOS)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, legoIOS)", - }, - "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))", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "normal": { - "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "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)", + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "normal": { - "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "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))", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, - "normal": { - "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "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)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, - "normal": { - "name": "--vkui--vkontakte_button_tertiary_foreground", - "value": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", }, }, - "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)", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, - "normal": { - "name": "--vkui--vkontakte_color_accent_alternate", - "value": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)", + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "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))", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, - "normal": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(0, 0, 0, 0.12))", + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "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))", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "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)", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "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)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_background_suggestions", - "value": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "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))", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "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)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "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)", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "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)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "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)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--vkontakte_color_control_foreground", - "value": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--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)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "normal": { - "name": "--vkui--vkontakte_color_control_tint_muted", - "value": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "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)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "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)", + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_search_field_tint", - "value": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 20px)", }, }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "vkontakteColorIconName": { - "active": { - "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "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)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_outline_medium", - "value": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "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)", + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_outline_secondary", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--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)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "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)", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, - "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))", + }, + "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)", }, }, - "vkontakteColorImBubbleGiftText": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", + }, + "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)", }, }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, - "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_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "vkontakteColorImBubbleIncoming": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + }, + "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)", }, }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", + }, + "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)", }, }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", + }, + "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)", }, }, - "vkontakteColorImBubbleOutgoing": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", + }, + "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)", }, }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", + }, + "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)", }, }, - "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))", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, - "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))", + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + }, + "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)", }, }, - "vkontakteColorImTextName": { - "active": { - "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 130px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + "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, 94px)", }, }, - "vkontakteColorInputBorder": { - "active": { - "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", }, - "normal": { - "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + }, + "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)", }, }, - "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))", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, - "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))", + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, + "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)", }, }, - "vkontakteColorLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, - "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "vkontakteColorLoaderTint": { - "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", }, - "hover": { - "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + "compact": { + "name": "--vkui--size_field_horizontal_margin--compact", + "value": "var(--vkui--size_field_horizontal_margin--compact, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "compactX": { + "name": "--vkui--size_field_horizontal_margin--compact_x", + "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", }, - }, - "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))", + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, - "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))", + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, - "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_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "vkontakteColorModalCardHeaderClose": { - "active": { - "name": "--vkui--vkontakte_color_modal_card_header_close--active", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", }, - "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_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + }, + "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)", }, }, - "vkontakteColorMusicPlaybackIcon": { - "active": { - "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", }, - "hover": { - "name": "--vkui--vkontakte_color_music_playback_icon--hover", - "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", + "compactX": { + "name": "--vkui--size_field_width_min--compact_x", + "value": "var(--vkui--size_field_width_min--compact_x, 288px)", }, - "normal": { - "name": "--vkui--vkontakte_color_music_playback_icon", - "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 380px)", }, }, - "vkontakteColorPanelTabActiveText": { - "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, - "hover": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + }, + "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": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", + "sizeIconMargin": { + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", }, - "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_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + }, + "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)", }, }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", + "compact": { + "name": "--vkui--size_icon_u_i--compact", + "value": "var(--vkui--size_icon_u_i--compact, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + "compactX": { + "name": "--vkui--size_icon_u_i--compact_x", + "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", }, - }, - "vkontakteColorPlaceholderIconTint": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + }, + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "vkontakteColorPollOptionBackground": { - "active": { - "name": "--vkui--vkontakte_color_poll_option_background--active", - "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, - "hover": { - "name": "--vkui--vkontakte_color_poll_option_background--hover", - "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, - "normal": { - "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + }, + "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)", }, }, - "vkontakteColorSearchBarBackground": { - "active": { - "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, - "hover": { - "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + }, + "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)", }, }, - "vkontakteColorSearchBarFieldTint": { - "active": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--active", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, - "hover": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + }, + "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)", }, }, - "vkontakteColorSkeletonShimmerFrom": { - "active": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, - "hover": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, - "normal": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + }, + "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)", }, }, - "vkontakteColorSnippetBackground": { - "active": { - "name": "--vkui--vkontakte_color_snippet_background--active", - "value": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_snippet_background--hover", - "value": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + }, + "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)", }, }, - "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))", + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, - "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_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "vkontakteColorSplashScreenIcon": { - "active": { - "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_splash_screen_icon--hover", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + "compactX": { + "name": "--vkui--size_popup_base_padding--compact_x", + "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, - "vkontakteColorStatusBackground": { - "active": { - "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + "compactX": { + "name": "--vkui--size_popup_header_padding--compact_x", + "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, - "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)", + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "vkontakteColorTabbarBackground": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + "compactX": { + "name": "--vkui--size_popup_margin--compact_x", + "value": "var(--vkui--size_popup_margin--compact_x, 8px)", }, - }, - "vkontakteColorTabbarInactiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 24px)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + }, + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, }, - "vkontakteColorTextName": { - "active": { - "name": "--vkui--vkontakte_color_text_name--active", - "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", }, - "hover": { - "name": "--vkui--vkontakte_color_text_name--hover", - "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + }, + "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)", }, }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - "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_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "vkontakteFloatButtonForeground": { - "active": { - "name": "--vkui--vkontakte_float_button_foreground--active", - "value": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - "hover": { - "name": "--vkui--vkontakte_float_button_foreground--hover", - "value": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, - "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + "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, 6px)", }, }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "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)", + }, }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "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)", + }, }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "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)", + }, }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "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)", + }, }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "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)", + }, }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "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)", + }, }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "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)", + }, }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "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)", + }, }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "sizeTabMargin": { + "auto": { + "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)", + }, }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "sizeTabPadding": { + "auto": { + "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)", + }, }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "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)", + }, }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "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)", + }, }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "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)", + }, }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "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)", + }, }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "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)", + }, }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "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)", + }, }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "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)", + }, }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "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)", + }, }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, media)", }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, media)", }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "vkontakteImAttachTint": { - "active": { - "name": "--vkui--vkontakte_im_attach_tint--active", - "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, #2B7CD9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", - }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_button_foreground", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", - }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "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))", - }, - "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))", - }, - "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))", - }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "vkontakteImBubbleGiftBackground": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", - }, - "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)", - }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", - }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "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, #EFF0F1)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", - }, + "widthDesktopM": { + "name": "--vkui--width_desktop_m", + "value": "var(--vkui--width_desktop_m, "(min-width: 1300px)")", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", - }, + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 980px) and (max-width: 1299px)")", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "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, #CED0D3)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", - }, + "widthFromDesktopM": { + "name": "--vkui--width_from_desktop_m", + "value": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", - }, - "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)", - }, + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 980px)")", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", - }, - "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)", - }, + "widthFromTablet": { + "name": "--vkui--width_from_tablet", + "value": "var(--vkui--width_from_tablet, "(min-width: 660px)")", }, - "vkontakteImReplySeparator": { - "active": { - "name": "--vkui--vkontakte_im_reply_separator--active", - "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, #2B7CD9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", - }, + "widthTablet": { + "name": "--vkui--width_tablet", + "value": "var(--vkui--width_tablet, "(min-width: 660px) and (max-width: 979px)")", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", - }, + "widthToDesktopS": { + "name": "--vkui--width_to_desktop_s", + "value": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", }, - "vkontakteLandingBackground": { - "active": { - "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #ffffff)", - }, + "widthToTablet": { + "name": "--vkui--width_to_tablet", + "value": "var(--vkui--width_to_tablet, "(max-width: 979px)")", }, - "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))", - }, - "hover": { - "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", - }, - "normal": { - "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", - }, + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 659px)")", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "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, #424447)", - }, - "normal": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", - }, + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 659px)")", + }, + "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", @@ -110785,52 +112387,70 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots media 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": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "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", @@ -110838,44 +112458,44 @@ exports[`shapshots legoIOS 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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "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)", @@ -110883,59 +112503,74 @@ exports[`shapshots legoIOS 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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2D2D2D", + "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", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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", @@ -110943,9 +112578,9 @@ exports[`shapshots legoIOS 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", @@ -110953,334 +112588,524 @@ exports[`shapshots legoIOS 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": "#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": "#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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "colorPrimaryAuto": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "colorPrimaryBase": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "colorPrimaryDeti": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "colorPrimaryDobro": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, - "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "colorPrimaryHealth": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "colorPrimaryHealthNew": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", + }, + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "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", + }, + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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", }, "colorStrokeAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#689EDD", + "hover": "#6CA4E4", + "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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -111288,14 +113113,14 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.84)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -111303,24 +113128,69 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -111328,51 +113198,52 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "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": "Inter, 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": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -111380,16 +113251,17 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -111397,78 +113269,137 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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": "Inter, 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": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "36px", + "fontWeight": 500, + "lineHeight": "48px", + }, + }, + "fontH2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "32px", + }, + "regular": { + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -111480,7 +113411,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -111492,7 +113423,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -111500,7 +113431,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -111509,10 +113440,10 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -111524,7 +113455,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -111532,49 +113463,372 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, 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, Inter, 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, Inter, 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, + "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(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, + "gridAsideContent": { + "compact": "300px", + "compactX": "300px", + "large": "380px", + "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": "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", + }, + }, + "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": "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", + }, + }, + "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", + }, + }, + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 400, + "lineHeight": "26px", + }, + }, + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "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", }, + "sizeArrowHeight": { + "regular": "8px", + }, "sizeArrowPadding": { "regular": "12px", }, "sizeArrowPromo": { "regular": "40px", }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "regular": "4px", + }, "sizeAvatarL": { "regular": "96px", }, @@ -111605,9 +113859,17 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "sizeBadgeXS": { "regular": "12px", }, - "sizeBasePaddingHorizontal": { + "sizeBase": "4px", + "sizeBaseMargin": { "regular": "12px", }, + "sizeBasePadding": { + "compactX": "16px", + "regular": "20px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, "sizeBasePaddingVertical": { "regular": "12px", }, @@ -111621,10 +113883,10 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -111632,6 +113894,21 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": "48px", }, + "sizeBorderWidthAccent": { + "regular": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "4px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -111659,6 +113936,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": "1px", }, + "sizeButtonIconPadding": { + "regular": "20px", + }, "sizeButtonLargeHeight": { "compact": "36px", "regular": "44px", @@ -111670,9 +113950,21 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "sizeButtonMinimumWidth": { "regular": "80px", }, + "sizeButtonMorePadding": { + "regular": "8px", + }, "sizeButtonPaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { "regular": "12px", }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", + }, "sizeButtonSmallHeight": { "compact": "28px", "regular": "30px", @@ -111696,10 +113988,10 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "8px", + "regular": "12px", }, "sizeCardgridPaddingVertical": { "regular": "8px", @@ -111710,54 +114002,149 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "sizeCheckbox": { "regular": "16px", }, + "sizeChoiceMargin": { + "regular": "8px", + }, + "sizeControlButtonWidthMin": { + "compact": "130px", + "compactX": "130px", + "regular": "94px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", + }, "sizeFieldHeight": { "compact": "36px", "regular": "44px", }, + "sizeFieldHorizontalMargin": { + "compact": "16px", + "compactX": "16px", + "regular": "20px", + }, "sizeFieldHorizontalPadding": { "regular": "12px", }, + "sizeFieldSetMargin": { + "regular": "32px", + }, + "sizeFieldVerticalMargin": { + "regular": "24px", + }, + "sizeFieldWidthMin": { + "compactX": "288px", + "regular": "380px", + }, "sizeFormItemPaddingVertical": { "regular": "12px", }, + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "regular": "8px", + }, + "sizeIconMorePadding": { + "regular": "12px", + }, "sizeIconUI": { - "regular": "16px", + "compact": "16px", + "compactX": "16px", + "regular": "18px", + }, + "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", + "compactX": "20px", "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": "16px", + "compactX": "16px", "regular": "24px", }, "sizePopupLarge": { "regular": "880px", }, + "sizePopupMargin": { + "compact": "8px", + "compactX": "8px", + "regular": "24px", + }, "sizePopupMedium": { "regular": "680px", }, "sizePopupSmall": { "regular": "430px", }, + "sizeProgress": { + "regular": "4px", + }, + "sizeProgressScroll": { + "regular": "12px", + }, + "sizePromoButtonClose": { + "regular": "32px", + }, "sizeSearchHeight": { "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { "compact": "7px", + "compactX": "7px", "regular": "6px", }, + "sizeSliceBottomPadding": { + "regular": "60px", + }, + "sizeSliceTopPadding": { + "regular": "40px", + }, "sizeSplitColPaddingHorizontal": { "regular": "16px", }, @@ -111768,20 +114155,51 @@ exports[`shapshots legoIOS 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": { + "compact": "32px", + "compactX": "32px", + "regular": "8px", + }, + "sizeTabPadding": { + "compact": "0px", + "compactX": "0px", + "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", @@ -111792,455 +114210,110 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkontakteIOS", - "themeName": "legoIOS", - "themeNameBase": "legoIOS", + "themeName": "media", + "themeNameBase": "media", "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "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", + "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", + "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 legoIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots media 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": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "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)", @@ -112248,44 +114321,44 @@ exports[`shapshots legoIOS 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, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "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))", @@ -112293,59 +114366,74 @@ exports[`shapshots legoIOS 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, #1E2023)", - "hover": "var(--vkui--color_background_accent--hover, #202022)", - "normal": "var(--vkui--color_background_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #202022)", - "normal": "var(--vkui--color_background_accent_alternative, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_background_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_background_accent_themed, #212121)", + "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, #292B2E)", - "hover": "var(--vkui--color_background_accent_tint--hover, #2B2C2E)", - "normal": "var(--vkui--color_background_accent_tint, #2D2D2D)", + "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)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "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)", @@ -112353,9 +114441,9 @@ exports[`shapshots legoIOS 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)", @@ -112363,334 +114451,524 @@ exports[`shapshots legoIOS 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, #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, #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, #45A64A)", - "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #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, #1E2023)", - "hover": "var(--vkui--color_icon_accent--hover, #202022)", - "normal": "var(--vkui--color_icon_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_icon_accent_themed, #212121)", + "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(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #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)", + }, + "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, #fc627e)", + "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "normal": "var(--vkui--color_primary_pets, #fc738c)", + }, + "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, #006FEF)", + "hover": "var(--vkui--color_primary_realty--hover, #0073F7)", + "normal": "var(--vkui--color_primary_realty, #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)", + }, + "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)", - "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, #1E2023)", - "hover": "var(--vkui--color_stroke_accent--hover, #202022)", - "normal": "var(--vkui--color_stroke_accent, #212121)", + "colorSocialBehance": { + "active": "var(--vkui--color_social_behance--active, #1562EF)", + "hover": "var(--vkui--color_social_behance--hover, #1665F7)", + "normal": "var(--vkui--color_social_behance, #1769ff)", }, - "colorStrokeAccentThemed": { - "active": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_stroke_accent_themed, #212121)", + "colorSocialDribbble": { + "active": "var(--vkui--color_social_dribbble--active, #D74783)", + "hover": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "normal": "var(--vkui--color_social_dribbble, #ea4c89)", }, - "colorStrokeContrast": { + "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, #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)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_accent--hover, #202022)", - "normal": "var(--vkui--color_text_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_text_accent_themed, #212121)", + "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)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_link--hover, #202022)", - "normal": "var(--vkui--color_text_link, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_link_themed--hover, #202022)", - "normal": "var(--vkui--color_text_link_themed, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_link_tint--hover, #202022)", - "normal": "var(--vkui--color_text_link_tint, #212121)", + "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, #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, #1E2023)", - "hover": "var(--vkui--color_text_primary--hover, #202022)", - "normal": "var(--vkui--color_text_primary, #212121)", + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", @@ -112698,14 +114976,14 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", @@ -112713,24 +114991,69 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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))", @@ -112738,51 +115061,52 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_transparent, transparent)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #1E2023)", - "hover": "var(--vkui--color_write_bar_icon--hover, #202022)", - "normal": "var(--vkui--color_write_bar_icon, #212121)", + "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + "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, 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, 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, Inter, 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, 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)", @@ -112790,16 +115114,17 @@ exports[`shapshots legoIOS 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, Inter, 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, 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)", @@ -112807,78 +115132,137 @@ exports[`shapshots legoIOS 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, Inter, 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, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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, 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)", - "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": { + "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, 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)", + }, + }, + "fontH2": { + "compact": { + "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, 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)", + }, + }, + "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": { "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, 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)", @@ -112890,7 +115274,7 @@ exports[`shapshots legoIOS 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, 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)", @@ -112902,7 +115286,7 @@ exports[`shapshots legoIOS 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, 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)", @@ -112910,7 +115294,7 @@ exports[`shapshots legoIOS 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, 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)", @@ -112919,10 +115303,10 @@ exports[`shapshots legoIOS 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, 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)", @@ -112934,7 +115318,7 @@ exports[`shapshots legoIOS 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, 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)", @@ -112942,49 +115326,372 @@ exports[`shapshots legoIOS 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, Inter, 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, Inter, 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, Inter, 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)", + "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(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)", + "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, 380px)", + "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, 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)", + }, + }, + "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, 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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", }, + "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)", }, @@ -113015,8 +115722,16 @@ exports[`shapshots legoIOS 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": { + "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, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -113031,10 +115746,10 @@ exports[`shapshots legoIOS 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)", + "regular": "var(--vkui--size_border_radius_paper--regular, 4px)", }, "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", @@ -113042,6 +115757,21 @@ exports[`shapshots legoIOS 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, 4px)", + }, + "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)", }, @@ -113069,6 +115799,9 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "sizeButtonGroupGapSpace": { "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, + "sizeButtonIconPadding": { + "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)", @@ -113080,8 +115813,20 @@ exports[`shapshots legoIOS 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)", + "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)", @@ -113106,10 +115851,10 @@ exports[`shapshots legoIOS 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)", @@ -113120,54 +115865,149 @@ exports[`shapshots legoIOS 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, 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)", + }, + "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": { + "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": { "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": { + "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)", }, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", + }, + "sizeIconMargin": { + "regular": "var(--vkui--size_icon_margin--regular, 8px)", + }, + "sizeIconMorePadding": { + "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)", + }, + "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, 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)", + "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, 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, 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)", }, "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, 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)", + }, + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, "sizeSplitColPaddingHorizontal": { "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, @@ -113178,20 +116018,51 @@ exports[`shapshots legoIOS 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)", + }, + "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": { + "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)", @@ -113202,455 +116073,110 @@ exports[`shapshots legoIOS 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, vkontakteIOS)", - "themeName": "var(--vkui--theme_name, legoIOS)", - "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "themeName": "var(--vkui--theme_name, media)", + "themeNameBase": "var(--vkui--theme_name_base, media)", "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))", + "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)", + "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)", + "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 media 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": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, - "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)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "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))", + "colorAccentBlue": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "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)", + "colorAccentCyan": { + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, - "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)", + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, - "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))", + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", - "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 legoIOS 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)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "colorAccentLime": { + "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", @@ -113658,44 +116184,44 @@ exports[`shapshots legoIOS 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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "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)", @@ -113703,59 +116229,74 @@ exports[`shapshots legoIOS 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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2D2D2D", + "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", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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", @@ -113763,9 +116304,9 @@ exports[`shapshots legoIOS 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", @@ -113773,334 +116314,524 @@ exports[`shapshots legoIOS 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": "#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": "#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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", + }, + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "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", + }, + "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", + "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", + }, + "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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#689EDD", + "hover": "#6CA4E4", + "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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -114108,14 +116839,14 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.84)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -114123,24 +116854,69 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -114148,51 +116924,52 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "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": "Inter, 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": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -114200,16 +116977,17 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -114217,78 +116995,137 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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": "Inter, 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": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 36, + "fontWeight": 500, + "lineHeight": 48, + }, + }, + "fontH2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 32, + }, + "regular": { + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -114300,7 +117137,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -114312,7 +117149,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -114320,7 +117157,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -114329,10 +117166,10 @@ exports[`shapshots legoIOS 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, Inter, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -114344,7 +117181,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -114352,49 +117189,372 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, 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, Inter, 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, Inter, 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, + "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(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, + "gridAsideContent": { + "compact": 300, + "compactX": 300, + "large": 380, + "regular": "100%", + }, + "gridColumnX2": { + "compact": 430, + "compactX": 280, + "large": 580, + "regular": "100%", + }, + "gridColumnX3": { + "compact": 280, + "compactX": 180, + "large": 380, + "regular": "100%", + }, + "gridColumnX4": { + "compact": 205, + "compactX": 130, + "large": 280, + "regular": "100%", + }, + "gridColumnX6": { + "compact": 130, + "compactX": 80, + "large": 180, + "regular": "100%", + }, + "gridMainContent": { + "compact": 620, + "compactX": 620, + "large": 780, + "regular": "100%", + }, + "gridMainContentWide": { + "compact": 620, + "compactX": 620, + "large": 860, + "regular": "100%", + }, + "gridWrapperContent": { + "compact": 940, + "compactX": 620, + "large": 1260, + "regular": "100%", + }, + "mediaFontMediaCaption": { + "compact": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 26, + }, + "regular": { + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 22, + }, + }, + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": 15, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 20, + }, + "regular": { + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 16, + }, + }, + "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, + }, + }, + "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, + }, + }, + "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, + }, + }, + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 24, + }, + }, + "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, + }, + }, + "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, + }, + }, + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 400, + "lineHeight": 26, + }, + }, + "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, }, + "sizeArrowHeight": { + "regular": 8, + }, "sizeArrowPadding": { "regular": 12, }, "sizeArrowPromo": { "regular": 40, }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, + }, "sizeAvatarL": { "regular": 96, }, @@ -114425,9 +117585,17 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "sizeBadgeXS": { "regular": 12, }, - "sizeBasePaddingHorizontal": { + "sizeBase": 4, + "sizeBaseMargin": { "regular": 12, }, + "sizeBasePadding": { + "compactX": 16, + "regular": 20, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, "sizeBasePaddingVertical": { "regular": 12, }, @@ -114441,10 +117609,10 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -114452,6 +117620,21 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": 48, }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 4, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -114479,6 +117662,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": 1, }, + "sizeButtonIconPadding": { + "regular": 20, + }, "sizeButtonLargeHeight": { "compact": 36, "regular": 44, @@ -114490,9 +117676,21 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "sizeButtonMinimumWidth": { "regular": 80, }, + "sizeButtonMorePadding": { + "regular": 8, + }, "sizeButtonPaddingHorizontal": { + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { "regular": 12, }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, "sizeButtonSmallHeight": { "compact": 28, "regular": 30, @@ -114516,10 +117714,10 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 16, }, "sizeCardgridPadding": { - "regular": 8, + "regular": 12, }, "sizeCardgridPaddingVertical": { "regular": 8, @@ -114530,54 +117728,149 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "sizeCheckbox": { "regular": 16, }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 130, + "compactX": 130, + "regular": 94, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, "sizeFieldHeight": { "compact": 36, "regular": 44, }, + "sizeFieldHorizontalMargin": { + "compact": 16, + "compactX": 16, + "regular": 20, + }, "sizeFieldHorizontalPadding": { "regular": 12, }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compactX": 288, + "regular": 380, + }, "sizeFormItemPaddingVertical": { "regular": 12, }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "regular": 8, + }, + "sizeIconMorePadding": { + "regular": 12, + }, "sizeIconUI": { - "regular": 16, + "compact": 16, + "compactX": 16, + "regular": 18, + }, + "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, + "compactX": 20, "regular": 32, }, "sizePopupHeaderPadding": { - "compact": 16, + "compactX": 16, "regular": 24, }, "sizePopupLarge": { "regular": 880, }, + "sizePopupMargin": { + "compact": 8, + "compactX": 8, + "regular": 24, + }, "sizePopupMedium": { "regular": 680, }, "sizePopupSmall": { "regular": 430, }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, "sizeSearchHeight": { "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { "compact": 7, + "compactX": 7, "regular": 6, }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, + }, "sizeSplitColPaddingHorizontal": { "regular": 16, }, @@ -114588,20 +117881,51 @@ exports[`shapshots legoIOS 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": { + "compact": 32, + "compactX": 32, + "regular": 8, + }, + "sizeTabPadding": { + "compact": 0, + "compactX": 0, + "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, @@ -114612,527 +117936,182 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkontakteIOS", - "themeName": "legoIOS", - "themeNameBase": "legoIOS", + "themeName": "media", + "themeNameBase": "media", "themeType": "root", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "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)", + "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 mediaDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "vkontakteColorAccentAlternate": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "breakpoints": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "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)", + }, }, - "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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)", + }, }, - "vkontakteColorBackgroundSuggestions": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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)", + }, }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", + "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)", + }, }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "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)", + }, }, - "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "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 legoIOSDark 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.36, 0.66, 0.04, 1))", - }, - "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)", - }, - }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", - }, - }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", - }, - }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, - }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, - }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", - }, + "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)", + }, }, "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": { @@ -115146,7 +118125,7 @@ exports[`shapshots legoIOSDark 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": { @@ -115166,29 +118145,29 @@ exports[`shapshots legoIOSDark 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": { @@ -115202,77 +118181,77 @@ exports[`shapshots legoIOSDark 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": { @@ -115292,57 +118271,57 @@ exports[`shapshots legoIOSDark 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, #E3E5E8)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #E1E3E6)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #E1E3E6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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": { @@ -115362,29 +118341,71 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", + "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, #EBEEF1)", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #EAEDF0)", + "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)", }, }, "colorBackgroundContentInverse": { @@ -115418,15 +118439,15 @@ exports[`shapshots legoIOSDark 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": { @@ -115446,43 +118467,43 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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": { @@ -115510,7 +118531,7 @@ exports[`shapshots legoIOSDark 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": { @@ -115524,105 +118545,301 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "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": { @@ -115684,57 +118901,57 @@ exports[`shapshots legoIOSDark 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, #E3E5E8)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #E1E3E6)", + "value": "var(--vkui--color_icon_accent, #0077FF)", }, }, "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": { @@ -115762,21 +118979,21 @@ exports[`shapshots legoIOSDark 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": { @@ -115790,21 +119007,21 @@ exports[`shapshots legoIOSDark 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": { @@ -115818,35 +119035,35 @@ exports[`shapshots legoIOSDark 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": { @@ -115860,77 +119077,77 @@ exports[`shapshots legoIOSDark 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": { @@ -115950,29 +119167,29 @@ exports[`shapshots legoIOSDark 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": { @@ -115992,197 +119209,533 @@ exports[`shapshots legoIOSDark 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": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "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, #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)", }, }, - "colorSearchFieldBackground": { + "colorPrimaryAuto": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #464748)", + "name": "--vkui--color_primary_auto--active", + "value": "var(--vkui--color_primary_auto--active, #1482FF)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + "name": "--vkui--color_primary_auto--hover", + "value": "var(--vkui--color_primary_auto--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "name": "--vkui--color_primary_auto", + "value": "var(--vkui--color_primary_auto, #0077FF)", }, }, - "colorSegmentedControl": { + "colorPrimaryBase": { "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #6F6F70)", + "name": "--vkui--color_primary_base--active", + "value": "var(--vkui--color_primary_base--active, #1482FF)", }, "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #68696A)", + "name": "--vkui--color_primary_base--hover", + "value": "var(--vkui--color_primary_base--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", + "name": "--vkui--color_primary_base", + "value": "var(--vkui--color_primary_base, #0077FF)", }, }, - "colorSeparatorPrimary": { + "colorPrimaryDeti": { "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #464748)", + "name": "--vkui--color_primary_deti--active", + "value": "var(--vkui--color_primary_deti--active, #1482FF)", }, "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "name": "--vkui--color_primary_deti--hover", + "value": "var(--vkui--color_primary_deti--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "name": "--vkui--color_primary_deti", + "value": "var(--vkui--color_primary_deti, #0077FF)", }, }, - "colorSeparatorPrimary2x": { + "colorPrimaryDobro": { "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "name": "--vkui--color_primary_dobro--active", + "value": "var(--vkui--color_primary_dobro--active, #FFD714)", }, "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "name": "--vkui--color_primary_dobro--hover", + "value": "var(--vkui--color_primary_dobro--hover, #FFD60A)", }, "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "name": "--vkui--color_primary_dobro", + "value": "var(--vkui--color_primary_dobro, #ffd400)", }, }, - "colorSeparatorPrimary3x": { + "colorPrimaryHealth": { "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "name": "--vkui--color_primary_health--active", + "value": "var(--vkui--color_primary_health--active, #1482FF)", }, "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "name": "--vkui--color_primary_health--hover", + "value": "var(--vkui--color_primary_health--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", - }, + "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, #1482FF)", + }, + "hover": { + "name": "--vkui--color_primary_health_new--hover", + "value": "var(--vkui--color_primary_health_new--hover, #0A7CFF)", + }, + "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, #1482FF)", + }, + "hover": { + "name": "--vkui--color_primary_hitech--hover", + "value": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", + }, + "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, #1482FF)", + }, + "hover": { + "name": "--vkui--color_primary_kino--hover", + "value": "var(--vkui--color_primary_kino--hover, #0A7CFF)", + }, + "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, #1482FF)", + }, + "hover": { + "name": "--vkui--color_primary_lady--hover", + "value": "var(--vkui--color_primary_lady--hover, #0A7CFF)", + }, + "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, #14B2F3)", + }, + "hover": { + "name": "--vkui--color_primary_mycom--hover", + "value": "var(--vkui--color_primary_mycom--hover, #0AAEF3)", + }, + "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, #fc627e)", + }, + "hover": { + "name": "--vkui--color_primary_pets--hover", + "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + }, + "normal": { + "name": "--vkui--color_primary_pets", + "value": "var(--vkui--color_primary_pets, #fc738c)", + }, + }, + "colorPrimaryPharma": { + "active": { + "name": "--vkui--color_primary_pharma--active", + "value": "var(--vkui--color_primary_pharma--active, #2FD7A9)", + }, + "hover": { + "name": "--vkui--color_primary_pharma--hover", + "value": "var(--vkui--color_primary_pharma--hover, #26D5A6)", + }, + "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, #1482FF)", + }, + "hover": { + "name": "--vkui--color_primary_realty--hover", + "value": "var(--vkui--color_primary_realty--hover, #0A7CFF)", + }, + "normal": { + "name": "--vkui--color_primary_realty", + "value": "var(--vkui--color_primary_realty, #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)", + }, + }, + "colorSecondaryBase": { + "active": { + "name": "--vkui--color_secondary_base--active", + "value": "var(--vkui--color_secondary_base--active, #1482FF)", + }, + "hover": { + "name": "--vkui--color_secondary_base--hover", + "value": "var(--vkui--color_secondary_base--hover, #0A7CFF)", + }, + "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, #1482FF)", + }, + "hover": { + "name": "--vkui--color_secondary_health--hover", + "value": "var(--vkui--color_secondary_health--hover, #0A7CFF)", + }, + "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, #FC3D48)", + }, + "hover": { + "name": "--vkui--color_secondary_mycom--hover", + "value": "var(--vkui--color_secondary_mycom--hover, #FC3440)", + }, + "normal": { + "name": "--vkui--color_secondary_mycom", + "value": "var(--vkui--color_secondary_mycom, #fc2c38)", + }, + }, + "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(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)", + }, + }, + "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, #E3E5E8)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #E1E3E6)", + "value": "var(--vkui--color_stroke_accent, #0077FF)", }, }, "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": { @@ -116210,21 +119763,21 @@ exports[`shapshots legoIOSDark 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": { @@ -116238,35 +119791,35 @@ exports[`shapshots legoIOSDark 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, #E3E5E8)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #E1E3E6)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "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": { @@ -116286,85 +119839,85 @@ exports[`shapshots legoIOSDark 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, #E3E5E8)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #E2E4E7)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #E1E3E6)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #E1E3E6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #E1E3E6)", + "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": { @@ -116378,35 +119931,35 @@ exports[`shapshots legoIOSDark 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)", }, }, "colorTextPrimaryAlpha": { @@ -116426,29 +119979,29 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "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)", }, }, "colorTextSecondaryAlpha": { @@ -116468,57 +120021,183 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "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": { @@ -116538,29 +120217,29 @@ exports[`shapshots legoIOSDark 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, #1482FF)", }, "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, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "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": { @@ -116574,7 +120253,7 @@ exports[`shapshots legoIOSDark 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": { @@ -116597,23 +120276,23 @@ exports[`shapshots legoIOSDark 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 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 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 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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "value": "var(--vkui--elevation3, 0px 16px 48px 0px rgba(0, 0, 0, 0.40))", }, "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 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": { @@ -116637,7 +120316,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -116649,7 +120328,7 @@ exports[`shapshots legoIOSDark 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)", }, }, }, @@ -116667,6 +120346,10 @@ exports[`shapshots legoIOSDark 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)", @@ -116679,7 +120362,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -116687,11 +120370,15 @@ exports[`shapshots legoIOSDark 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", @@ -116721,7 +120408,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -116751,6 +120438,10 @@ exports[`shapshots legoIOSDark 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)", @@ -116763,7 +120454,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -116771,7 +120462,11 @@ exports[`shapshots legoIOSDark 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", @@ -116805,7 +120500,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -116835,6 +120530,10 @@ exports[`shapshots legoIOSDark 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)", @@ -116847,7 +120546,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -116855,7 +120554,11 @@ exports[`shapshots legoIOSDark 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", @@ -116889,7 +120592,7 @@ exports[`shapshots legoIOSDark 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", @@ -116897,7 +120600,7 @@ exports[`shapshots legoIOSDark 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", @@ -116927,7 +120630,7 @@ exports[`shapshots legoIOSDark 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", @@ -116935,17 +120638,17 @@ exports[`shapshots legoIOSDark 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", @@ -116953,7 +120656,7 @@ exports[`shapshots legoIOSDark 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", @@ -116983,7 +120686,7 @@ exports[`shapshots legoIOSDark 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", @@ -116991,7 +120694,7 @@ exports[`shapshots legoIOSDark 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", @@ -117021,7 +120724,7 @@ exports[`shapshots legoIOSDark 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", @@ -117029,25 +120732,29 @@ exports[`shapshots legoIOSDark 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, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -117071,7 +120778,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -117083,7 +120790,7 @@ exports[`shapshots legoIOSDark 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)", }, }, }, @@ -117101,6 +120808,10 @@ exports[`shapshots legoIOSDark 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)", @@ -117113,7 +120824,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -117123,9 +120834,13 @@ exports[`shapshots legoIOSDark 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", @@ -117133,6 +120848,242 @@ exports[`shapshots legoIOSDark 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": { + "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, 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", + "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, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 36px)", + }, + "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, 48px)", + }, + }, + }, + "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": { + "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, 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", + "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, Inter, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 28px)", + }, + "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, 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)", + }, + }, + }, "fontHeadline": { "auto": { "fontFamily": { @@ -117165,7 +121116,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -117213,7 +121164,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -117261,7 +121212,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -117299,7 +121250,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -117341,13 +121292,13 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -117395,7 +121346,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -117433,7 +121384,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -117441,7 +121392,7 @@ exports[`shapshots legoIOSDark 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", @@ -117471,7 +121422,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -117479,11 +121430,11 @@ exports[`shapshots legoIOSDark 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)", }, }, }, @@ -117509,7 +121460,7 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -117517,7 +121468,7 @@ exports[`shapshots legoIOSDark 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", @@ -117527,7 +121478,7 @@ exports[`shapshots legoIOSDark 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", @@ -117539,19 +121490,35 @@ exports[`shapshots legoIOSDark 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", "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(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(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", @@ -117559,1944 +121526,2802 @@ exports[`shapshots legoIOSDark 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(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.4)", - }, - "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)", - }, - }, - "sizeArrowPadding": { + "gridAsideContent": { "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)", + "name": "--vkui--grid_aside_content", + "value": "var(--vkui--grid_aside_content)", }, - }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "compact": { + "name": "--vkui--grid_aside_content--compact", + "value": "var(--vkui--grid_aside_content--compact, 300px)", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "compactX": { + "name": "--vkui--grid_aside_content--compact_x", + "value": "var(--vkui--grid_aside_content--compact_x, 300px)", }, - }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "large": { + "name": "--vkui--grid_aside_content--large", + "value": "var(--vkui--grid_aside_content--large, 380px)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--grid_aside_content--regular", + "value": "var(--vkui--grid_aside_content--regular, 100%)", }, }, - "sizeAvatarM": { + "gridColumnX2": { "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)", + "name": "--vkui--grid_column_x2", + "value": "var(--vkui--grid_column_x2)", }, - }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "compact": { + "name": "--vkui--grid_column_x2--compact", + "value": "var(--vkui--grid_column_x2--compact, 430px)", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "compactX": { + "name": "--vkui--grid_column_x2--compact_x", + "value": "var(--vkui--grid_column_x2--compact_x, 280px)", }, - }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "large": { + "name": "--vkui--grid_column_x2--large", + "value": "var(--vkui--grid_column_x2--large, 580px)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--grid_column_x2--regular", + "value": "var(--vkui--grid_column_x2--regular, 100%)", }, }, - "sizeAvatarXS": { + "gridColumnX3": { "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)", + "name": "--vkui--grid_column_x3", + "value": "var(--vkui--grid_column_x3)", }, - }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "compact": { + "name": "--vkui--grid_column_x3--compact", + "value": "var(--vkui--grid_column_x3--compact, 280px)", }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "compactX": { + "name": "--vkui--grid_column_x3--compact_x", + "value": "var(--vkui--grid_column_x3--compact_x, 180px)", }, - }, - "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "large": { + "name": "--vkui--grid_column_x3--large", + "value": "var(--vkui--grid_column_x3--large, 380px)", }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--grid_column_x3--regular", + "value": "var(--vkui--grid_column_x3--regular, 100%)", }, }, - "sizeBadgeS": { + "gridColumnX4": { "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)", + "name": "--vkui--grid_column_x4", + "value": "var(--vkui--grid_column_x4)", }, - }, - "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "compact": { + "name": "--vkui--grid_column_x4--compact", + "value": "var(--vkui--grid_column_x4--compact, 205px)", }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "compactX": { + "name": "--vkui--grid_column_x4--compact_x", + "value": "var(--vkui--grid_column_x4--compact_x, 130px)", }, - }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "large": { + "name": "--vkui--grid_column_x4--large", + "value": "var(--vkui--grid_column_x4--large, 280px)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--grid_column_x4--regular", + "value": "var(--vkui--grid_column_x4--regular, 100%)", }, }, - "sizeBasePaddingHorizontal": { + "gridColumnX6": { "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, 12px)", + "name": "--vkui--grid_column_x6", + "value": "var(--vkui--grid_column_x6)", }, - }, - "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "compact": { + "name": "--vkui--grid_column_x6--compact", + "value": "var(--vkui--grid_column_x6--compact, 130px)", }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "compactX": { + "name": "--vkui--grid_column_x6--compact_x", + "value": "var(--vkui--grid_column_x6--compact_x, 80px)", }, - }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "large": { + "name": "--vkui--grid_column_x6--large", + "value": "var(--vkui--grid_column_x6--large, 180px)", }, "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "name": "--vkui--grid_column_x6--regular", + "value": "var(--vkui--grid_column_x6--regular, 100%)", }, }, - "sizeBorder2x": { + "gridMainContent": { "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", - }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--grid_main_content", + "value": "var(--vkui--grid_main_content)", }, - }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "compact": { + "name": "--vkui--grid_main_content--compact", + "value": "var(--vkui--grid_main_content--compact, 620px)", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "compactX": { + "name": "--vkui--grid_main_content--compact_x", + "value": "var(--vkui--grid_main_content--compact_x, 620px)", }, - }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "large": { + "name": "--vkui--grid_main_content--large", + "value": "var(--vkui--grid_main_content--large, 780px)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 10px)", + "name": "--vkui--grid_main_content--regular", + "value": "var(--vkui--grid_main_content--regular, 100%)", }, }, - "sizeBorderRadiusPaper": { + "gridMainContentWide": { "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)", + "name": "--vkui--grid_main_content_wide", + "value": "var(--vkui--grid_main_content_wide)", }, - }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "compact": { + "name": "--vkui--grid_main_content_wide--compact", + "value": "var(--vkui--grid_main_content_wide--compact, 620px)", }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "compactX": { + "name": "--vkui--grid_main_content_wide--compact_x", + "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", }, - }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "large": { + "name": "--vkui--grid_main_content_wide--large", + "value": "var(--vkui--grid_main_content_wide--large, 860px)", }, "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "name": "--vkui--grid_main_content_wide--regular", + "value": "var(--vkui--grid_main_content_wide--regular, 100%)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { + "gridWrapperContent": { "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)", + "name": "--vkui--grid_wrapper_content", + "value": "var(--vkui--grid_wrapper_content)", }, - }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "compact": { + "name": "--vkui--grid_wrapper_content--compact", + "value": "var(--vkui--grid_wrapper_content--compact, 940px)", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "compactX": { + "name": "--vkui--grid_wrapper_content--compact_x", + "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", }, - }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "large": { + "name": "--vkui--grid_wrapper_content--large", + "value": "var(--vkui--grid_wrapper_content--large, 1260px)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "name": "--vkui--grid_wrapper_content--regular", + "value": "var(--vkui--grid_wrapper_content--regular, 100%)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { + "mediaFontMediaCaption": { "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)", + "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)", + }, }, - }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "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_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "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)", + }, }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { + "mediaFontMediaCaptionCaps": { "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)", + "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)", + }, }, - }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "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_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--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)", + }, }, }, - "sizeButtonGroupGapSmall": { + "mediaFontMediaLead": { "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)", + "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)", + }, }, - }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "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_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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)", + }, }, }, - "sizeButtonLargeHeight": { + "mediaFontMediaParagraph": { "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "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)", + }, }, "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "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_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "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)", + }, }, }, - "sizeButtonMediumHeight": { + "mediaFontMediaParagraphNumbering": { "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "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": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "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_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "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)", + }, }, }, - "sizeButtonMinimumWidth": { + "mediaFontMediaParagraphSecondary": { "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "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_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "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)", + }, }, }, - "sizeButtonPaddingHorizontal": { + "mediaFontMediaQuote": { "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "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_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "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)", + }, }, }, - "sizeButtonSmallHeight": { + "mediaFontMediaQuotePerson": { "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "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": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "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_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "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)", + }, }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { + "mediaFontMediaSubtitleLight": { "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "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_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--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)", + }, }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "mediaFontMediaTextSecondaryLight": { "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "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_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { + "mediaFontMediaTitle1": { "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "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": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "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)", + }, }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "mediaFontMediaTitle1Tiny": { "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "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": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { + "mediaFontMediaTitle2": { "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", - }, + "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": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "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)", + }, }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "mediaFontMediaTitle2Tiny": { "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "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": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, }, - "sizeCardBorderRadius": { + "mediaFontMediaTitle3": { "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "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": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 10px)", + "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)", + }, }, }, - "sizeCardgridPadding": { + "mediaFontMediaTitle4": { "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "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": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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)", + }, }, }, - "sizeCardgridPaddingVertical": { + "mediaFontMediaTitle5": { "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "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": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "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)", + }, }, }, - "sizeCheckBorderRadius": { + "mediaFontMediaTitle6": { "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "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": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "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)", + }, }, }, - "sizeCheckbox": { + "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_checkbox", - "value": "var(--vkui--size_checkbox)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeFieldHeight": { + "sizeArrowHeight": { "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_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "sizeFieldHorizontalPadding": { + "sizeArrowPadding": { "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "sizeFormItemPaddingVertical": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeIconUI": { + "sizeArrowWidth": { "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "sizeLabelHorizontalMargin": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "sizeOptionHierarchy": { + "sizeAvatarL": { "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "sizePanelHeaderHeight": { + "sizeAvatarM": { "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)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "sizePopupBasePadding": { + "sizeAvatarS": { "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 20px)", + "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_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "sizePopupHeaderPadding": { + "sizeAvatarXS": { "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + "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_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "sizePopupLarge": { + "sizeBadgeM": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "sizePopupMedium": { + "sizeBadgeS": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "sizePopupSmall": { + "sizeBadgeXL": { "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "sizeSearchHeight": { + "sizeBadgeXS": { "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "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_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "sizeSelectIconPadding": { + "sizeBasePadding": { "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + "compactX": { + "name": "--vkui--size_base_padding--compact_x", + "value": "var(--vkui--size_base_padding--compact_x, 16px)", }, "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 20px)", }, }, - "sizeSplitColPaddingHorizontal": { + "sizeBasePaddingHorizontal": { "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "sizeSubnavigationBarGap": { + "sizeBasePaddingVertical": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "sizeSubnavigationBarPaddingVertical": { + "sizeBorder1x": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "sizeSwitchHeight": { + "sizeBorder2x": { "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)", + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "sizeSwitchPin": { + "sizeBorder3x": { "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_border3x", + "value": "var(--vkui--size_border3x)", }, "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "sizeSwitchWidth": { + "sizeBorderRadius": { "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_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "sizeTooltipMargin": { + "sizeBorderRadiusPaper": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", }, }, - "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, vkontakteIOSDark)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, legoIOSDark)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, legoIOS)", - }, - "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))", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "normal": { - "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "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)", + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "normal": { - "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "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))", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, - "normal": { - "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "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)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, - "normal": { - "name": "--vkui--vkontakte_button_tertiary_foreground", - "value": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", }, }, - "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)", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, - "normal": { - "name": "--vkui--vkontakte_color_accent_alternate", - "value": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "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))", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, - "normal": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "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))", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, - "normal": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "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)", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "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)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_background_suggestions", - "value": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "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))", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "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)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "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)", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "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)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #454647)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "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)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--vkontakte_color_control_foreground", - "value": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "vkontakteColorControlTintMuted": { - "active": { - "name": "--vkui--vkontakte_color_control_tint_muted--active", - "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "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)", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": { - "name": "--vkui--vkontakte_color_header_search_field_background--active", - "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "hover": { - "name": "--vkui--vkontakte_color_header_search_field_background--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", + }, + "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)", }, }, - "vkontakteColorHeaderSearchFieldTint": { - "active": { - "name": "--vkui--vkontakte_color_header_search_field_tint--active", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_header_search_field_tint--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_search_field_tint", - "value": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "vkontakteColorIconName": { - "active": { - "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "hover": { - "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + }, + "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)", }, }, - "vkontakteColorIconOutlineMedium": { - "active": { - "name": "--vkui--vkontakte_color_icon_outline_medium--active", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "hover": { - "name": "--vkui--vkontakte_color_icon_outline_medium--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_outline_medium", - "value": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", + }, + "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)", }, }, - "vkontakteColorIconOutlineSecondary": { - "active": { - "name": "--vkui--vkontakte_color_icon_outline_secondary--active", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, - "hover": { - "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_icon_outline_secondary", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", + }, + "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)", }, }, - "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))", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "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))", + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, - "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))", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "vkontakteColorImBubbleGiftText": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", + }, + "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)", }, }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", + }, + "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)", }, }, - "vkontakteColorImBubbleIncoming": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + }, + "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)", }, }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + }, + "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)", }, }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", + }, + "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)", }, }, - "vkontakteColorImBubbleOutgoing": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", + }, + "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)", }, }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 130px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", + "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, 94px)", }, }, - "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))", + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", }, - "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))", + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", + }, + "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)", }, }, - "vkontakteColorImTextName": { - "active": { - "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, - "hover": { - "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", + }, + "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)", }, }, - "vkontakteColorInputBorder": { - "active": { - "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #343536)", + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, - "normal": { - "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "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))", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", }, - "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))", + "compact": { + "name": "--vkui--size_field_horizontal_margin--compact", + "value": "var(--vkui--size_field_horizontal_margin--compact, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "compactX": { + "name": "--vkui--size_field_horizontal_margin--compact_x", + "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", }, - }, - "vkontakteColorLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, - "hover": { - "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, - "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "vkontakteColorLoaderTint": { - "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", }, - "hover": { - "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + }, + "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)", }, }, - "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))", + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", }, - "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))", + "compactX": { + "name": "--vkui--size_field_width_min--compact_x", + "value": "var(--vkui--size_field_width_min--compact_x, 288px)", }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 380px)", }, }, - "vkontakteColorModalCardHeaderClose": { - "active": { - "name": "--vkui--vkontakte_color_modal_card_header_close--active", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, - "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_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", + }, + "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": { + "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, #D7D8DB)", + "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, #EBEDF0)", + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_music_playback_icon", - "value": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", + }, + "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)", }, }, - "vkontakteColorPanelTabActiveText": { - "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, - "hover": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", + "compact": { + "name": "--vkui--size_icon_u_i--compact", + "value": "var(--vkui--size_icon_u_i--compact, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", + "compactX": { + "name": "--vkui--size_icon_u_i--compact_x", + "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", }, - }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", + }, + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", + }, + "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)", }, }, - "vkontakteColorPlaceholderIconTint": { - "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, - "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0)", + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF)", + }, + "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)", }, }, - "vkontakteColorPollOptionBackground": { - "active": { - "name": "--vkui--vkontakte_color_poll_option_background--active", - "value": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, - "hover": { - "name": "--vkui--vkontakte_color_poll_option_background--hover", - "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0)", + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", + }, + "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)", }, }, - "vkontakteColorSearchBarBackground": { - "active": { - "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, - "hover": { - "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", + }, + "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)", }, }, - "vkontakteColorSearchBarFieldTint": { - "active": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--active", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #B1B4B9)", + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #ADB1B6)", + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #aaaeb3)", + }, + "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)", }, }, - "vkontakteColorSkeletonShimmerFrom": { - "active": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, - "normal": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "vkontakteColorSnippetBackground": { - "active": { - "name": "--vkui--vkontakte_color_snippet_background--active", - "value": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_snippet_background--hover", - "value": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", + "compactX": { + "name": "--vkui--size_popup_base_padding--compact_x", + "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, - "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))", + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", + "compactX": { + "name": "--vkui--size_popup_header_padding--compact_x", + "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", }, - "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_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, - "vkontakteColorSplashScreenIcon": { - "active": { - "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "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, #343536)", + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "vkontakteColorStatusBackground": { - "active": { - "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", }, - "hover": { - "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #222223)", + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 8px)", }, - "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #19191a)", + "compactX": { + "name": "--vkui--size_popup_margin--compact_x", + "value": "var(--vkui--size_popup_margin--compact_x, 8px)", }, - }, - "vkontakteColorTabbarActiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_active_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 24px)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", + }, + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "vkontakteColorTabbarBackground": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + }, + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, }, - "vkontakteColorTabbarInactiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + }, + "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)", }, }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - "hover": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "vkontakteColorTextName": { - "active": { - "name": "--vkui--vkontakte_color_text_name--active", - "value": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_text_name--hover", - "value": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + "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, 6px)", }, }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", }, - "hover": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + }, + "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)", }, }, - "vkontakteFloatButtonForeground": { - "active": { - "name": "--vkui--vkontakte_float_button_foreground--active", - "value": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, - "hover": { - "name": "--vkui--vkontakte_float_button_foreground--hover", - "value": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, - "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + }, + "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)", }, }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "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)", + }, }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "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)", + }, }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "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)", + }, }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "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)", + }, }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "sizeTabMargin": { + "auto": { + "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)", + }, }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "sizeTabPadding": { + "auto": { + "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)", + }, }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "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)", + }, }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "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)", + }, }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "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)", + }, }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "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)", + }, }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "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)", + }, }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "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)", + }, }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "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)", + }, }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "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)", + }, }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, mediaDark)", }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, media)", }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "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)", - }, + "widthDesktopM": { + "name": "--vkui--width_desktop_m", + "value": "var(--vkui--width_desktop_m, "(min-width: 1300px)")", }, - "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)", - }, + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 980px) and (max-width: 1299px)")", }, - "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))", - }, + "widthFromDesktopM": { + "name": "--vkui--width_from_desktop_m", + "value": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", }, - "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)", - }, + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 980px)")", }, - "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)", - }, + "widthFromTablet": { + "name": "--vkui--width_from_tablet", + "value": "var(--vkui--width_from_tablet, "(min-width: 660px)")", }, - "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)", - }, + "widthTablet": { + "name": "--vkui--width_tablet", + "value": "var(--vkui--width_tablet, "(min-width: 660px) and (max-width: 979px)")", }, - "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)", - }, + "widthToDesktopS": { + "name": "--vkui--width_to_desktop_s", + "value": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", }, - "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)", - }, + "widthToTablet": { + "name": "--vkui--width_to_tablet", + "value": "var(--vkui--width_to_tablet, "(max-width: 979px)")", }, - "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)", - }, + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 659px)")", }, - "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)", - }, + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 659px)")", }, - "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)", - }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "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)", - }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "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)", - }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "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))", - }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "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)", - }, + "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", @@ -119509,52 +124334,70 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots mediaDark 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": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "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", @@ -119562,44 +124405,44 @@ exports[`shapshots legoIOSDark 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)", @@ -119607,24 +124450,24 @@ exports[`shapshots legoIOSDark 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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -119632,14 +124475,29 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#ECEEF1", - "hover": "#EBEEF1", - "normal": "#EAEDF0", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -119652,9 +124510,9 @@ exports[`shapshots legoIOSDark 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)", @@ -119662,19 +124520,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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", @@ -119684,47 +124542,117 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "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", @@ -119747,24 +124675,24 @@ exports[`shapshots legoIOSDark 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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -119774,67 +124702,67 @@ exports[`shapshots legoIOSDark 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)", @@ -119842,14 +124770,14 @@ exports[`shapshots legoIOSDark 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", @@ -119857,74 +124785,194 @@ exports[`shapshots legoIOSDark 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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "colorPrimaryAuto": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "colorPrimaryBase": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "colorPrimaryDeti": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "colorPrimaryDobro": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", }, - "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "colorPrimaryHealth": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryHealthNew": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryHitech": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryKino": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryLady": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryMycom": { + "active": "#14B2F3", + "hover": "#0AAEF3", + "normal": "#00abf2", + }, + "colorPrimaryPets": { + "active": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", + }, + "colorPrimaryPharma": { + "active": "#2FD7A9", + "hover": "#26D5A6", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorRating": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", + }, + "colorSecondaryBase": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSecondaryHealth": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSecondaryMycom": { + "active": "#FC3D48", + "hover": "#FC3440", + "normal": "#fc2c38", + }, + "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(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", + }, + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -119934,27 +124982,27 @@ exports[`shapshots legoIOSDark 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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -119962,49 +125010,49 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#7CB1ED", + "hover": "#77ADEC", + "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", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -120012,14 +125060,14 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(249, 252, 255, 0.72)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -120027,24 +125075,69 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -120052,19 +125145,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "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)", @@ -120072,31 +125165,32 @@ exports[`shapshots legoIOSDark 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 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": "0px 16px 48px 0px rgba(0, 0, 0, 0.40)", + "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": "Inter, 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": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -120104,16 +125198,17 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -120121,78 +125216,137 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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": "Inter, 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": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "36px", + "fontWeight": 500, + "lineHeight": "48px", + }, + }, + "fontH2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "32px", + }, + "regular": { + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -120204,7 +125358,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -120216,7 +125370,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -120224,7 +125378,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -120233,10 +125387,10 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -120248,7 +125402,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "lineHeight": "20px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -120256,49 +125410,372 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, 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, Inter, 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, Inter, 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%", + "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(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(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, + "gridAsideContent": { + "compact": "300px", + "compactX": "300px", + "large": "380px", + "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": "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", + }, + }, + "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": "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", + }, + }, + "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", + }, + }, + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 400, + "lineHeight": "26px", + }, + }, + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "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", }, + "sizeArrowHeight": { + "regular": "8px", + }, "sizeArrowPadding": { "regular": "12px", }, "sizeArrowPromo": { "regular": "40px", }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "regular": "4px", + }, "sizeAvatarL": { "regular": "96px", }, @@ -120329,9 +125806,17 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "sizeBadgeXS": { "regular": "12px", }, - "sizeBasePaddingHorizontal": { + "sizeBase": "4px", + "sizeBaseMargin": { "regular": "12px", }, + "sizeBasePadding": { + "compactX": "16px", + "regular": "20px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, "sizeBasePaddingVertical": { "regular": "12px", }, @@ -120345,10 +125830,10 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -120356,6 +125841,21 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "sizeBorderRadiusRounded": { "regular": "48px", }, + "sizeBorderWidthAccent": { + "regular": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "4px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -120383,6 +125883,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "sizeButtonGroupGapSpace": { "regular": "1px", }, + "sizeButtonIconPadding": { + "regular": "20px", + }, "sizeButtonLargeHeight": { "compact": "36px", "regular": "44px", @@ -120394,9 +125897,21 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "sizeButtonMinimumWidth": { "regular": "80px", }, + "sizeButtonMorePadding": { + "regular": "8px", + }, "sizeButtonPaddingHorizontal": { + "regular": "20px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { "regular": "12px", }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", + }, "sizeButtonSmallHeight": { "compact": "28px", "regular": "30px", @@ -120420,10 +125935,10 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "8px", + "regular": "12px", }, "sizeCardgridPaddingVertical": { "regular": "8px", @@ -120434,54 +125949,149 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "sizeCheckbox": { "regular": "16px", }, + "sizeChoiceMargin": { + "regular": "8px", + }, + "sizeControlButtonWidthMin": { + "compact": "130px", + "compactX": "130px", + "regular": "94px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", + }, "sizeFieldHeight": { "compact": "36px", "regular": "44px", }, + "sizeFieldHorizontalMargin": { + "compact": "16px", + "compactX": "16px", + "regular": "20px", + }, "sizeFieldHorizontalPadding": { "regular": "12px", }, + "sizeFieldSetMargin": { + "regular": "32px", + }, + "sizeFieldVerticalMargin": { + "regular": "24px", + }, + "sizeFieldWidthMin": { + "compactX": "288px", + "regular": "380px", + }, "sizeFormItemPaddingVertical": { "regular": "12px", }, + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "regular": "8px", + }, + "sizeIconMorePadding": { + "regular": "12px", + }, "sizeIconUI": { - "regular": "16px", + "compact": "16px", + "compactX": "16px", + "regular": "18px", + }, + "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", + "compactX": "20px", "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": "16px", + "compactX": "16px", "regular": "24px", }, "sizePopupLarge": { "regular": "880px", }, + "sizePopupMargin": { + "compact": "8px", + "compactX": "8px", + "regular": "24px", + }, "sizePopupMedium": { "regular": "680px", }, "sizePopupSmall": { "regular": "430px", }, + "sizeProgress": { + "regular": "4px", + }, + "sizeProgressScroll": { + "regular": "12px", + }, + "sizePromoButtonClose": { + "regular": "32px", + }, "sizeSearchHeight": { "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { "compact": "7px", + "compactX": "7px", "regular": "6px", }, + "sizeSliceBottomPadding": { + "regular": "60px", + }, + "sizeSliceTopPadding": { + "regular": "40px", + }, "sizeSplitColPaddingHorizontal": { "regular": "16px", }, @@ -120492,20 +126102,51 @@ exports[`shapshots legoIOSDark 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": { + "compact": "32px", + "compactX": "32px", + "regular": "8px", + }, + "sizeTabPadding": { + "compact": "0px", + "compactX": "0px", + "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", @@ -120516,455 +126157,110 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkontakteIOSDark", - "themeName": "legoIOSDark", - "themeNameBase": "legoIOS", + "themeName": "mediaDark", + "themeNameBase": "media", "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "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", + "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", + "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 legoIOSDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots mediaDark 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": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "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)", @@ -120972,44 +126268,44 @@ exports[`shapshots legoIOSDark 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, #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))", @@ -121017,24 +126313,24 @@ exports[`shapshots legoIOSDark 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, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_background_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_background_accent, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #E2E4E7)", - "normal": "var(--vkui--color_background_accent_alternative, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_background_accent_themed--hover, #E2E4E7)", - "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))", @@ -121042,14 +126338,29 @@ exports[`shapshots legoIOSDark 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, #ECEEF1)", - "hover": "var(--vkui--color_background_accent_tint--hover, #EBEEF1)", - "normal": "var(--vkui--color_background_accent_tint, #EAEDF0)", + "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, 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)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -121062,9 +126373,9 @@ exports[`shapshots legoIOSDark 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, #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))", @@ -121072,19 +126383,19 @@ exports[`shapshots legoIOSDark 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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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)", @@ -121094,47 +126405,117 @@ exports[`shapshots legoIOSDark 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)", "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522E2E)", + "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)", @@ -121157,24 +126538,24 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_accent, #E1E3E6)", + "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, #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, #D7D8DB)", @@ -121184,67 +126565,67 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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))", @@ -121252,14 +126633,14 @@ exports[`shapshots legoIOSDark 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, #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)", @@ -121267,24 +126648,109 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #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)", + }, + "colorPrimaryAuto": { + "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, #1482FF)", + "hover": "var(--vkui--color_primary_base--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_base, #0077FF)", + }, + "colorPrimaryDeti": { + "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)", + "hover": "var(--vkui--color_primary_dobro--hover, #FFD60A)", + "normal": "var(--vkui--color_primary_dobro, #ffd400)", + }, + "colorPrimaryHealth": { + "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, #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, #1482FF)", + "hover": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_hitech, #0077FF)", + }, + "colorPrimaryKino": { + "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, #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)", + "hover": "var(--vkui--color_primary_mycom--hover, #0AAEF3)", + "normal": "var(--vkui--color_primary_mycom, #00abf2)", + }, + "colorPrimaryPets": { + "active": "var(--vkui--color_primary_pets--active, #fc627e)", + "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "normal": "var(--vkui--color_primary_pets, #fc738c)", + }, + "colorPrimaryPharma": { + "active": "var(--vkui--color_primary_pharma--active, #2FD7A9)", + "hover": "var(--vkui--color_primary_pharma--hover, #26D5A6)", + "normal": "var(--vkui--color_primary_pharma, #1DD3A2)", + }, + "colorPrimaryRealty": { + "active": "var(--vkui--color_primary_realty--active, #1482FF)", + "hover": "var(--vkui--color_primary_realty--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_realty, #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)", + }, + "colorSecondaryBase": { + "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, #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)", + "hover": "var(--vkui--color_secondary_mycom--hover, #FC3440)", + "normal": "var(--vkui--color_secondary_mycom, #fc2c38)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -121292,49 +126758,84 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + }, + "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": "var(--vkui--color_stroke_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_stroke_accent, #E1E3E6)", + "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, #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)", @@ -121344,27 +126845,27 @@ exports[`shapshots legoIOSDark 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)", - }, - "colorTabbarTextInactive": { + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_accent, #E1E3E6)", + "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, #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)", @@ -121372,49 +126873,49 @@ exports[`shapshots legoIOSDark 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, #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, #E3E5E8)", - "hover": "var(--vkui--color_text_link--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_link_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link_themed, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_link_tint--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link_tint, #E1E3E6)", + "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, #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)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", @@ -121422,14 +126923,14 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", @@ -121437,24 +126938,69 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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))", @@ -121462,19 +127008,19 @@ exports[`shapshots legoIOSDark 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, #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))", @@ -121482,31 +127028,32 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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 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, 0px 16px 48px 0px rgba(0, 0, 0, 0.40))", + "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, 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, 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, Inter, 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, 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)", @@ -121514,16 +127061,17 @@ exports[`shapshots legoIOSDark 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, Inter, 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, 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)", @@ -121531,78 +127079,137 @@ exports[`shapshots legoIOSDark 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, Inter, 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, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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, 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)", - "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": { + "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, 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)", + }, + }, + "fontH2": { + "compact": { + "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, 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)", + }, + }, + "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": { "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, 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)", @@ -121614,7 +127221,7 @@ exports[`shapshots legoIOSDark 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, 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)", @@ -121626,7 +127233,7 @@ exports[`shapshots legoIOSDark 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, 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)", @@ -121634,7 +127241,7 @@ exports[`shapshots legoIOSDark 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, 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)", @@ -121643,10 +127250,10 @@ exports[`shapshots legoIOSDark 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, 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)", @@ -121658,7 +127265,7 @@ exports[`shapshots legoIOSDark 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, 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)", @@ -121666,49 +127273,372 @@ exports[`shapshots legoIOSDark 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, Inter, 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, Inter, 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, Inter, 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%)", + "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(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(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)", + "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, 380px)", + "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, 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)", + }, + }, + "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, 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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", }, + "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)", }, @@ -121739,8 +127669,16 @@ exports[`shapshots legoIOSDark 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": { + "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, 12px)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -121755,10 +127693,10 @@ exports[`shapshots legoIOSDark 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)", + "regular": "var(--vkui--size_border_radius_paper--regular, 4px)", }, "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", @@ -121766,6 +127704,21 @@ exports[`shapshots legoIOSDark 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, 4px)", + }, + "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)", }, @@ -121793,6 +127746,9 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "sizeButtonGroupGapSpace": { "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, + "sizeButtonIconPadding": { + "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)", @@ -121804,8 +127760,20 @@ exports[`shapshots legoIOSDark 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)", + "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)", @@ -121830,10 +127798,10 @@ exports[`shapshots legoIOSDark 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)", @@ -121844,54 +127812,149 @@ exports[`shapshots legoIOSDark 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, 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)", + }, + "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": { + "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": { "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": { + "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)", }, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", + }, + "sizeIconMargin": { + "regular": "var(--vkui--size_icon_margin--regular, 8px)", + }, + "sizeIconMorePadding": { + "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)", + }, + "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, 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)", + "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, 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, 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)", }, "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, 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)", + }, + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + }, "sizeSplitColPaddingHorizontal": { "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, @@ -121902,20 +127965,51 @@ exports[`shapshots legoIOSDark 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)", + }, + "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": { + "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)", @@ -121926,500 +128020,155 @@ exports[`shapshots legoIOSDark 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, vkontakteIOSDark)", - "themeName": "var(--vkui--theme_name, legoIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "themeName": "var(--vkui--theme_name, mediaDark)", + "themeNameBase": "var(--vkui--theme_name_base, media)", "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))", + "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)", + "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)", + "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 mediaDark 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": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, - "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)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "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))", + "colorAccentBlue": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, - "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)", + "colorAccentCyan": { + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, - "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)", + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, - "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))", + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "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)", + "colorAccentLime": { + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, - "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)", + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "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)", + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", }, - "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))", + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, - "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)", + "colorAccentPink": { + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, - "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)", + "colorAccentPurple": { + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, - "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", - "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 legoIOSDark 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)", - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", - }, - "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", - }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", - }, - "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", - }, - "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", - }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "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)", @@ -122427,24 +128176,24 @@ exports[`shapshots legoIOSDark 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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -122452,14 +128201,29 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { - "active": "#ECEEF1", - "hover": "#EBEEF1", - "normal": "#EAEDF0", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -122472,9 +128236,9 @@ exports[`shapshots legoIOSDark 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)", @@ -122482,19 +128246,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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", @@ -122504,47 +128268,117 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "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", @@ -122567,24 +128401,24 @@ exports[`shapshots legoIOSDark 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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -122594,67 +128428,67 @@ exports[`shapshots legoIOSDark 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)", @@ -122662,14 +128496,14 @@ exports[`shapshots legoIOSDark 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", @@ -122677,24 +128511,109 @@ exports[`shapshots legoIOSDark 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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryAuto": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryBase": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryDeti": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryDobro": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", + }, + "colorPrimaryHealth": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryHealthNew": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryHitech": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryKino": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryLady": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorPrimaryMycom": { + "active": "#14B2F3", + "hover": "#0AAEF3", + "normal": "#00abf2", + }, + "colorPrimaryPets": { + "active": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", + }, + "colorPrimaryPharma": { + "active": "#2FD7A9", + "hover": "#26D5A6", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "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", + }, + "colorSecondaryBase": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSecondaryHealth": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSecondaryMycom": { + "active": "#FC3D48", + "hover": "#FC3440", + "normal": "#fc2c38", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -122702,49 +128621,84 @@ exports[`shapshots legoIOSDark 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", + }, + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -122754,27 +128708,27 @@ exports[`shapshots legoIOSDark 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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -122782,49 +128736,49 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#7CB1ED", + "hover": "#77ADEC", + "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", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -122832,14 +128786,14 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(249, 252, 255, 0.72)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -122847,24 +128801,69 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(247, 251, 255, 0.42)", }, "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", }, - "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "colorThumbErrorBackgroundAlpha": { + "active": "rgba(237, 10, 52, 0.2)", + "hover": "rgba(237, 10, 52, 0.16)", + "normal": "rgba(237, 10, 52, 0.12)", }, - "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "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)", @@ -122872,19 +128871,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "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)", @@ -122892,31 +128891,32 @@ exports[`shapshots legoIOSDark 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 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": "0px 16px 48px 0px rgba(0, 0, 0, 0.40)", + "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": "Inter, 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": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -122924,16 +128924,17 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -122941,78 +128942,137 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, 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": "Inter, 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": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 36, + "fontWeight": 500, + "lineHeight": 48, + }, + }, + "fontH2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 32, + }, + "regular": { + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -123024,7 +129084,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -123036,7 +129096,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -123044,7 +129104,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -123053,10 +129113,10 @@ exports[`shapshots legoIOSDark 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, Inter, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -123068,7 +129128,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -123076,49 +129136,372 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, 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, Inter, 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, Inter, 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%", + "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(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(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, + "gridAsideContent": { + "compact": 300, + "compactX": 300, + "large": 380, + "regular": "100%", + }, + "gridColumnX2": { + "compact": 430, + "compactX": 280, + "large": 580, + "regular": "100%", + }, + "gridColumnX3": { + "compact": 280, + "compactX": 180, + "large": 380, + "regular": "100%", + }, + "gridColumnX4": { + "compact": 205, + "compactX": 130, + "large": 280, + "regular": "100%", + }, + "gridColumnX6": { + "compact": 130, + "compactX": 80, + "large": 180, + "regular": "100%", + }, + "gridMainContent": { + "compact": 620, + "compactX": 620, + "large": 780, + "regular": "100%", + }, + "gridMainContentWide": { + "compact": 620, + "compactX": 620, + "large": 860, + "regular": "100%", + }, + "gridWrapperContent": { + "compact": 940, + "compactX": 620, + "large": 1260, + "regular": "100%", + }, + "mediaFontMediaCaption": { + "compact": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 26, + }, + "regular": { + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 22, + }, + }, + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": 15, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 20, + }, + "regular": { + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 16, + }, + }, + "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, + }, + }, + "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, + }, + }, + "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, + }, + }, + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 24, + }, + }, + "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, + }, + }, + "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, + }, + }, + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 400, + "lineHeight": 26, + }, + }, + "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, }, + "sizeArrowHeight": { + "regular": 8, + }, "sizeArrowPadding": { "regular": 12, }, "sizeArrowPromo": { "regular": 40, }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, + }, "sizeAvatarL": { "regular": 96, }, @@ -123149,9 +129532,17 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "sizeBadgeXS": { "regular": 12, }, - "sizeBasePaddingHorizontal": { + "sizeBase": 4, + "sizeBaseMargin": { "regular": 12, }, + "sizeBasePadding": { + "compactX": 16, + "regular": 20, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, "sizeBasePaddingVertical": { "regular": 12, }, @@ -123165,10 +129556,10 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -123176,6 +129567,21 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": 48, }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 4, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -123203,6 +129609,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": 1, }, + "sizeButtonIconPadding": { + "regular": 20, + }, "sizeButtonLargeHeight": { "compact": 36, "regular": 44, @@ -123214,9 +129623,21 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "sizeButtonMinimumWidth": { "regular": 80, }, + "sizeButtonMorePadding": { + "regular": 8, + }, "sizeButtonPaddingHorizontal": { + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { "regular": 12, }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, "sizeButtonSmallHeight": { "compact": 28, "regular": 30, @@ -123240,10 +129661,10 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 16, }, "sizeCardgridPadding": { - "regular": 8, + "regular": 12, }, "sizeCardgridPaddingVertical": { "regular": 8, @@ -123254,54 +129675,149 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "sizeCheckbox": { "regular": 16, }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 130, + "compactX": 130, + "regular": 94, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, "sizeFieldHeight": { "compact": 36, "regular": 44, }, + "sizeFieldHorizontalMargin": { + "compact": 16, + "compactX": 16, + "regular": 20, + }, "sizeFieldHorizontalPadding": { "regular": 12, }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compactX": 288, + "regular": 380, + }, "sizeFormItemPaddingVertical": { "regular": 12, }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "regular": 8, + }, + "sizeIconMorePadding": { + "regular": 12, + }, "sizeIconUI": { - "regular": 16, + "compact": 16, + "compactX": 16, + "regular": 18, + }, + "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, + "compactX": 20, "regular": 32, }, "sizePopupHeaderPadding": { - "compact": 16, + "compactX": 16, "regular": 24, }, "sizePopupLarge": { "regular": 880, }, + "sizePopupMargin": { + "compact": 8, + "compactX": 8, + "regular": 24, + }, "sizePopupMedium": { "regular": 680, }, "sizePopupSmall": { "regular": 430, }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, + }, "sizeSearchHeight": { "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { "compact": 7, + "compactX": 7, "regular": 6, }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, + }, "sizeSplitColPaddingHorizontal": { "regular": 16, }, @@ -123312,20 +129828,51 @@ exports[`shapshots legoIOSDark 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": { + "compact": 32, + "compactX": 32, + "regular": 8, + }, + "sizeTabPadding": { + "compact": 0, + "compactX": 0, + "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, @@ -123336,588 +129883,225 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkontakteIOSDark", - "themeName": "legoIOSDark", - "themeNameBase": "legoIOS", + "themeName": "mediaDark", + "themeNameBase": "media", "themeType": "root", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.04)", + "toneValueActive": 0.08, + "toneValueFocus": 0.08, + "toneValueHover": 0.04, + "toneValueOverlay": 0.48, + "toneValueToolbar": 0.24, + "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)", + "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 mycom theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "vkontakteButtonMutedBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "vkontakteButtonTertiaryForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "vkontakteColorAccentAlternate": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "breakpoints": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, + }, }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "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)", + }, }, - "vkontakteColorBackgroundKeyboard": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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)", + }, }, - "vkontakteColorBackgroundSuggestions": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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)", + }, }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "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)", + }, }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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)", + }, }, - "vkontakteColorContentTintForeground": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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)", + }, }, - "vkontakteColorControlBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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)", + }, }, - "vkontakteColorControlForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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)", + }, }, - "vkontakteColorControlTintMuted": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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)", + }, }, - "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "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 media 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": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "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)", - }, + "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": { @@ -124048,15 +130232,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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #009FE4)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #00abf2)", }, }, "colorBackgroundAccentAlternative": { @@ -124692,15 +130876,15 @@ exports[`shapshots media 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, #009FE4)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "value": "var(--vkui--color_icon_accent, #00abf2)", }, }, "colorIconAccentThemed": { @@ -125207,6 +131391,20 @@ exports[`shapshots media 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, #E82A38)", + }, + "hover": { + "name": "--vkui--color_sale--hover", + "value": "var(--vkui--color_sale--hover, #F22B38)", + }, + "normal": { + "name": "--vkui--color_sale", + "value": "var(--vkui--color_sale, #fc2c38)", + }, + }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", @@ -125476,15 +131674,15 @@ exports[`shapshots media 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, #009FE4)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "value": "var(--vkui--color_stroke_accent, #00abf2)", }, }, "colorStrokeAccentThemed": { @@ -125560,15 +131758,15 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0068E2)", + "value": "var(--vkui--color_text_accent--active, #009FE4)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "value": "var(--vkui--color_text_accent--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "value": "var(--vkui--color_text_accent, #00abf2)", }, }, "colorTextAccentThemed": { @@ -126079,7 +132277,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -126125,7 +132323,7 @@ exports[`shapshots media 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -126171,7 +132369,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -126217,7 +132415,7 @@ exports[`shapshots media 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -126263,7 +132461,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -126309,7 +132507,7 @@ exports[`shapshots media 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -126355,7 +132553,7 @@ exports[`shapshots media 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -126393,7 +132591,7 @@ exports[`shapshots media 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -126411,7 +132609,7 @@ exports[`shapshots media 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -126449,7 +132647,7 @@ exports[`shapshots media 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -126487,7 +132685,7 @@ exports[`shapshots media 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -126503,6 +132701,10 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, }, }, + "fontFamily": { + "name": "--vkui--font_family", + "value": "var(--vkui--font_family, Proxima Nova, Arial, sans-serif)", + }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", @@ -126541,7 +132743,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -126587,7 +132789,7 @@ exports[`shapshots media 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -126643,7 +132845,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h0--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h0--font_size--regular", @@ -126681,7 +132883,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h1--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--compact", @@ -126699,7 +132901,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h1--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", @@ -126737,7 +132939,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h2--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--compact", @@ -126755,7 +132957,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h2--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", @@ -126793,7 +132995,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h3--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h3--font_size--regular", @@ -126831,7 +133033,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h4--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h4--font_size--regular", @@ -126879,7 +133081,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -126927,7 +133129,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline1--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -126975,7 +133177,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_headline2--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -127013,7 +133215,7 @@ exports[`shapshots media 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -127061,7 +133263,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_subhead--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -127109,7 +133311,7 @@ exports[`shapshots media 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -127147,7 +133349,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title1--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -127185,7 +133387,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title2--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -127223,7 +133425,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_title3--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -127597,7 +133799,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_lead--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_lead--font_size--compact", @@ -127619,7 +133821,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_lead--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_lead--font_size--regular", @@ -127665,7 +133867,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "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)", + "value": "var(--vkui--media_font_media_paragraph--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_paragraph--font_size--compact", @@ -127687,7 +133889,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "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)", + "value": "var(--vkui--media_font_media_paragraph--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_paragraph--font_size--regular", @@ -127737,7 +133939,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "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)", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_paragraph_numbering--font_size--compact", @@ -127763,7 +133965,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "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)", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_paragraph_numbering--font_size--regular", @@ -127843,7 +134045,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote--font_size--compact", @@ -127865,7 +134067,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote--font_size--regular", @@ -127911,7 +134113,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote_person--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote_person--font_size--compact", @@ -127933,7 +134135,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_quote_person--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_quote_person--font_size--regular", @@ -127975,7 +134177,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_subtitle_light--font_size--regular", @@ -128013,7 +134215,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_text_secondary_light--font_size--regular", @@ -128055,7 +134257,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1--font_size--compact", @@ -128077,7 +134279,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1--font_size--regular", @@ -128123,7 +134325,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1_tiny--font_size--compact", @@ -128145,7 +134347,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title1_tiny--font_size--regular", @@ -128191,7 +134393,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2--font_size--compact", @@ -128213,7 +134415,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2--font_size--regular", @@ -128259,7 +134461,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2_tiny--font_size--compact", @@ -128281,7 +134483,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title2_tiny--font_size--regular", @@ -128327,7 +134529,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title3--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title3--font_size--compact", @@ -128349,7 +134551,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title3--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title3--font_size--regular", @@ -128395,7 +134597,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title4--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title4--font_size--compact", @@ -128417,7 +134619,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title4--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title4--font_size--regular", @@ -128463,7 +134665,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title5--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title5--font_size--compact", @@ -128485,7 +134687,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title5--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title5--font_size--regular", @@ -128531,7 +134733,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title6--font_family--compact, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title6--font_size--compact", @@ -128553,7 +134755,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--media_font_media_title6--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--media_font_media_title6--font_size--regular", @@ -128589,10 +134791,6 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "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", @@ -129688,17 +135886,9 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "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)", - }, - "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, 6px)", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", }, }, "sizeSliceBottomPadding": { @@ -129951,11 +136141,11 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, media)", + "value": "var(--vkui--theme_name, mycom)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, media)", + "value": "var(--vkui--theme_name_base, mycom)", }, "themeType": "cssVars", "toneValueActive": { @@ -130097,7 +136287,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -130218,9 +136408,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -130448,9 +136638,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -130632,6 +136822,11 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "hover": "#F5CC02", "normal": "#ffd400", }, + "colorSale": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, "colorSearchFieldBackground": { "active": "#D4D6DD", "hover": "#DDDEE4", @@ -130728,9 +136923,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -130758,9 +136953,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -130935,7 +137130,7 @@ exports[`shapshots media 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -130943,7 +137138,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", @@ -130953,7 +137148,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -130961,7 +137156,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", @@ -130971,7 +137166,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -130979,7 +137174,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", @@ -130989,7 +137184,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "23px", "fontWeight": 500, "lineHeight": "28px", @@ -130997,13 +137192,13 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "lineHeight": "22px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "21px", "fontWeight": 500, "lineHeight": "26px", @@ -131011,7 +137206,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "19px", "fontWeight": 500, "lineHeight": "24px", @@ -131019,19 +137214,20 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "24px", }, }, + "fontFamily": "Proxima Nova, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -131039,7 +137235,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", @@ -131053,7 +137249,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "32px", @@ -131061,13 +137257,13 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "36px", "fontWeight": 500, "lineHeight": "48px", @@ -131075,13 +137271,13 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "34px", @@ -131089,7 +137285,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -131097,7 +137293,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "22px", @@ -131109,7 +137305,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -131121,7 +137317,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -131133,7 +137329,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -131141,7 +137337,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -131153,7 +137349,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -131165,7 +137361,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -131173,7 +137369,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -131181,7 +137377,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -131189,7 +137385,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -131285,14 +137481,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131301,14 +137497,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaParagraph": { "compact": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "18px", "fontWeight": 400, "letterSpacing": "0.003em", "lineHeight": "32px", }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "letterSpacing": "0.003em", @@ -131317,7 +137513,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaParagraphNumbering": { "compact": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "18px", "fontStyle": "italic", "fontWeight": 700, @@ -131325,7 +137521,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "32px", }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "16px", "fontStyle": "italic", "fontWeight": 700, @@ -131342,14 +137538,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131358,14 +137554,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "24px", "fontWeight": 600, "letterSpacing": "-0.005em", "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "18px", "fontWeight": 600, "letterSpacing": "-0.005em", @@ -131374,7 +137570,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "20px", "fontWeight": 400, "lineHeight": "26px", @@ -131382,7 +137578,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -131390,14 +137586,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "48px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "56px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "30px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131406,14 +137602,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "40px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "48px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "30px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131422,14 +137618,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "36px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "44px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131438,14 +137634,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "40px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "26px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131454,14 +137650,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "40px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "26px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131470,14 +137666,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131486,14 +137682,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131502,14 +137698,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "28px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -131520,7 +137716,6 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "mediaSizeGrid": "60px", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, - "prefix": "vkui", "sizeArrow": { "regular": "8px", }, @@ -131845,9 +138040,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "7px", - "compactX": "7px", - "regular": "6px", + "regular": "7px", }, "sizeSliceBottomPadding": { "regular": "60px", @@ -131920,8 +138113,8 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "media", - "themeNameBase": "media", + "themeName": "mycom", + "themeNameBase": "mycom", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -131960,7 +138153,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -132081,9 +138274,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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "active": "var(--vkui--color_background_accent--active, #009FE4)", + "hover": "var(--vkui--color_background_accent--hover, #00A5EB)", + "normal": "var(--vkui--color_background_accent, #00abf2)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -132311,9 +138504,9 @@ 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, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "active": "var(--vkui--color_icon_accent--active, #009FE4)", + "hover": "var(--vkui--color_icon_accent--hover, #00A5EB)", + "normal": "var(--vkui--color_icon_accent, #00abf2)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", @@ -132495,6 +138688,11 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_rating--hover, #F5CC02)", "normal": "var(--vkui--color_rating, #ffd400)", }, + "colorSale": { + "active": "var(--vkui--color_sale--active, #E82A38)", + "hover": "var(--vkui--color_sale--hover, #F22B38)", + "normal": "var(--vkui--color_sale, #fc2c38)", + }, "colorSearchFieldBackground": { "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", @@ -132591,9 +138789,9 @@ 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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077ff)", + "active": "var(--vkui--color_stroke_accent--active, #009FE4)", + "hover": "var(--vkui--color_stroke_accent--hover, #00A5EB)", + "normal": "var(--vkui--color_stroke_accent, #00abf2)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", @@ -132621,9 +138819,9 @@ 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, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "active": "var(--vkui--color_text_accent--active, #009FE4)", + "hover": "var(--vkui--color_text_accent--hover, #00A5EB)", + "normal": "var(--vkui--color_text_accent, #00abf2)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", @@ -132798,7 +138996,7 @@ exports[`shapshots media 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, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, Proxima Nova, 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)", @@ -132806,7 +139004,7 @@ exports[`shapshots media 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, Proxima Nova, 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)", @@ -132816,7 +139014,7 @@ exports[`shapshots media 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, Proxima Nova, 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)", @@ -132824,7 +139022,7 @@ exports[`shapshots media 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, Proxima Nova, 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)", @@ -132834,7 +139032,7 @@ exports[`shapshots media 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, Proxima Nova, 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)", @@ -132842,7 +139040,7 @@ exports[`shapshots media 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, Proxima Nova, 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)", @@ -132852,7 +139050,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "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, Proxima Nova, 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)", @@ -132860,13 +139058,13 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "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, Proxima Nova, 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)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, Proxima Nova, 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)", @@ -132874,7 +139072,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "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, Proxima Nova, 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)", @@ -132882,19 +139080,20 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "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, Proxima Nova, 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": "var(--vkui--font_family, Proxima Nova, 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, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, Proxima Nova, 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)", @@ -132902,7 +139101,7 @@ exports[`shapshots media 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, Proxima Nova, 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)", @@ -132916,7 +139115,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h0--font_family--regular, Proxima Nova, 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)", @@ -132924,13 +139123,13 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "var(--vkui--font_h1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--compact, Proxima Nova, 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, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, Proxima Nova, 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)", @@ -132938,13 +139137,13 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "var(--vkui--font_h2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--compact, Proxima Nova, 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, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, Proxima Nova, 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)", @@ -132952,7 +139151,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "var(--vkui--font_h3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h3--font_family--regular, Proxima Nova, 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)", @@ -132960,7 +139159,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "var(--vkui--font_h4--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h4--font_family--regular, Proxima Nova, 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)", @@ -132972,7 +139171,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, Proxima Nova, 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)", @@ -132984,7 +139183,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, Proxima Nova, 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)", @@ -132996,7 +139195,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, Proxima Nova, 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)", @@ -133004,7 +139203,7 @@ exports[`shapshots media 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, Proxima Nova, 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)", @@ -133016,7 +139215,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, Proxima Nova, 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)", @@ -133028,7 +139227,7 @@ exports[`shapshots media 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, Proxima Nova, 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)", @@ -133036,7 +139235,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, Proxima Nova, 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)", @@ -133044,7 +139243,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, Proxima Nova, 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)", @@ -133052,7 +139251,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, Proxima Nova, 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)", @@ -133148,14 +139347,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_lead--font_family--regular, Proxima Nova, 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)", @@ -133164,14 +139363,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaParagraph": { "compact": { - "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--compact, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--regular, Proxima Nova, 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)", @@ -133180,7 +139379,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaParagraphNumbering": { "compact": { - "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Proxima Nova, 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)", @@ -133188,7 +139387,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "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)", + "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Proxima Nova, 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)", @@ -133205,14 +139404,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_quote--font_family--regular, Proxima Nova, 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)", @@ -133221,14 +139420,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--regular, Proxima Nova, 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)", @@ -133237,7 +139436,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, Proxima Nova, 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)", @@ -133245,7 +139444,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, Proxima Nova, 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)", @@ -133253,14 +139452,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_title1--font_family--regular, Proxima Nova, 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)", @@ -133269,14 +139468,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--regular, Proxima Nova, 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)", @@ -133285,14 +139484,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_title2--font_family--regular, Proxima Nova, 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)", @@ -133301,14 +139500,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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--regular, Proxima Nova, 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)", @@ -133317,14 +139516,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_title3--font_family--regular, Proxima Nova, 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)", @@ -133333,14 +139532,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_title4--font_family--regular, Proxima Nova, 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)", @@ -133349,14 +139548,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_title5--font_family--regular, Proxima Nova, 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)", @@ -133365,14 +139564,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, Proxima Nova, 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)", + "fontFamily": "var(--vkui--media_font_media_title6--font_family--regular, Proxima Nova, 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)", @@ -133383,7 +139582,6 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -133708,9 +139906,7 @@ exports[`shapshots media 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)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, "sizeSliceBottomPadding": { "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", @@ -133783,8 +139979,8 @@ exports[`shapshots media 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, media)", - "themeNameBase": "var(--vkui--theme_name_base, media)", + "themeName": "var(--vkui--theme_name, mycom)", + "themeNameBase": "var(--vkui--theme_name_base, mycom)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -133823,7 +140019,7 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots media theme should match root theme snapshot 1`] = ` +exports[`shapshots mycom theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -133944,9 +140140,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -134174,9 +140370,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -134358,6 +140554,11 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "hover": "#F5CC02", "normal": "#ffd400", }, + "colorSale": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, "colorSearchFieldBackground": { "active": "#D4D6DD", "hover": "#DDDEE4", @@ -134454,9 +140655,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -134484,9 +140685,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -134661,7 +140862,7 @@ exports[`shapshots media 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -134669,7 +140870,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", @@ -134679,7 +140880,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -134687,7 +140888,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", @@ -134697,7 +140898,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -134705,7 +140906,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "letterSpacing": "0.16px", @@ -134715,7 +140916,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 23, "fontWeight": 500, "lineHeight": 28, @@ -134723,13 +140924,13 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "lineHeight": 22, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 21, "fontWeight": 500, "lineHeight": 26, @@ -134737,7 +140938,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 19, "fontWeight": 500, "lineHeight": 24, @@ -134745,19 +140946,20 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 24, }, }, + "fontFamily": "Proxima Nova, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -134765,7 +140967,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", @@ -134779,7 +140981,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 32, @@ -134787,13 +140989,13 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 36, "fontWeight": 500, "lineHeight": 48, @@ -134801,13 +141003,13 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 34, @@ -134815,7 +141017,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -134823,7 +141025,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 22, @@ -134835,7 +141037,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -134847,7 +141049,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -134859,7 +141061,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -134867,7 +141069,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -134879,7 +141081,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -134891,7 +141093,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -134899,7 +141101,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -134907,7 +141109,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -134915,7 +141117,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -135011,14 +141213,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 18, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135027,14 +141229,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaParagraph": { "compact": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 18, "fontWeight": 400, "letterSpacing": "0.003em", "lineHeight": 32, }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "letterSpacing": "0.003em", @@ -135043,7 +141245,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaParagraphNumbering": { "compact": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 18, "fontStyle": "italic", "fontWeight": 700, @@ -135051,7 +141253,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 32, }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 16, "fontStyle": "italic", "fontWeight": 700, @@ -135068,14 +141270,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 18, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135084,14 +141286,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 24, "fontWeight": 600, "letterSpacing": "-0.005em", "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 18, "fontWeight": 600, "letterSpacing": "-0.005em", @@ -135100,7 +141302,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 20, "fontWeight": 400, "lineHeight": 26, @@ -135108,7 +141310,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -135116,14 +141318,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 48, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 56, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 30, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135132,14 +141334,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 40, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 48, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 30, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135148,14 +141350,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 36, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 44, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135164,14 +141366,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 32, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 40, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 26, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135180,14 +141382,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 32, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 40, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 26, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135196,14 +141398,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135212,14 +141414,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135228,14 +141430,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 28, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -135246,7 +141448,6 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "mediaSizeGrid": 60, "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, - "prefix": "vkui", "sizeArrow": { "regular": 8, }, @@ -135571,9 +141772,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { - "compact": 7, - "compactX": 7, - "regular": 6, + "regular": 7, }, "sizeSliceBottomPadding": { "regular": 60, @@ -135646,8 +141845,8 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "media", - "themeNameBase": "media", + "themeName": "mycom", + "themeNameBase": "mycom", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -135686,7 +141885,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -135709,17 +141908,9 @@ exports[`shapshots mediaDark 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": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, + "breakpoint": 768, }, "touch": { "adaptiveValue": "regular", @@ -135729,11 +141920,11 @@ exports[`shapshots mediaDark 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", @@ -135743,25 +141934,25 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077ff)", + "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", @@ -135771,25 +141962,25 @@ exports[`shapshots mediaDark 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", @@ -135799,11 +141990,11 @@ exports[`shapshots mediaDark 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", @@ -135813,11 +142004,11 @@ exports[`shapshots mediaDark 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", @@ -135827,11 +142018,11 @@ exports[`shapshots mediaDark 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", @@ -135841,25 +142032,25 @@ exports[`shapshots mediaDark 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", @@ -135869,11 +142060,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -135883,25 +142074,25 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { "name": "--vkui--color_accent_red", @@ -135911,11 +142102,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "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", @@ -135925,11 +142116,11 @@ exports[`shapshots mediaDark 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", @@ -135939,29 +142130,43 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", + }, + }, + "colorAlert": { + "active": { + "name": "--vkui--color_alert--active", + "value": "var(--vkui--color_alert--active, #B2311E)", + }, + "hover": { + "name": "--vkui--color_alert--hover", + "value": "var(--vkui--color_alert--hover, #B9331C)", + }, + "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(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": { @@ -135981,25 +142186,25 @@ exports[`shapshots mediaDark 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, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", @@ -136009,11 +142214,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "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", @@ -136023,39 +142228,39 @@ exports[`shapshots mediaDark 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", @@ -136065,81 +142270,81 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, "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", @@ -136149,11 +142354,11 @@ exports[`shapshots mediaDark 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", @@ -136177,137 +142382,137 @@ exports[`shapshots mediaDark 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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -136317,361 +142522,389 @@ exports[`shapshots mediaDark 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, #3C3C3D)", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #333334)", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #2b2b2c)", + "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(51, 51, 51, 0.88))", + "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(51, 51, 51, 0.84))", + "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(51, 51, 51, 0.8))", + "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))", + }, + }, + "colorBackgroundThumbnail": { + "active": { + "name": "--vkui--color_background_thumbnail--active", + "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + }, + "hover": { + "name": "--vkui--color_background_thumbnail--hover", + "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + }, + "normal": { + "name": "--vkui--color_background_thumbnail", + "value": "var(--vkui--color_background_thumbnail, #EBECEF)", + }, + }, + "colorBackgroundThumbnailAlpha": { + "active": { + "name": "--vkui--color_background_thumbnail_alpha--active", + "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_thumbnail_alpha--hover", + "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_thumbnail_alpha", + "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, }, "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, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "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", @@ -136681,11 +142914,11 @@ exports[`shapshots mediaDark 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", @@ -136695,67 +142928,67 @@ exports[`shapshots mediaDark 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, #DA300E)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ED330a)", }, }, "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", @@ -136765,25 +142998,25 @@ exports[`shapshots mediaDark 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", @@ -136793,67 +143026,67 @@ exports[`shapshots mediaDark 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", @@ -136863,53 +143096,53 @@ exports[`shapshots mediaDark 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", @@ -136919,417 +143152,445 @@ exports[`shapshots mediaDark 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": { + "colorPaletteBlue1": { "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "name": "--vkui--color_palette_blue1--active", + "value": "var(--vkui--color_palette_blue1--active, #264CEF)", }, "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", + "name": "--vkui--color_palette_blue1--hover", + "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", }, "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "name": "--vkui--color_palette_blue1", + "value": "var(--vkui--color_palette_blue1, #2951ff)", }, }, - "colorPrimaryAuto": { + "colorPaletteBlue1Alpha": { "active": { - "name": "--vkui--color_primary_auto--active", - "value": "var(--vkui--color_primary_auto--active, #1482FF)", + "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_primary_auto--hover", - "value": "var(--vkui--color_primary_auto--hover, #0A7CFF)", + "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_primary_auto", - "value": "var(--vkui--color_primary_auto, #0077FF)", + "name": "--vkui--color_palette_blue1_alpha", + "value": "var(--vkui--color_palette_blue1_alpha, rgba(0, 95, 249, 0.12))", }, }, - "colorPrimaryBase": { + "colorPaletteBlue2": { "active": { - "name": "--vkui--color_primary_base--active", - "value": "var(--vkui--color_primary_base--active, #1482FF)", + "name": "--vkui--color_palette_blue2--active", + "value": "var(--vkui--color_palette_blue2--active, #009FE4)", }, "hover": { - "name": "--vkui--color_primary_base--hover", - "value": "var(--vkui--color_primary_base--hover, #0A7CFF)", + "name": "--vkui--color_palette_blue2--hover", + "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", }, "normal": { - "name": "--vkui--color_primary_base", - "value": "var(--vkui--color_primary_base, #0077FF)", + "name": "--vkui--color_palette_blue2", + "value": "var(--vkui--color_palette_blue2, #00abf2)", }, }, - "colorPrimaryDeti": { + "colorPaletteBlue3": { "active": { - "name": "--vkui--color_primary_deti--active", - "value": "var(--vkui--color_primary_deti--active, #1482FF)", + "name": "--vkui--color_palette_blue3--active", + "value": "var(--vkui--color_palette_blue3--active, #23CED2)", }, "hover": { - "name": "--vkui--color_primary_deti--hover", - "value": "var(--vkui--color_primary_deti--hover, #0A7CFF)", + "name": "--vkui--color_palette_blue3--hover", + "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", }, "normal": { - "name": "--vkui--color_primary_deti", - "value": "var(--vkui--color_primary_deti, #0077FF)", + "name": "--vkui--color_palette_blue3", + "value": "var(--vkui--color_palette_blue3, #26dfdf)", }, }, - "colorPrimaryDobro": { + "colorPaletteGreen1": { "active": { - "name": "--vkui--color_primary_dobro--active", - "value": "var(--vkui--color_primary_dobro--active, #FFD714)", + "name": "--vkui--color_palette_green1--active", + "value": "var(--vkui--color_palette_green1--active, #A0D016)", }, "hover": { - "name": "--vkui--color_primary_dobro--hover", - "value": "var(--vkui--color_primary_dobro--hover, #FFD60A)", + "name": "--vkui--color_palette_green1--hover", + "value": "var(--vkui--color_palette_green1--hover, #A7D915)", }, "normal": { - "name": "--vkui--color_primary_dobro", - "value": "var(--vkui--color_primary_dobro, #ffd400)", + "name": "--vkui--color_palette_green1", + "value": "var(--vkui--color_palette_green1, #aee113)", }, }, - "colorPrimaryHealth": { + "colorPaletteGreen1Alpha": { "active": { - "name": "--vkui--color_primary_health--active", - "value": "var(--vkui--color_primary_health--active, #1482FF)", + "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_primary_health--hover", - "value": "var(--vkui--color_primary_health--hover, #0A7CFF)", + "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_primary_health", - "value": "var(--vkui--color_primary_health, #0077FF)", + "name": "--vkui--color_palette_green1_alpha", + "value": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", }, }, - "colorPrimaryHealthNew": { + "colorPaletteGreen2": { "active": { - "name": "--vkui--color_primary_health_new--active", - "value": "var(--vkui--color_primary_health_new--active, #1482FF)", + "name": "--vkui--color_palette_green2--active", + "value": "var(--vkui--color_palette_green2--active, #52B552)", }, "hover": { - "name": "--vkui--color_primary_health_new--hover", - "value": "var(--vkui--color_primary_health_new--hover, #0A7CFF)", + "name": "--vkui--color_palette_green2--hover", + "value": "var(--vkui--color_palette_green2--hover, #55BC53)", }, "normal": { - "name": "--vkui--color_primary_health_new", - "value": "var(--vkui--color_primary_health_new, #0077FF)", + "name": "--vkui--color_palette_green2", + "value": "var(--vkui--color_palette_green2, #59c354)", }, }, - "colorPrimaryHitech": { + "colorPaletteGreen2Alpha": { "active": { - "name": "--vkui--color_primary_hitech--active", - "value": "var(--vkui--color_primary_hitech--active, #1482FF)", + "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_primary_hitech--hover", - "value": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", + "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_primary_hitech", - "value": "var(--vkui--color_primary_hitech, #0077FF)", + "name": "--vkui--color_palette_green2_alpha", + "value": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", }, }, - "colorPrimaryKino": { + "colorPaletteGreen3": { "active": { - "name": "--vkui--color_primary_kino--active", - "value": "var(--vkui--color_primary_kino--active, #1482FF)", + "name": "--vkui--color_palette_green3--active", + "value": "var(--vkui--color_palette_green3--active, #33D98D)", }, "hover": { - "name": "--vkui--color_primary_kino--hover", - "value": "var(--vkui--color_primary_kino--hover, #0A7CFF)", + "name": "--vkui--color_palette_green3--hover", + "value": "var(--vkui--color_palette_green3--hover, #35E291)", }, "normal": { - "name": "--vkui--color_primary_kino", - "value": "var(--vkui--color_primary_kino, #0077FF)", + "name": "--vkui--color_palette_green3", + "value": "var(--vkui--color_palette_green3, #37eb94)", }, }, - "colorPrimaryLady": { + "colorPaletteGreen4": { "active": { - "name": "--vkui--color_primary_lady--active", - "value": "var(--vkui--color_primary_lady--active, #1482FF)", + "name": "--vkui--color_palette_green4--active", + "value": "var(--vkui--color_palette_green4--active, #00A4AA)", }, "hover": { - "name": "--vkui--color_primary_lady--hover", - "value": "var(--vkui--color_primary_lady--hover, #0A7CFF)", + "name": "--vkui--color_palette_green4--hover", + "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", }, "normal": { - "name": "--vkui--color_primary_lady", - "value": "var(--vkui--color_primary_lady, #0077FF)", + "name": "--vkui--color_palette_green4", + "value": "var(--vkui--color_palette_green4, #00b1b3)", }, }, - "colorPrimaryMycom": { + "colorPaletteOrange1": { "active": { - "name": "--vkui--color_primary_mycom--active", - "value": "var(--vkui--color_primary_mycom--active, #14B2F3)", + "name": "--vkui--color_palette_orange1--active", + "value": "var(--vkui--color_palette_orange1--active, #EB812F)", }, "hover": { - "name": "--vkui--color_primary_mycom--hover", - "value": "var(--vkui--color_primary_mycom--hover, #0AAEF3)", + "name": "--vkui--color_palette_orange1--hover", + "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", }, "normal": { - "name": "--vkui--color_primary_mycom", - "value": "var(--vkui--color_primary_mycom, #00abf2)", + "name": "--vkui--color_palette_orange1", + "value": "var(--vkui--color_palette_orange1, #ff8b2e)", }, }, - "colorPrimaryPets": { + "colorPaletteOrange1Alpha": { "active": { - "name": "--vkui--color_primary_pets--active", - "value": "var(--vkui--color_primary_pets--active, #fc627e)", + "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_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "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_primary_pets", - "value": "var(--vkui--color_primary_pets, #fc738c)", + "name": "--vkui--color_palette_orange1_alpha", + "value": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", }, }, - "colorPrimaryPharma": { + "colorPaletteRed1": { "active": { - "name": "--vkui--color_primary_pharma--active", - "value": "var(--vkui--color_primary_pharma--active, #2FD7A9)", + "name": "--vkui--color_palette_red1--active", + "value": "var(--vkui--color_palette_red1--active, #E82A38)", }, "hover": { - "name": "--vkui--color_primary_pharma--hover", - "value": "var(--vkui--color_primary_pharma--hover, #26D5A6)", + "name": "--vkui--color_palette_red1--hover", + "value": "var(--vkui--color_palette_red1--hover, #F22B38)", }, "normal": { - "name": "--vkui--color_primary_pharma", - "value": "var(--vkui--color_primary_pharma, #1DD3A2)", + "name": "--vkui--color_palette_red1", + "value": "var(--vkui--color_palette_red1, #fc2c38)", }, }, - "colorPrimaryRealty": { + "colorPaletteRed2": { "active": { - "name": "--vkui--color_primary_realty--active", - "value": "var(--vkui--color_primary_realty--active, #1482FF)", + "name": "--vkui--color_palette_red2--active", + "value": "var(--vkui--color_palette_red2--active, #D8187C)", }, "hover": { - "name": "--vkui--color_primary_realty--hover", - "value": "var(--vkui--color_primary_realty--hover, #0A7CFF)", + "name": "--vkui--color_palette_red2--hover", + "value": "var(--vkui--color_palette_red2--hover, #E2197E)", }, "normal": { - "name": "--vkui--color_primary_realty", - "value": "var(--vkui--color_primary_realty, #0077FF)", + "name": "--vkui--color_palette_red2", + "value": "var(--vkui--color_palette_red2, #eb1981)", }, }, - "colorRating": { + "colorPaletteRed3": { "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #FFD714)", + "name": "--vkui--color_palette_red3--active", + "value": "var(--vkui--color_palette_red3--active, #EB69B1)", }, "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #FFD60A)", + "name": "--vkui--color_palette_red3--hover", + "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", }, "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "name": "--vkui--color_palette_red3", + "value": "var(--vkui--color_palette_red3, #ff71bb)", }, }, - "colorSearchFieldBackground": { + "colorPaletteViolet1": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #494A4B)", + "name": "--vkui--color_palette_violet1--active", + "value": "var(--vkui--color_palette_violet1--active, #6301EF)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #414243)", + "name": "--vkui--color_palette_violet1--hover", + "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #393A3B)", + "name": "--vkui--color_palette_violet1", + "value": "var(--vkui--color_palette_violet1, #6c00ff)", }, }, - "colorSecondaryBase": { + "colorPaletteViolet2": { "active": { - "name": "--vkui--color_secondary_base--active", - "value": "var(--vkui--color_secondary_base--active, #1482FF)", + "name": "--vkui--color_palette_violet2--active", + "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", }, "hover": { - "name": "--vkui--color_secondary_base--hover", - "value": "var(--vkui--color_secondary_base--hover, #0A7CFF)", + "name": "--vkui--color_palette_violet2--hover", + "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", }, "normal": { - "name": "--vkui--color_secondary_base", - "value": "var(--vkui--color_secondary_base, #0077FF)", + "name": "--vkui--color_palette_violet2", + "value": "var(--vkui--color_palette_violet2, #ae73ff)", }, }, - "colorSecondaryHealth": { + "colorPaletteYellow1": { "active": { - "name": "--vkui--color_secondary_health--active", - "value": "var(--vkui--color_secondary_health--active, #1482FF)", + "name": "--vkui--color_palette_yellow1--active", + "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", }, "hover": { - "name": "--vkui--color_secondary_health--hover", - "value": "var(--vkui--color_secondary_health--hover, #0A7CFF)", + "name": "--vkui--color_palette_yellow1--hover", + "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", }, "normal": { - "name": "--vkui--color_secondary_health", - "value": "var(--vkui--color_secondary_health, #0077FF)", + "name": "--vkui--color_palette_yellow1", + "value": "var(--vkui--color_palette_yellow1, #ffc311)", }, }, - "colorSecondaryMycom": { + "colorPanelHeaderIcon": { "active": { - "name": "--vkui--color_secondary_mycom--active", - "value": "var(--vkui--color_secondary_mycom--active, #FC3D48)", + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { - "name": "--vkui--color_secondary_mycom--hover", - "value": "var(--vkui--color_secondary_mycom--hover, #FC3440)", + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_secondary_mycom", - "value": "var(--vkui--color_secondary_mycom, #fc2c38)", + "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, #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)", }, }, "colorSocialBehance": { "active": { "name": "--vkui--color_social_behance--active", - "value": "var(--vkui--color_social_behance--active, #2A75FF)", + "value": "var(--vkui--color_social_behance--active, #1562EF)", }, "hover": { "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #206FFF)", + "value": "var(--vkui--color_social_behance--hover, #1665F7)", }, "normal": { "name": "--vkui--color_social_behance", @@ -137339,11 +143600,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorSocialDribbble": { "active": { "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", + "value": "var(--vkui--color_social_dribbble--active, #D74783)", }, "hover": { "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", }, "normal": { "name": "--vkui--color_social_dribbble", @@ -137353,11 +143614,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorSocialFb": { "active": { "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #2A82F3)", + "value": "var(--vkui--color_social_fb--active, #166FE4)", }, "hover": { "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #217CF3)", + "value": "var(--vkui--color_social_fb--hover, #1773EB)", }, "normal": { "name": "--vkui--color_social_fb", @@ -137367,11 +143628,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorSocialMir": { "active": { "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #2488DD)", + "value": "var(--vkui--color_social_mir--active, #1075CD)", }, "hover": { "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #1B83DB)", + "value": "var(--vkui--color_social_mir--hover, #107AD4)", }, "normal": { "name": "--vkui--color_social_mir", @@ -137381,11 +143642,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorSocialOk": { "active": { "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #EF8C1C)", + "value": "var(--vkui--color_social_ok--active, #DB790C)", }, "hover": { "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #EF8712)", + "value": "var(--vkui--color_social_ok--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_social_ok", @@ -137395,11 +143656,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorSocialTwitter": { "active": { "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", + "value": "var(--vkui--color_social_twitter--active, #1B95E4)", }, "hover": { "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", }, "normal": { "name": "--vkui--color_social_twitter", @@ -137409,11 +143670,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorSocialVk": { "active": { "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #4E93E2)", + "value": "var(--vkui--color_social_vk--active, #3A80D3)", }, "hover": { "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #478FE1)", + "value": "var(--vkui--color_social_vk--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_social_vk", @@ -137423,39 +143684,39 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "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", @@ -137465,25 +143726,25 @@ exports[`shapshots mediaDark 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, #DA300E)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ED330a)", }, }, "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", @@ -137493,123 +143754,263 @@ exports[`shapshots mediaDark 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": { + "colorTagBackgroundMint": { "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #2C8FFF)", + "name": "--vkui--color_tag_background_mint--active", + "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", }, "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "name": "--vkui--color_tag_background_mint--hover", + "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", }, "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "name": "--vkui--color_tag_background_mint", + "value": "var(--vkui--color_tag_background_mint, #B3F0DD)", }, }, - "colorTextAccentThemed": { + "colorTagBackgroundOrange": { "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", + "name": "--vkui--color_tag_background_orange--active", + "value": "var(--vkui--color_tag_background_orange--active, #EBC29F)", }, "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", + "name": "--vkui--color_tag_background_orange--hover", + "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", }, "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "name": "--vkui--color_tag_background_orange", + "value": "var(--vkui--color_tag_background_orange, #FFD2A8)", }, }, - "colorTextContrast": { + "colorTagBackgroundPink": { "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "name": "--vkui--color_tag_background_pink--active", + "value": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", }, "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "name": "--vkui--color_tag_background_pink--hover", + "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", }, "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "name": "--vkui--color_tag_background_pink", + "value": "var(--vkui--color_tag_background_pink, #FFB2DA)", }, }, - "colorTextContrastThemed": { + "colorTagBackgroundPurple": { "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", + "name": "--vkui--color_tag_background_purple--active", + "value": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", }, "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", + "name": "--vkui--color_tag_background_purple--hover", + "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", }, "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "name": "--vkui--color_tag_background_purple", + "value": "var(--vkui--color_tag_background_purple, #CEB3F0)", }, }, - "colorTextLink": { + "colorTagBackgroundSky": { "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2C8FFF)", + "name": "--vkui--color_tag_background_sky--active", + "value": "var(--vkui--color_tag_background_sky--active, #97CEEF)", }, "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "name": "--vkui--color_tag_background_sky--hover", + "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", }, "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "name": "--vkui--color_tag_background_sky", + "value": "var(--vkui--color_tag_background_sky, #A4DEFF)", }, }, - "colorTextLinkThemed": { + "colorTagTextMint": { "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", + "name": "--vkui--color_tag_text_mint--active", + "value": "var(--vkui--color_tag_text_mint--active, #1D5559)", }, "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", + "name": "--vkui--color_tag_text_mint--hover", + "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", }, "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "name": "--vkui--color_tag_text_mint", + "value": "var(--vkui--color_tag_text_mint, #205B5B)", }, }, - "colorTextLinkTint": { + "colorTagTextOrange": { "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", + "name": "--vkui--color_tag_text_orange--active", + "value": "var(--vkui--color_tag_text_orange--active, #543322)", }, "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", + "name": "--vkui--color_tag_text_orange--hover", + "value": "var(--vkui--color_tag_text_orange--hover, #573421)", }, "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", + "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, #4B1F59)", + }, + "hover": { + "name": "--vkui--color_tag_text_pink--hover", + "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + }, + "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, #341F59)", + }, + "hover": { + "name": "--vkui--color_tag_text_purple--hover", + "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + }, + "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, #1D3B59)", + }, + "hover": { + "name": "--vkui--color_tag_text_sky--hover", + "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + }, + "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, #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, #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", @@ -137619,39 +144020,39 @@ exports[`shapshots mediaDark 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", @@ -137661,39 +144062,39 @@ exports[`shapshots mediaDark 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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", @@ -137703,57 +144104,57 @@ exports[`shapshots mediaDark 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "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": { @@ -137773,137 +144174,137 @@ exports[`shapshots mediaDark 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", @@ -137913,11 +144314,11 @@ exports[`shapshots mediaDark 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", @@ -137927,62 +144328,62 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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", @@ -137998,7 +144399,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px 0px rgba(0, 0, 0, 0.40))", + "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", @@ -138026,7 +144427,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -138072,7 +144473,7 @@ exports[`shapshots mediaDark 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -138118,7 +144519,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -138164,7 +144565,7 @@ exports[`shapshots mediaDark 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -138210,7 +144611,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -138256,7 +144657,7 @@ exports[`shapshots mediaDark 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -138452,19 +144853,15 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "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)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -138488,7 +144885,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -138534,7 +144931,7 @@ exports[`shapshots mediaDark 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -138626,17 +145023,9 @@ 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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, "fontSize": { "name": "--vkui--font_h1--font_size--compact", - "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)", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", }, "lineHeight": { "name": "--vkui--font_h1--line_height--compact", @@ -138646,11 +145035,11 @@ 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, VKSansDisplay, MailSans, Inter, 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, 36px)", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", }, "fontWeight": { "name": "--vkui--font_h1--font_weight--regular", @@ -138658,7 +145047,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 48px)", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, }, @@ -138682,17 +145071,9 @@ 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, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", - }, "fontSize": { "name": "--vkui--font_h2--font_size--compact", - "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)", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", }, "lineHeight": { "name": "--vkui--font_h2--line_height--compact", @@ -138702,11 +145083,11 @@ 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, VKSansDisplay, MailSans, Inter, 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, 28px)", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", }, "fontWeight": { "name": "--vkui--font_h2--font_weight--regular", @@ -138714,83 +145095,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", - "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)", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, @@ -138826,7 +145131,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, VKSansDisplay, 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", @@ -138874,7 +145179,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, VKSansDisplay, 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", @@ -138922,7 +145227,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, VKSansDisplay, 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", @@ -138960,7 +145265,7 @@ exports[`shapshots mediaDark 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", @@ -139008,7 +145313,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, VKSansDisplay, 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", @@ -139056,7 +145361,7 @@ exports[`shapshots mediaDark 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", @@ -139094,7 +145399,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, VKSansDisplay, 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", @@ -139132,7 +145437,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, VKSansDisplay, 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", @@ -139170,7 +145475,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, VKSansDisplay, 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", @@ -139210,22 +145515,6 @@ exports[`shapshots mediaDark 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%)", @@ -139242,2631 +145531,3247 @@ exports[`shapshots mediaDark 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%)", }, - "gridAsideContent": { - "auto": { - "name": "--vkui--grid_aside_content", - "value": "var(--vkui--grid_aside_content)", + "octaviusColorActionArchive": { + "active": { + "name": "--vkui--octavius_color_action_archive--active", + "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", }, - "compact": { - "name": "--vkui--grid_aside_content--compact", - "value": "var(--vkui--grid_aside_content--compact, 300px)", + "hover": { + "name": "--vkui--octavius_color_action_archive--hover", + "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", }, - "compactX": { - "name": "--vkui--grid_aside_content--compact_x", - "value": "var(--vkui--grid_aside_content--compact_x, 300px)", + "normal": { + "name": "--vkui--octavius_color_action_archive", + "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, - "large": { - "name": "--vkui--grid_aside_content--large", - "value": "var(--vkui--grid_aside_content--large, 380px)", + }, + "octaviusColorBackground": { + "active": { + "name": "--vkui--octavius_color_background--active", + "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", }, - "regular": { - "name": "--vkui--grid_aside_content--regular", - "value": "var(--vkui--grid_aside_content--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_background--hover", + "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--octavius_color_background", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, - "gridColumnX2": { - "auto": { - "name": "--vkui--grid_column_x2", - "value": "var(--vkui--grid_column_x2)", + "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))", }, - "compact": { - "name": "--vkui--grid_column_x2--compact", - "value": "var(--vkui--grid_column_x2--compact, 430px)", + "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))", }, - "compactX": { - "name": "--vkui--grid_column_x2--compact_x", - "value": "var(--vkui--grid_column_x2--compact_x, 280px)", + "normal": { + "name": "--vkui--octavius_color_background_accent_tint_alpha", + "value": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", }, - "large": { - "name": "--vkui--grid_column_x2--large", - "value": "var(--vkui--grid_column_x2--large, 580px)", + }, + "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--grid_column_x2--regular", - "value": "var(--vkui--grid_column_x2--regular, 100%)", + "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))", }, }, - "gridColumnX3": { - "auto": { - "name": "--vkui--grid_column_x3", - "value": "var(--vkui--grid_column_x3)", + "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.2))", }, - "compact": { - "name": "--vkui--grid_column_x3--compact", - "value": "var(--vkui--grid_column_x3--compact, 280px)", + "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.16))", }, - "compactX": { - "name": "--vkui--grid_column_x3--compact_x", - "value": "var(--vkui--grid_column_x3--compact_x, 180px)", + "normal": { + "name": "--vkui--octavius_color_background_negative_tint_alpha", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, - "large": { - "name": "--vkui--grid_column_x3--large", - "value": "var(--vkui--grid_column_x3--large, 380px)", + }, + "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.18))", }, - "regular": { - "name": "--vkui--grid_column_x3--regular", - "value": "var(--vkui--grid_column_x3--regular, 100%)", + "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.14))", + }, + "normal": { + "name": "--vkui--octavius_color_background_positive_tint_alpha", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, - "gridColumnX4": { - "auto": { - "name": "--vkui--grid_column_x4", - "value": "var(--vkui--grid_column_x4)", + "octaviusColorButtonBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_button_background_alpha--active", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", }, - "compact": { - "name": "--vkui--grid_column_x4--compact", - "value": "var(--vkui--grid_column_x4--compact, 205px)", + "hover": { + "name": "--vkui--octavius_color_button_background_alpha--hover", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, - "compactX": { - "name": "--vkui--grid_column_x4--compact_x", - "value": "var(--vkui--grid_column_x4--compact_x, 130px)", + "normal": { + "name": "--vkui--octavius_color_button_background_alpha", + "value": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, - "large": { - "name": "--vkui--grid_column_x4--large", - "value": "var(--vkui--grid_column_x4--large, 280px)", + }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": { + "name": "--vkui--octavius_color_button_background_contrast_alpha--active", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", }, - "regular": { - "name": "--vkui--grid_column_x4--regular", - "value": "var(--vkui--grid_column_x4--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + }, + "normal": { + "name": "--vkui--octavius_color_button_background_contrast_alpha", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, }, - "gridColumnX6": { - "auto": { - "name": "--vkui--grid_column_x6", - "value": "var(--vkui--grid_column_x6)", + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", }, - "compact": { - "name": "--vkui--grid_column_x6--compact", - "value": "var(--vkui--grid_column_x6--compact, 130px)", + "hover": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", }, - "compactX": { - "name": "--vkui--grid_column_x6--compact_x", - "value": "var(--vkui--grid_column_x6--compact_x, 80px)", + "normal": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, - "large": { - "name": "--vkui--grid_column_x6--large", - "value": "var(--vkui--grid_column_x6--large, 180px)", + }, + "octaviusColorButtonEmptyStateText": { + "active": { + "name": "--vkui--octavius_color_button_empty_state_text--active", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", }, - "regular": { - "name": "--vkui--grid_column_x6--regular", - "value": "var(--vkui--grid_column_x6--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_button_empty_state_text--hover", + "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_button_empty_state_text", + "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, }, - "gridMainContent": { - "auto": { - "name": "--vkui--grid_main_content", - "value": "var(--vkui--grid_main_content)", + "octaviusColorButtonIcon": { + "active": { + "name": "--vkui--octavius_color_button_icon--active", + "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", }, - "compact": { - "name": "--vkui--grid_main_content--compact", - "value": "var(--vkui--grid_main_content--compact, 620px)", + "hover": { + "name": "--vkui--octavius_color_button_icon--hover", + "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", }, - "compactX": { - "name": "--vkui--grid_main_content--compact_x", - "value": "var(--vkui--grid_main_content--compact_x, 620px)", + "normal": { + "name": "--vkui--octavius_color_button_icon", + "value": "var(--vkui--octavius_color_button_icon, #333333)", }, - "large": { - "name": "--vkui--grid_main_content--large", - "value": "var(--vkui--grid_main_content--large, 780px)", + }, + "octaviusColorButtonText": { + "active": { + "name": "--vkui--octavius_color_button_text--active", + "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", }, - "regular": { - "name": "--vkui--grid_main_content--regular", - "value": "var(--vkui--grid_main_content--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_button_text--hover", + "value": "var(--vkui--octavius_color_button_text--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_button_text", + "value": "var(--vkui--octavius_color_button_text, #333333)", }, }, - "gridMainContentWide": { - "auto": { - "name": "--vkui--grid_main_content_wide", - "value": "var(--vkui--grid_main_content_wide)", + "octaviusColorContentScrollbarAlpha": { + "active": { + "name": "--vkui--octavius_color_content_scrollbar_alpha--active", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, - "compact": { - "name": "--vkui--grid_main_content_wide--compact", - "value": "var(--vkui--grid_main_content_wide--compact, 620px)", + "hover": { + "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, - "compactX": { - "name": "--vkui--grid_main_content_wide--compact_x", - "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", + "normal": { + "name": "--vkui--octavius_color_content_scrollbar_alpha", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, - "large": { - "name": "--vkui--grid_main_content_wide--large", - "value": "var(--vkui--grid_main_content_wide--large, 860px)", + }, + "octaviusColorDatasetBackground": { + "active": { + "name": "--vkui--octavius_color_dataset_background--active", + "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--grid_main_content_wide--regular", - "value": "var(--vkui--grid_main_content_wide--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_dataset_background--hover", + "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_dataset_background", + "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, }, - "gridWrapperContent": { - "auto": { - "name": "--vkui--grid_wrapper_content", - "value": "var(--vkui--grid_wrapper_content)", + "octaviusColorEmptyStateText": { + "active": { + "name": "--vkui--octavius_color_empty_state_text--active", + "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", }, - "compact": { - "name": "--vkui--grid_wrapper_content--compact", - "value": "var(--vkui--grid_wrapper_content--compact, 940px)", + "hover": { + "name": "--vkui--octavius_color_empty_state_text--hover", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", }, - "compactX": { - "name": "--vkui--grid_wrapper_content--compact_x", - "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", + "normal": { + "name": "--vkui--octavius_color_empty_state_text", + "value": "var(--vkui--octavius_color_empty_state_text, #333333)", }, - "large": { - "name": "--vkui--grid_wrapper_content--large", - "value": "var(--vkui--grid_wrapper_content--large, 1260px)", + }, + "octaviusColorEmptyStateTextLink": { + "active": { + "name": "--vkui--octavius_color_empty_state_text_link--active", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", }, - "regular": { - "name": "--vkui--grid_wrapper_content--regular", - "value": "var(--vkui--grid_wrapper_content--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_empty_state_text_link--hover", + "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + }, + "normal": { + "name": "--vkui--octavius_color_empty_state_text_link", + "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, }, - "mediaFontMediaCaption": { - "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)", - }, + "octaviusColorHeaderBackground": { + "active": { + "name": "--vkui--octavius_color_header_background--active", + "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_background--hover", + "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_background", + "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", }, }, - "mediaFontMediaCaptionCaps": { - "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)", - }, + "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.4))", }, - "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)", - }, + "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.64))", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_button_background_alpha", + "value": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, }, - "mediaFontMediaLead": { - "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)", - }, + "octaviusColorHeaderButtonText": { + "active": { + "name": "--vkui--octavius_color_header_button_text--active", + "value": "var(--vkui--octavius_color_header_button_text--active, #282B2F)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_button_text--hover", + "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", }, - "regular": { - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_button_text", + "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", }, }, - "mediaFontMediaParagraph": { - "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)", - }, + "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))", }, - "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)", - }, + "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))", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_filter_text_alpha", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, - "mediaFontMediaParagraphNumbering": { - "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)", - }, + "octaviusColorHeaderIcon": { + "active": { + "name": "--vkui--octavius_color_header_icon--active", + "value": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_icon--hover", + "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_icon", + "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, }, - "mediaFontMediaParagraphSecondary": { - "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)", - }, + "octaviusColorHeaderIconAttach": { + "active": { + "name": "--vkui--octavius_color_header_icon_attach--active", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_icon_attach--hover", + "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, #D9DADD)", }, }, - "mediaFontMediaQuote": { - "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)", - }, + "octaviusColorHeaderIconFavorite": { + "active": { + "name": "--vkui--octavius_color_header_icon_favorite--active", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_icon_favorite--hover", + "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", }, - "regular": { - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_icon_favorite", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, }, - "mediaFontMediaQuotePerson": { - "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)", - }, + "octaviusColorHeaderIconUnread": { + "active": { + "name": "--vkui--octavius_color_header_icon_unread--active", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_icon_unread--hover", + "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", }, - "regular": { - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_icon_unread", + "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, }, - "mediaFontMediaSubtitleLight": { - "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)", - }, + "octaviusColorHeaderProgress": { + "active": { + "name": "--vkui--octavius_color_header_progress--active", + "value": "var(--vkui--octavius_color_header_progress--active, #006FEF)", }, - "regular": { - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_progress--hover", + "value": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--octavius_color_header_progress", + "value": "var(--vkui--octavius_color_header_progress, #0077FF)", }, }, - "mediaFontMediaTextSecondaryLight": { - "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)", - }, + "octaviusColorHeaderSearchBackground": { + "active": { + "name": "--vkui--octavius_color_header_search_background--active", + "value": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", }, - "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, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_background--hover", + "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, #f0f1f3)", }, }, - "mediaFontMediaTitle1": { - "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)", - }, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": { + "name": "--vkui--octavius_color_header_search_background_collapsed--active", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_background_collapsed--hover", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_background_collapsed", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", }, }, - "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)", - }, + "octaviusColorHeaderSearchChipBackground": { + "active": { + "name": "--vkui--octavius_color_header_search_chip_background--active", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_chip_background--hover", + "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_background", + "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, }, - "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)", - }, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": { + "name": "--vkui--octavius_color_header_search_chip_background_editable--active", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_background_editable", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, }, - "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)", - }, + "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(0, 16, 61, 0.2))", }, - "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)", - }, + "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(0, 16, 61, 0.16))", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, }, - "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)", - }, + "octaviusColorHeaderSearchIcon": { + "active": { + "name": "--vkui--octavius_color_header_search_icon--active", + "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_icon--hover", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_icon", + "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, }, - "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)", - }, + "octaviusColorHeaderSearchText": { + "active": { + "name": "--vkui--octavius_color_header_search_text--active", + "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_text--hover", + "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_text", + "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, }, - "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)", - }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": { + "name": "--vkui--octavius_color_header_search_text_collapsed--active", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_text_collapsed--hover", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_text_collapsed", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, - "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)", - }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, }, - "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)", + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "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, #0077ff)", }, }, - "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "octaviusColorHeaderTextSecondary": { + "active": { + "name": "--vkui--octavius_color_header_text_secondary--active", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_header_text_secondary--hover", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + }, + "normal": { + "name": "--vkui--octavius_color_header_text_secondary", + "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "octaviusColorIconEvent": { + "active": { + "name": "--vkui--octavius_color_icon_event--active", + "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_event--hover", + "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_event", + "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "octaviusColorIconEventAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_event_alpha--active", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "hover": { + "name": "--vkui--octavius_color_icon_event_alpha--hover", + "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_event_alpha", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "octaviusColorIconFavorite": { + "active": { + "name": "--vkui--octavius_color_icon_favorite--active", + "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_favorite--hover", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_favorite", + "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "octaviusColorIconFees": { + "active": { + "name": "--vkui--octavius_color_icon_fees--active", + "value": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_icon_fees--hover", + "value": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_fees", + "value": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "octaviusColorIconFinance": { + "active": { + "name": "--vkui--octavius_color_icon_finance--active", + "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "hover": { + "name": "--vkui--octavius_color_icon_finance--hover", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_finance", + "value": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "octaviusColorIconGames": { + "active": { + "name": "--vkui--octavius_color_icon_games--active", + "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "hover": { + "name": "--vkui--octavius_color_icon_games--hover", + "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_games", + "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "octaviusColorIconMailings": { + "active": { + "name": "--vkui--octavius_color_icon_mailings--active", + "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "hover": { + "name": "--vkui--octavius_color_icon_mailings--hover", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_mailings", + "value": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "octaviusColorIconNews": { + "active": { + "name": "--vkui--octavius_color_icon_news--active", + "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "hover": { + "name": "--vkui--octavius_color_icon_news--hover", + "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_news", + "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, }, - "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "octaviusColorIconOfficial": { + "active": { + "name": "--vkui--octavius_color_icon_official--active", + "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", }, - "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_icon_official--hover", + "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_official", + "value": "var(--vkui--octavius_color_icon_official, #EC4750)", }, }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "octaviusColorIconOrder": { + "active": { + "name": "--vkui--octavius_color_icon_order--active", + "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "hover": { + "name": "--vkui--octavius_color_icon_order--hover", + "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_order", + "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, }, - "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "octaviusColorIconOrderAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_order_alpha--active", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_icon_order_alpha--hover", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_order_alpha", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, }, - "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "octaviusColorIconReceipts": { + "active": { + "name": "--vkui--octavius_color_icon_receipts--active", + "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_receipts--hover", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_receipts", + "value": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, }, - "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "octaviusColorIconRegistration": { + "active": { + "name": "--vkui--octavius_color_icon_registration--active", + "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "hover": { + "name": "--vkui--octavius_color_icon_registration--hover", + "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_registration", + "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "octaviusColorIconSchool": { + "active": { + "name": "--vkui--octavius_color_icon_school--active", + "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_school--hover", + "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_school", + "value": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "octaviusColorIconSocial": { + "active": { + "name": "--vkui--octavius_color_icon_social--active", + "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_social--hover", + "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_social", + "value": "var(--vkui--octavius_color_icon_social, #7288FF)", }, }, - "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "octaviusColorIconToMyself": { + "active": { + "name": "--vkui--octavius_color_icon_to_myself--active", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", }, - "compactX": { - "name": "--vkui--size_base_padding--compact_x", - "value": "var(--vkui--size_base_padding--compact_x, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_to_myself--hover", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 20px)", + "normal": { + "name": "--vkui--octavius_color_icon_to_myself", + "value": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "octaviusColorIconTravel": { + "active": { + "name": "--vkui--octavius_color_icon_travel--active", + "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", }, - "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_travel--hover", + "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_travel", + "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, }, - "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)", + "octaviusColorIconTravelAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_travel_alpha--active", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", }, - }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "hover": { + "name": "--vkui--octavius_color_icon_travel_alpha--hover", + "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "normal": { + "name": "--vkui--octavius_color_icon_travel_alpha", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "octaviusColorIconUnread": { + "active": { + "name": "--vkui--octavius_color_icon_unread--active", + "value": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "hover": { + "name": "--vkui--octavius_color_icon_unread--hover", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_unread", + "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "octaviusColorLayoutBorderAlpha": { + "active": { + "name": "--vkui--octavius_color_layout_border_alpha--active", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "hover": { + "name": "--vkui--octavius_color_layout_border_alpha--hover", + "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_layout_border_alpha", + "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_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, 16, 61, 0.2))", }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_layout_letter_border_alpha", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "octaviusColorLetterAttachListBackground": { + "name": "--vkui--octavius_color_letter_attach_list_background", + "value": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", + }, + "octaviusColorLetterContactBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_letter_contact_background_alpha--active", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + }, + "normal": { + "name": "--vkui--octavius_color_letter_contact_background_alpha", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", }, }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "octaviusColorLetterListTextUnread": { + "active": { + "name": "--vkui--octavius_color_letter_list_text_unread--active", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_letter_list_text_unread--hover", + "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_list_text_unread", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": { + "name": "--vkui--octavius_color_letter_preview_background_primary--active", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", }, - "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "hover": { + "name": "--vkui--octavius_color_letter_preview_background_primary--hover", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_preview_background_primary", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, }, - "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": { + "name": "--vkui--octavius_color_letter_preview_background_secondary--active", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_preview_background_secondary", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "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_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", + "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))", }, }, - "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + }, + "normal": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "octaviusColorListIconPrimary": { + "active": { + "name": "--vkui--octavius_color_list_icon_primary--active", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "hover": { + "name": "--vkui--octavius_color_list_icon_primary--hover", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_list_icon_primary", + "value": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "octaviusColorListLetterAdvBackground": { + "active": { + "name": "--vkui--octavius_color_list_letter_adv_background--active", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_list_letter_adv_background--hover", + "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_adv_background", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "octaviusColorListLetterBackground": { + "active": { + "name": "--vkui--octavius_color_list_letter_background--active", + "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", }, - "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_list_letter_background--hover", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_background", + "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "octaviusColorListLetterSeparatorAlpha": { + "active": { + "name": "--vkui--octavius_color_list_letter_separator_alpha--active", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", }, - "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_list_letter_separator_alpha--hover", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_separator_alpha", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "octaviusColorListTextPrimary": { + "active": { + "name": "--vkui--octavius_color_list_text_primary--active", + "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", }, - "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_list_text_primary--hover", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_list_text_primary", + "value": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "octaviusColorListTextUnread": { + "active": { + "name": "--vkui--octavius_color_list_text_unread--active", + "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", }, - "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_list_text_unread--hover", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_list_text_unread", + "value": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "octaviusColorNotificationBorder": { + "active": { + "name": "--vkui--octavius_color_notification_border--active", + "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", }, - "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_notification_border--hover", + "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_notification_border", + "value": "var(--vkui--octavius_color_notification_border, #ffffff)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "octaviusColorOverlayBackground": { + "active": { + "name": "--vkui--octavius_color_overlay_background--active", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", }, - "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_overlay_background--hover", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_overlay_background", + "value": "var(--vkui--octavius_color_overlay_background, transparent)", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "octaviusColorPlaceholderBackground": { + "active": { + "name": "--vkui--octavius_color_placeholder_background--active", + "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_placeholder_background--hover", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_placeholder_background", + "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "octaviusColorPortalMenuBackground": { + "active": { + "name": "--vkui--octavius_color_portal_menu_background--active", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_portal_menu_background--hover", + "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_portal_menu_background", + "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "octaviusColorPromoBackground": { + "active": { + "name": "--vkui--octavius_color_promo_background--active", + "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "hover": { + "name": "--vkui--octavius_color_promo_background--hover", + "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "normal": { + "name": "--vkui--octavius_color_promo_background", + "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "octaviusColorSidebarButtonBackground": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_background--active", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_background--hover", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_button_background", + "value": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "octaviusColorSidebarButtonIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_icon--active", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_button_icon", + "value": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", }, }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "octaviusColorSidebarButtonText": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_text--active", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_text--hover", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_button_text", + "value": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "octaviusColorSidebarComposeButtonBackground": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_background--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_background", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", }, }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "octaviusColorSidebarComposeButtonIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", }, }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", + "octaviusColorSidebarComposeButtonText": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_text--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_text", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", }, }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_counter_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "octaviusColorSidebarCounterText": { + "active": { + "name": "--vkui--octavius_color_sidebar_counter_text--active", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_counter_text--hover", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_counter_text", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "octaviusColorSidebarIconEvent": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_event--active", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", }, - "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_sidebar_icon_event--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_event", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "octaviusColorSidebarIconFavorite": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_favorite--active", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", }, - "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_sidebar_icon_favorite--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_favorite", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "octaviusColorSidebarIconFees": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_fees--active", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", }, - "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_sidebar_icon_fees--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_fees", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "octaviusColorSidebarIconFinance": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_finance--active", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", }, - "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_sidebar_icon_finance--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_finance", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "octaviusColorSidebarIconOrder": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_order--active", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", }, - "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_sidebar_icon_order--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_order", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "octaviusColorSidebarIconRegistration": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_registration--active", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", }, - "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_sidebar_icon_registration--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_registration", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, }, - "sizeCardBorderRadius": { - "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "octaviusColorSidebarIconTravel": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_travel--active", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", }, - "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_travel--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_travel", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "octaviusColorSidebarIconUnread": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_unread--active", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_unread--hover", + "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, #0077FF)", }, }, - "sizeCardgridPaddingVertical": { - "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "octaviusColorSidebarItemBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", }, - "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", }, }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_button_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "octaviusColorSidebarItemIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, }, - "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", + "octaviusColorSidebarItemIconActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_active--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", }, - }, - "sizeControlButtonWidthMin": { - "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, - "compact": { - "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 130px)", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", }, - "compactX": { - "name": "--vkui--size_control_button_width_min--compact_x", - "value": "var(--vkui--size_control_button_width_min--compact_x, 130px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 94px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, }, - "sizeDivPadding": { - "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", + "octaviusColorSidebarItemIconSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", }, - "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, }, - "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", + "octaviusColorSidebarItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text", + "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, }, - "sizeDotClickable": { - "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", + "octaviusColorSidebarItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_active--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, }, - "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", + "octaviusColorSidebarItemTextPrimary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_primary", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "octaviusColorSidebarItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, }, - "sizeFieldHorizontalMargin": { - "auto": { - "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)", + "octaviusColorSidebarScrollbarAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, - "compactX": { - "name": "--vkui--size_field_horizontal_margin--compact_x", - "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "octaviusColorSidebarShortItemIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", }, }, - "sizeFieldSetMargin": { - "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", + "octaviusColorSidebarShortItemIconActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", }, }, - "sizeFieldVerticalMargin": { - "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", + "octaviusColorSidebarShortItemIconSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", }, }, - "sizeFieldWidthMin": { - "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", + "octaviusColorSidebarShortItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", }, - "compactX": { - "name": "--vkui--size_field_width_min--compact_x", - "value": "var(--vkui--size_field_width_min--compact_x, 288px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", }, - "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 380px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "octaviusColorSidebarShortItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", }, }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "octaviusColorSidebarShortItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + }, }, - "sizeHeaderIcon": { + "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, #2C2D31)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_background--hover", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + }, + "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, #006FEF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_accent--hover", + "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, #0077FF)", + }, + }, + "octaviusColorSnackbarIconNegative": { + "active": { + "name": "--vkui--octavius_color_snackbar_icon_negative--active", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_negative--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + }, + "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, #0CB465)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_positive--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + }, + "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, #90929A)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + }, + "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, #EB9305)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_warning--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + }, + "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, #187CEF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_text_accent--hover", + "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, #1A85FF)", + }, + }, + "octaviusColorSnackbarTextContrast": { + "active": { + "name": "--vkui--octavius_color_snackbar_text_contrast--active", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_text_contrast--hover", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + }, + "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))", + }, + }, + "octaviusColorTextFees": { + "active": { + "name": "--vkui--octavius_color_text_fees--active", + "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + }, + "hover": { + "name": "--vkui--octavius_color_text_fees--hover", + "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + }, + "normal": { + "name": "--vkui--octavius_color_text_fees", + "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + }, + }, + "octaviusColorTextFinance": { + "active": { + "name": "--vkui--octavius_color_text_finance--active", + "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", + }, + "hover": { + "name": "--vkui--octavius_color_text_finance--hover", + "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + }, + "normal": { + "name": "--vkui--octavius_color_text_finance", + "value": "var(--vkui--octavius_color_text_finance, #27B275)", + }, + }, + "octaviusColorTextGames": { + "active": { + "name": "--vkui--octavius_color_text_games--active", + "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", + }, + "hover": { + "name": "--vkui--octavius_color_text_games--hover", + "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + }, + "normal": { + "name": "--vkui--octavius_color_text_games", + "value": "var(--vkui--octavius_color_text_games, #EBAF00)", + }, + }, + "octaviusColorTextMailings": { + "active": { + "name": "--vkui--octavius_color_text_mailings--active", + "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + }, + "hover": { + "name": "--vkui--octavius_color_text_mailings--hover", + "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + }, + "normal": { + "name": "--vkui--octavius_color_text_mailings", + "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + }, + }, + "octaviusColorTextNews": { + "active": { + "name": "--vkui--octavius_color_text_news--active", + "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", + }, + "hover": { + "name": "--vkui--octavius_color_text_news--hover", + "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + }, + "normal": { + "name": "--vkui--octavius_color_text_news", + "value": "var(--vkui--octavius_color_text_news, #08ABD9)", + }, + }, + "octaviusColorTextSchool": { + "active": { + "name": "--vkui--octavius_color_text_school--active", + "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", + }, + "hover": { + "name": "--vkui--octavius_color_text_school--hover", + "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + }, + "normal": { + "name": "--vkui--octavius_color_text_school", + "value": "var(--vkui--octavius_color_text_school, #C97EEC)", + }, + }, + "octaviusColorTextSocial": { + "active": { + "name": "--vkui--octavius_color_text_social--active", + "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + }, + "hover": { + "name": "--vkui--octavius_color_text_social--hover", + "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + }, + "normal": { + "name": "--vkui--octavius_color_text_social", + "value": "var(--vkui--octavius_color_text_social, #556AD9)", + }, + }, + "octaviusColorTextToMyself": { + "active": { + "name": "--vkui--octavius_color_text_to_myself--active", + "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + }, + "hover": { + "name": "--vkui--octavius_color_text_to_myself--hover", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + }, + "normal": { + "name": "--vkui--octavius_color_text_to_myself", + "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + }, + }, + "octaviusColorThreadFooterBackground": { + "active": { + "name": "--vkui--octavius_color_thread_footer_background--active", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + }, + "hover": { + "name": "--vkui--octavius_color_thread_footer_background--hover", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + }, + "normal": { + "name": "--vkui--octavius_color_thread_footer_background", + "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + }, + }, + "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_header_icon", - "value": "var(--vkui--size_header_icon)", + "name": "--vkui--octavius_size_headline_height", + "value": "var(--vkui--octavius_size_headline_height)", }, "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "name": "--vkui--octavius_size_headline_height--regular", + "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", }, }, - "sizeIconMargin": { + "octaviusSizeLayoutWidthMax": { "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", + "name": "--vkui--octavius_size_layout_width_max", + "value": "var(--vkui--octavius_size_layout_width_max)", }, "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 8px)", + "name": "--vkui--octavius_size_layout_width_max--regular", + "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", }, }, - "sizeIconMorePadding": { + "octaviusSizeLayoutWidthMin": { "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", + "name": "--vkui--octavius_size_layout_width_min", + "value": "var(--vkui--octavius_size_layout_width_min)", }, "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "name": "--vkui--octavius_size_layout_width_min--regular", + "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", }, }, - "sizeIconUI": { + "octaviusSizeSidebarPaddingTop": { "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "name": "--vkui--octavius_size_sidebar_padding_top", + "value": "var(--vkui--octavius_size_sidebar_padding_top)", }, - "compact": { - "name": "--vkui--size_icon_u_i--compact", - "value": "var(--vkui--size_icon_u_i--compact, 16px)", + "regular": { + "name": "--vkui--octavius_size_sidebar_padding_top--regular", + "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", }, - "compactX": { - "name": "--vkui--size_icon_u_i--compact_x", - "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", + }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "auto": { + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", }, "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 18px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", }, }, - "sizeIllustrationL": { + "octaviusSizeSidebarWidgetsHeightMin": { "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", }, "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", }, }, - "sizeIllustrationM": { + "octaviusTextDecorationEmptyStateTextLink": { + "active": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + }, + "hover": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + }, + "normal": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + }, + }, + "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_illustration_m", - "value": "var(--vkui--size_illustration_m)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeIllustrationS": { + "sizeArrowHeight": { "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "sizeIllustrationXM": { + "sizeArrowPadding": { "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "sizeIllustrationXXL": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeLabelHorizontalMargin": { + "sizeArrowWidth": { "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "sizeLabelVerticalMargin": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "sizeLabelWidth": { + "sizeAvatarL": { "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "sizeMenuMargin": { + "sizeAvatarM": { "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "sizeMenuPadding": { + "sizeAvatarS": { "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "sizeOptionHierarchy": { + "sizeAvatarXL": { "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "sizePanelHeaderHeight": { + "sizeAvatarXS": { "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "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_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "sizePopupBasePadding": { + "sizeBadgeM": { "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "compactX": { - "name": "--vkui--size_popup_base_padding--compact_x", - "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", + "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_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "sizePopupHeaderPadding": { + "sizeBadgeXL": { "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "compactX": { - "name": "--vkui--size_popup_header_padding--compact_x", - "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", + "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_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "sizePopupLarge": { + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "sizePopupMargin": { + "sizeBasePadding": { "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 8px)", + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", }, - "compactX": { - "name": "--vkui--size_popup_margin--compact_x", - "value": "var(--vkui--size_popup_margin--compact_x, 8px)", + "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_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 24px)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "sizePopupMedium": { + "sizeBasePaddingVertical": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "sizePopupSmall": { + "sizeBorder1x": { "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "sizeProgress": { + "sizeBorder2x": { "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "sizeProgressScroll": { + "sizeBorder3x": { "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "sizePromoButtonClose": { + "sizeBorderRadius": { "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "sizeSearchHeight": { + "sizeBorderRadiusPaper": { "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "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_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "sizeSelectIconPadding": { + "sizeBorderRadiusRounded": { "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "compactX": { - "name": "--vkui--size_select_icon_padding--compact_x", - "value": "var(--vkui--size_select_icon_padding--compact_x, 7px)", + }, + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "sizeSliceBottomPadding": { + "sizeBorderWidthAccentSecondary": { "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, - "sizeSliceTopPadding": { + "sizeBorderWidthBar": { "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "sizeSplitColPaddingHorizontal": { + "sizeBorderWidthTab": { "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "sizeSubnavigationBarGap": { + "sizeBulletMargin": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "sizeSubnavigationBarPaddingVertical": { + "sizeButtonBaseLargePaddingHorizontal": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "sizeSwitchHeight": { + "sizeButtonBaseLargePaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "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_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "sizeSwitchPin": { + "sizeButtonBaseMediumPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "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_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "sizeSwitchWidth": { + "sizeButtonBaseSmallPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "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_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "sizeTabMargin": { + "sizeButtonGroupGapSmall": { "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "compact": { - "name": "--vkui--size_tab_margin--compact", - "value": "var(--vkui--size_tab_margin--compact, 32px)", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, - "compactX": { - "name": "--vkui--size_tab_margin--compact_x", - "value": "var(--vkui--size_tab_margin--compact_x, 32px)", + }, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "sizeTabPadding": { + "sizeButtonIconPadding": { "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_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)", + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", }, "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, - "sizeTableHorizontalPadding": { + "sizeButtonLargeHeight": { "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", + "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_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "sizeTableVerticalPadding": { + "sizeButtonMediumHeight": { "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", + "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_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "sizeTagMargin": { + "sizeButtonMinimumWidth": { "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "sizeTagPadding": { + "sizeButtonMorePadding": { "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "sizeTipMargin": { + "sizeButtonPaddingHorizontal": { "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", + "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_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "sizeTooltipMargin": { + "sizeButtonSliderHeight": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "sizeVerticalPadding": { + "sizeButtonSliderWidth": { "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "sizeWysiwygIcon": { + "sizeButtonSliderWidthPointer": { "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 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)", + }, }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "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)", + }, }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "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)", + }, + }, + "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)", + }, + "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)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + }, + "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)", + }, + }, + "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", @@ -141898,11 +148803,11 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, mediaDark)", + "value": "var(--vkui--theme_name, octavius)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, media)", + "value": "var(--vkui--theme_name_base, octavius)", }, "themeType": "cssVars", "toneValueActive": { @@ -141937,45 +148842,21 @@ exports[`shapshots mediaDark 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", @@ -142044,7 +148925,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -142052,17 +148933,9 @@ exports[`shapshots mediaDark 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", @@ -142070,89 +148943,94 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAlert": { + "active": "#B2311E", + "hover": "#B9331C", + "normal": "#c1341b", }, "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)", @@ -142160,68 +149038,68 @@ exports[`shapshots mediaDark 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": "#1482FF", - "hover": "#0A7CFF", + "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -142230,569 +149108,639 @@ exports[`shapshots mediaDark 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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)", - }, - "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "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(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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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)", + }, + "colorBackgroundThumbnail": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", + }, + "colorBackgroundThumbnailAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteBlue1": { + "active": "#264CEF", + "hover": "#274EF7", + "normal": "#2951ff", }, - "colorPrimaryAuto": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "colorPrimaryBase": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteBlue2": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, - "colorPrimaryDeti": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteBlue3": { + "active": "#23CED2", + "hover": "#24D7D9", + "normal": "#26dfdf", }, - "colorPrimaryDobro": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "colorPaletteGreen1": { + "active": "#A0D016", + "hover": "#A7D915", + "normal": "#aee113", }, - "colorPrimaryHealth": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen1Alpha": { + "active": "rgba(92, 186, 56, 0.2)", + "hover": "rgba(92, 186, 56, 0.16)", + "normal": "rgba(92, 186, 56, 0.12)", }, - "colorPrimaryHealthNew": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen2": { + "active": "#52B552", + "hover": "#55BC53", + "normal": "#59c354", }, - "colorPrimaryHitech": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen2Alpha": { + "active": "rgba(0, 230, 180, 0.16)", + "hover": "rgba(0, 230, 180, 0.12)", + "normal": "rgba(0, 230, 180, 0.08)", }, - "colorPrimaryKino": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen3": { + "active": "#33D98D", + "hover": "#35E291", + "normal": "#37eb94", }, - "colorPrimaryLady": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen4": { + "active": "#00A4AA", + "hover": "#00ABAE", + "normal": "#00b1b3", }, - "colorPrimaryMycom": { - "active": "#14B2F3", - "hover": "#0AAEF3", - "normal": "#00abf2", + "colorPaletteOrange1": { + "active": "#EB812F", + "hover": "#F5862F", + "normal": "#ff8b2e", }, - "colorPrimaryPets": { - "active": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", + "colorPaletteOrange1Alpha": { + "active": "rgba(255, 158, 0, 0.2)", + "hover": "rgba(255, 158, 0, 0.16)", + "normal": "rgba(255, 158, 0, 0.12)", }, - "colorPrimaryPharma": { - "active": "#2FD7A9", - "hover": "#26D5A6", - "normal": "#1DD3A2", + "colorPaletteRed1": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, - "colorPrimaryRealty": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteRed2": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", }, - "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "colorPaletteRed3": { + "active": "#EB69B1", + "hover": "#F56DB6", + "normal": "#ff71bb", }, - "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "colorPaletteViolet1": { + "active": "#6301EF", + "hover": "#6801F7", + "normal": "#6c00ff", }, - "colorSecondaryBase": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteViolet2": { + "active": "#A06BEF", + "hover": "#A76FF7", + "normal": "#ae73ff", }, - "colorSecondaryHealth": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteYellow1": { + "active": "#EBB515", + "hover": "#F5BC13", + "normal": "#ffc311", }, - "colorSecondaryMycom": { - "active": "#FC3D48", - "hover": "#FC3440", - "normal": "#fc2c38", + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "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", }, "colorSocialBehance": { - "active": "#2A75FF", - "hover": "#206FFF", + "active": "#1562EF", + "hover": "#1665F7", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#EC5A92", - "hover": "#EB538E", + "active": "#D74783", + "hover": "#E14A86", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#2A82F3", - "hover": "#217CF3", + "active": "#166FE4", + "hover": "#1773EB", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#2488DD", - "hover": "#1B83DB", + "active": "#1075CD", + "hover": "#107AD4", "normal": "#117eda", }, "colorSocialOk": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#2FA9F3", - "hover": "#26A5F3", + "active": "#1B95E4", + "hover": "#1C9BEB", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, + "colorTagBackgroundMint": { + "active": "#A5DED0", + "hover": "#ACE7D7", + "normal": "#B3F0DD", + }, + "colorTagBackgroundOrange": { + "active": "#EBC29F", + "hover": "#F5CAA4", + "normal": "#FFD2A8", + }, + "colorTagBackgroundPink": { + "active": "#EBA5CD", + "hover": "#F5ACD4", + "normal": "#FFB2DA", + }, + "colorTagBackgroundPurple": { + "active": "#BEA6E2", + "hover": "#C6ACE9", + "normal": "#CEB3F0", + }, + "colorTagBackgroundSky": { + "active": "#97CEEF", + "hover": "#9DD6F7", + "normal": "#A4DEFF", + }, + "colorTagTextMint": { + "active": "#1D5559", + "hover": "#1F585A", + "normal": "#205B5B", + }, + "colorTagTextOrange": { + "active": "#543322", + "hover": "#573421", + "normal": "#5B3620", + }, + "colorTagTextPink": { + "active": "#4B1F59", + "hover": "#4E1F5A", + "normal": "#51205B", + }, + "colorTagTextPurple": { + "active": "#341F59", + "hover": "#361F5A", + "normal": "#38205B", + }, + "colorTagTextSky": { + "active": "#1D3B59", + "hover": "#1F3D5A", + "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -142800,89 +149748,89 @@ exports[`shapshots mediaDark 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", + "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": "0px 16px 48px 0px rgba(0, 0, 0, 0.40)", + "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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -142890,7 +149838,7 @@ exports[`shapshots mediaDark 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", @@ -142900,7 +149848,7 @@ exports[`shapshots mediaDark 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", @@ -142908,7 +149856,7 @@ exports[`shapshots mediaDark 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", @@ -142918,7 +149866,7 @@ exports[`shapshots mediaDark 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", @@ -142926,7 +149874,7 @@ exports[`shapshots mediaDark 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", @@ -142972,13 +149920,12 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "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", + "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", @@ -142986,7 +149933,7 @@ exports[`shapshots mediaDark 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", @@ -143008,55 +149955,35 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, + "fontSize": "32px", "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, 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": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "34px", + "lineHeight": "32px", }, - }, - "fontH3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, 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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -143068,7 +149995,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -143080,7 +150007,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -143088,7 +150015,7 @@ exports[`shapshots mediaDark 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", @@ -143100,7 +150027,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -143112,7 +150039,7 @@ exports[`shapshots mediaDark 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", @@ -143120,7 +150047,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -143128,7 +150055,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -143136,7 +150063,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -143148,326 +150075,692 @@ exports[`shapshots mediaDark 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%", - "gridAsideContent": { - "compact": "300px", - "compactX": "300px", - "large": "380px", - "regular": "100%", - }, - "gridColumnX2": { - "compact": "430px", - "compactX": "280px", - "large": "580px", - "regular": "100%", + "octaviusColorActionArchive": { + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, - "gridColumnX3": { - "compact": "280px", - "compactX": "180px", - "large": "380px", - "regular": "100%", + "octaviusColorBackground": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, - "gridColumnX4": { - "compact": "205px", - "compactX": "130px", - "large": "280px", - "regular": "100%", + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "gridColumnX6": { - "compact": "130px", - "compactX": "80px", - "large": "180px", - "regular": "100%", + "octaviusColorBackgroundAccentTonedAlpha": { + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, - "gridMainContent": { - "compact": "620px", - "compactX": "620px", - "large": "780px", - "regular": "100%", + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, - "gridMainContentWide": { - "compact": "620px", - "compactX": "620px", - "large": "860px", - "regular": "100%", + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, - "gridWrapperContent": { - "compact": "940px", - "compactX": "620px", - "large": "1260px", - "regular": "100%", + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "26px", - }, - "regular": { - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "22px", - }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": "15px", - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": "20px", - }, - "regular": { - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": "16px", - }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, - "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", - }, + "octaviusColorButtonEmptyStateText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "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", - }, + "octaviusColorButtonIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "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", - }, + "octaviusColorButtonText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "24px", - }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "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", - }, + "octaviusColorDatasetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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", - }, + "octaviusColorEmptyStateText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 400, - "lineHeight": "26px", - }, + "octaviusColorEmptyStateTextLink": { + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "octaviusColorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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", - }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "transparent", }, - "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", - }, + "octaviusColorHeaderButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "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", - }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, - "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", - }, + "octaviusColorHeaderIcon": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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", - }, + "octaviusColorHeaderIconAttach": { + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, - "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", - }, + "octaviusColorHeaderIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, - "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", - }, + "octaviusColorHeaderIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "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", - }, + "octaviusColorHeaderProgress": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "mediaSizeGap": "20px", - "mediaSizeGrid": "60px", + "octaviusColorHeaderSearchBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorHeaderSearchIcon": { + "active": "#A7ABB4", + "hover": "#AFB1B9", + "normal": "#b6b8be", + }, + "octaviusColorHeaderSearchText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "octaviusColorHeaderTextSecondary": { + "active": "#878B93", + "hover": "#8D9197", + "normal": "#93969b", + }, + "octaviusColorIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", + }, + "octaviusColorIconEventAlpha": { + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", + }, + "octaviusColorIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "octaviusColorIconFees": { + "active": "#EB5B5F", + "hover": "#F55F61", + "normal": "#FF6262", + }, + "octaviusColorIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2FC885", + }, + "octaviusColorIconGames": { + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", + }, + "octaviusColorIconMailings": { + "active": "#EB9846", + "hover": "#F59E47", + "normal": "#FFA447", + }, + "octaviusColorIconNews": { + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", + }, + "octaviusColorIconOfficial": { + "active": "#D9434E", + "hover": "#E3454F", + "normal": "#EC4750", + }, + "octaviusColorIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", + }, + "octaviusColorIconOrderAlpha": { + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", + }, + "octaviusColorIconReceipts": { + "active": "#6BB109", + "hover": "#6FB807", + "normal": "#74BF05", + }, + "octaviusColorIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "octaviusColorIconSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", + }, + "octaviusColorIconSocial": { + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", + }, + "octaviusColorIconToMyself": { + "active": "#1BB8C6", + "hover": "#1CC0CC", + "normal": "#1DC7D2", + }, + "octaviusColorIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", + }, + "octaviusColorIconTravelAlpha": { + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", + }, + "octaviusColorIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "octaviusColorLayoutBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", + "normal": "transparent", + }, + "octaviusColorLetterListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", + }, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "octaviusColorListBackgroundPositiveAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", + }, + "octaviusColorListIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorListLetterAdvBackground": { + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", + }, + "octaviusColorListLetterBackground": { + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", + }, + "octaviusColorListLetterSeparatorAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorListTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorNotificationBorder": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorOverlayBackground": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorPlaceholderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorPortalMenuBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, + "octaviusColorPromoBackground": { + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", + }, + "octaviusColorSidebarButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarComposeButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarComposeButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarCounterText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", + }, + "octaviusColorSidebarIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "octaviusColorSidebarIconFees": { + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", + }, + "octaviusColorSidebarIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", + }, + "octaviusColorSidebarIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", + }, + "octaviusColorSidebarIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "octaviusColorSidebarIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", + }, + "octaviusColorSidebarIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorSidebarItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "octaviusColorSidebarShortItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorSnackbarBackground": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "octaviusColorSnackbarIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "octaviusColorSnackbarIconNegative": { + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#FF5C5C", + }, + "octaviusColorSnackbarIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "#90929A", + "hover": "#96979E", + "normal": "#9C9DA2", + }, + "octaviusColorSnackbarIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "octaviusColorSnackbarTextAccent": { + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", + }, + "octaviusColorSnackbarTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSnackbarTransparent": { + "active": "rgba(255, 255, 255, 0.04)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorTextFees": { + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", + }, + "octaviusColorTextFinance": { + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", + }, + "octaviusColorTextGames": { + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", + }, + "octaviusColorTextMailings": { + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", + }, + "octaviusColorTextNews": { + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", + }, + "octaviusColorTextSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", + }, + "octaviusColorTextSocial": { + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", + }, + "octaviusColorTextToMyself": { + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", + }, + "octaviusColorThreadFooterBackground": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", + }, + "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", + }, + "octaviusSizeLayoutWidthMax": { + "regular": "2150px", + }, + "octaviusSizeLayoutWidthMin": { + "regular": "761px", + }, + "octaviusSizeSidebarPaddingTop": { + "regular": "12px", + }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "regular": "104px", + }, + "octaviusSizeSidebarWidgetsHeightMin": { + "regular": "64px", + }, + "octaviusTextDecorationEmptyStateTextLink": { + "active": "underline", + "hover": "underline", + "normal": "none", + }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, - "prefix": "vkui", "sizeArrow": { "regular": "8px", }, @@ -143521,8 +150814,8 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { - "compactX": "16px", - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeBasePaddingHorizontal": { "regular": "16px", @@ -143543,7 +150836,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -143555,7 +150848,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "4px", + "regular": "8px", }, "sizeBorderWidthBar": { "regular": "4px", @@ -143594,7 +150887,8 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeButtonLargeHeight": { "compact": "36px", @@ -143611,6 +150905,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { + "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -143663,9 +150958,8 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "130px", - "compactX": "130px", - "regular": "94px", + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { "regular": "4px", @@ -143684,8 +150978,6 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "44px", }, "sizeFieldHorizontalMargin": { - "compact": "16px", - "compactX": "16px", "regular": "20px", }, "sizeFieldHorizontalPadding": { @@ -143698,8 +150990,8 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { - "compactX": "288px", - "regular": "380px", + "compact": "380px", + "regular": "328px", }, "sizeFormItemPaddingVertical": { "regular": "12px", @@ -143709,15 +151001,15 @@ exports[`shapshots mediaDark 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", @@ -143757,20 +151049,19 @@ exports[`shapshots mediaDark 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", @@ -143792,9 +151083,8 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "7px", - "compactX": "7px", - "regular": "6px", + "compact": "6px", + "regular": "7px", }, "sizeSliceBottomPadding": { "regular": "60px", @@ -143824,13 +151114,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "34px", }, "sizeTabMargin": { - "compact": "32px", - "compactX": "32px", "regular": "8px", }, "sizeTabPadding": { - "compact": "0px", - "compactX": "0px", "regular": "16px", }, "sizeTableHorizontalPadding": { @@ -143867,8 +151153,8 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "mediaDark", - "themeNameBase": "media", + "themeName": "octavius", + "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -143878,16 +151164,10 @@ exports[`shapshots mediaDark 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", @@ -143907,7 +151187,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -143915,17 +151195,9 @@ exports[`shapshots mediaDark 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", @@ -143933,89 +151205,94 @@ exports[`shapshots mediaDark 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, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", "normal": "var(--vkui--color_accent_red, #ED330A)", }, "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, #1482FF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", - "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + "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)", + "hover": "var(--vkui--color_alert--hover, #B9331C)", + "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -144023,68 +151300,68 @@ exports[`shapshots mediaDark 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, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "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": { @@ -144093,569 +151370,639 @@ exports[`shapshots mediaDark 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, 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))", + "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, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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(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))", + "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))", + }, + "colorBackgroundThumbnail": { + "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", + }, + "colorBackgroundThumbnailAlpha": { + "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, "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, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "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, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330a)", }, "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, #1482FF)", - "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_panel_header_icon, #0077FF)", + "colorPaletteBlue1": { + "active": "var(--vkui--color_palette_blue1--active, #264CEF)", + "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "normal": "var(--vkui--color_palette_blue1, #2951ff)", }, - "colorPrimaryAuto": { - "active": "var(--vkui--color_primary_auto--active, #1482FF)", - "hover": "var(--vkui--color_primary_auto--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_auto, #0077FF)", + "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))", }, - "colorPrimaryBase": { - "active": "var(--vkui--color_primary_base--active, #1482FF)", - "hover": "var(--vkui--color_primary_base--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_base, #0077FF)", + "colorPaletteBlue2": { + "active": "var(--vkui--color_palette_blue2--active, #009FE4)", + "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "normal": "var(--vkui--color_palette_blue2, #00abf2)", }, - "colorPrimaryDeti": { - "active": "var(--vkui--color_primary_deti--active, #1482FF)", - "hover": "var(--vkui--color_primary_deti--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_deti, #0077FF)", + "colorPaletteBlue3": { + "active": "var(--vkui--color_palette_blue3--active, #23CED2)", + "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "normal": "var(--vkui--color_palette_blue3, #26dfdf)", }, - "colorPrimaryDobro": { - "active": "var(--vkui--color_primary_dobro--active, #FFD714)", - "hover": "var(--vkui--color_primary_dobro--hover, #FFD60A)", - "normal": "var(--vkui--color_primary_dobro, #ffd400)", + "colorPaletteGreen1": { + "active": "var(--vkui--color_palette_green1--active, #A0D016)", + "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", + "normal": "var(--vkui--color_palette_green1, #aee113)", }, - "colorPrimaryHealth": { - "active": "var(--vkui--color_primary_health--active, #1482FF)", - "hover": "var(--vkui--color_primary_health--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_health, #0077FF)", + "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))", }, - "colorPrimaryHealthNew": { - "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)", + "colorPaletteGreen2": { + "active": "var(--vkui--color_palette_green2--active, #52B552)", + "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", + "normal": "var(--vkui--color_palette_green2, #59c354)", }, - "colorPrimaryHitech": { - "active": "var(--vkui--color_primary_hitech--active, #1482FF)", - "hover": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_hitech, #0077FF)", + "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))", }, - "colorPrimaryKino": { - "active": "var(--vkui--color_primary_kino--active, #1482FF)", - "hover": "var(--vkui--color_primary_kino--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_kino, #0077FF)", + "colorPaletteGreen3": { + "active": "var(--vkui--color_palette_green3--active, #33D98D)", + "hover": "var(--vkui--color_palette_green3--hover, #35E291)", + "normal": "var(--vkui--color_palette_green3, #37eb94)", }, - "colorPrimaryLady": { - "active": "var(--vkui--color_primary_lady--active, #1482FF)", - "hover": "var(--vkui--color_primary_lady--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_lady, #0077FF)", + "colorPaletteGreen4": { + "active": "var(--vkui--color_palette_green4--active, #00A4AA)", + "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "normal": "var(--vkui--color_palette_green4, #00b1b3)", }, - "colorPrimaryMycom": { - "active": "var(--vkui--color_primary_mycom--active, #14B2F3)", - "hover": "var(--vkui--color_primary_mycom--hover, #0AAEF3)", - "normal": "var(--vkui--color_primary_mycom, #00abf2)", + "colorPaletteOrange1": { + "active": "var(--vkui--color_palette_orange1--active, #EB812F)", + "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", }, - "colorPrimaryPets": { - "active": "var(--vkui--color_primary_pets--active, #fc627e)", - "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - "normal": "var(--vkui--color_primary_pets, #fc738c)", + "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))", }, - "colorPrimaryPharma": { - "active": "var(--vkui--color_primary_pharma--active, #2FD7A9)", - "hover": "var(--vkui--color_primary_pharma--hover, #26D5A6)", - "normal": "var(--vkui--color_primary_pharma, #1DD3A2)", + "colorPaletteRed1": { + "active": "var(--vkui--color_palette_red1--active, #E82A38)", + "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", + "normal": "var(--vkui--color_palette_red1, #fc2c38)", }, - "colorPrimaryRealty": { - "active": "var(--vkui--color_primary_realty--active, #1482FF)", - "hover": "var(--vkui--color_primary_realty--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_realty, #0077FF)", + "colorPaletteRed2": { + "active": "var(--vkui--color_palette_red2--active, #D8187C)", + "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", + "normal": "var(--vkui--color_palette_red2, #eb1981)", }, - "colorRating": { - "active": "var(--vkui--color_rating--active, #FFD714)", - "hover": "var(--vkui--color_rating--hover, #FFD60A)", - "normal": "var(--vkui--color_rating, #ffd400)", + "colorPaletteRed3": { + "active": "var(--vkui--color_palette_red3--active, #EB69B1)", + "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "normal": "var(--vkui--color_palette_red3, #ff71bb)", }, - "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)", + "colorPaletteViolet1": { + "active": "var(--vkui--color_palette_violet1--active, #6301EF)", + "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "normal": "var(--vkui--color_palette_violet1, #6c00ff)", }, - "colorSecondaryBase": { - "active": "var(--vkui--color_secondary_base--active, #1482FF)", - "hover": "var(--vkui--color_secondary_base--hover, #0A7CFF)", - "normal": "var(--vkui--color_secondary_base, #0077FF)", + "colorPaletteViolet2": { + "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "normal": "var(--vkui--color_palette_violet2, #ae73ff)", }, - "colorSecondaryHealth": { - "active": "var(--vkui--color_secondary_health--active, #1482FF)", - "hover": "var(--vkui--color_secondary_health--hover, #0A7CFF)", - "normal": "var(--vkui--color_secondary_health, #0077FF)", + "colorPaletteYellow1": { + "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, - "colorSecondaryMycom": { - "active": "var(--vkui--color_secondary_mycom--active, #FC3D48)", - "hover": "var(--vkui--color_secondary_mycom--hover, #FC3440)", - "normal": "var(--vkui--color_secondary_mycom, #fc2c38)", + "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, #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)", }, "colorSocialBehance": { - "active": "var(--vkui--color_social_behance--active, #2A75FF)", - "hover": "var(--vkui--color_social_behance--hover, #206FFF)", + "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, #EC5A92)", - "hover": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "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, #2A82F3)", - "hover": "var(--vkui--color_social_fb--hover, #217CF3)", + "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, #2488DD)", - "hover": "var(--vkui--color_social_mir--hover, #1B83DB)", + "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, #EF8C1C)", - "hover": "var(--vkui--color_social_ok--hover, #EF8712)", + "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, #2FA9F3)", - "hover": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "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, #4E93E2)", - "hover": "var(--vkui--color_social_vk--hover, #478FE1)", + "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, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "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, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330a)", }, "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)", + }, + "colorTagBackgroundMint": { + "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + "normal": "var(--vkui--color_tag_background_mint, #B3F0DD)", + }, + "colorTagBackgroundOrange": { + "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + "normal": "var(--vkui--color_tag_background_orange, #FFD2A8)", + }, + "colorTagBackgroundPink": { + "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + "normal": "var(--vkui--color_tag_background_pink, #FFB2DA)", + }, + "colorTagBackgroundPurple": { + "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + "normal": "var(--vkui--color_tag_background_purple, #CEB3F0)", + }, + "colorTagBackgroundSky": { + "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + "normal": "var(--vkui--color_tag_background_sky, #A4DEFF)", + }, + "colorTagTextMint": { + "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + "normal": "var(--vkui--color_tag_text_mint, #205B5B)", + }, + "colorTagTextOrange": { + "active": "var(--vkui--color_tag_text_orange--active, #543322)", + "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", + "normal": "var(--vkui--color_tag_text_orange, #5B3620)", + }, + "colorTagTextPink": { + "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + "normal": "var(--vkui--color_tag_text_pink, #51205B)", + }, + "colorTagTextPurple": { + "active": "var(--vkui--color_tag_text_purple--active, #341F59)", + "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + "normal": "var(--vkui--color_tag_text_purple, #38205B)", + }, + "colorTagTextSky": { + "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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))", @@ -144663,89 +152010,89 @@ exports[`shapshots mediaDark 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, #1482FF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + "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)", + "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, 0px 16px 48px 0px rgba(0, 0, 0, 0.40))", + "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, 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)", @@ -144753,7 +152100,7 @@ exports[`shapshots mediaDark 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)", @@ -144763,7 +152110,7 @@ exports[`shapshots mediaDark 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)", @@ -144771,7 +152118,7 @@ exports[`shapshots mediaDark 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)", @@ -144781,7 +152128,7 @@ exports[`shapshots mediaDark 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)", @@ -144789,7 +152136,7 @@ exports[`shapshots mediaDark 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)", @@ -144835,13 +152182,12 @@ 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, 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)", + "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)", @@ -144849,7 +152195,7 @@ exports[`shapshots mediaDark 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)", @@ -144871,46 +152217,26 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontH1": { "compact": { - "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)", + "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, 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, 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)", + "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, 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, 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)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, "fontHeadline": { @@ -144919,7 +152245,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, VKSansDisplay, 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)", @@ -144931,7 +152257,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, VKSansDisplay, 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)", @@ -144943,7 +152269,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, VKSansDisplay, 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)", @@ -144951,7 +152277,7 @@ exports[`shapshots mediaDark 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)", @@ -144963,7 +152289,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, VKSansDisplay, 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)", @@ -144975,7 +152301,7 @@ exports[`shapshots mediaDark 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)", @@ -144983,7 +152309,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, 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)", @@ -144991,7 +152317,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, 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)", @@ -144999,7 +152325,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, 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)", @@ -145011,326 +152337,692 @@ exports[`shapshots mediaDark 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%)", - "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, 380px)", - "regular": "var(--vkui--grid_aside_content--regular, 100%)", + "octaviusColorActionArchive": { + "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, - "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%)", + "octaviusColorBackground": { + "active": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "normal": "var(--vkui--octavius_color_background, #F6F7F8)", }, - "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%)", + "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))", }, - "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%)", + "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))", }, - "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%)", + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, - "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%)", + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, - "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%)", + "octaviusColorButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, - "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%)", + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, - "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)", - }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, - "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)", - }, + "octaviusColorButtonEmptyStateText": { + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, - "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)", - }, + "octaviusColorButtonIcon": { + "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_icon, #333333)", }, - "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)", - }, + "octaviusColorButtonText": { + "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_text, #333333)", }, - "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)", - }, + "octaviusColorContentScrollbarAlpha": { + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, - "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)", - }, + "octaviusColorDatasetBackground": { + "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, - "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)", - }, + "octaviusColorEmptyStateText": { + "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", }, - "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)", - }, + "octaviusColorEmptyStateTextLink": { + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, - "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)", - }, + "octaviusColorHeaderBackground": { + "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)", }, - "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)", - }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "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)", }, - "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)", - }, + "octaviusColorHeaderButtonText": { + "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)", }, - "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)", - }, + "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))", }, - "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)", - }, + "octaviusColorHeaderIcon": { + "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)", }, - "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)", - }, + "octaviusColorHeaderIconAttach": { + "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)", }, - "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)", - }, + "octaviusColorHeaderIconFavorite": { + "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)", }, - "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)", - }, + "octaviusColorHeaderIconUnread": { + "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)", }, - "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)", - }, + "octaviusColorHeaderProgress": { + "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)", }, - "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)", - }, + "octaviusColorHeaderSearchBackground": { + "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)", }, - "mediaSizeGap": "var(--vkui--media_size_gap, 20px)", - "mediaSizeGrid": "var(--vkui--media_size_grid, 60px)", + "octaviusColorHeaderSearchBackgroundCollapsed": { + "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, 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)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorHeaderSearchIcon": { + "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + }, + "octaviusColorHeaderSearchText": { + "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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, #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)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + }, + "octaviusColorIconEvent": { + "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", + }, + "octaviusColorIconEventAlpha": { + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + }, + "octaviusColorIconFavorite": { + "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + }, + "octaviusColorIconFees": { + "active": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", + }, + "octaviusColorIconFinance": { + "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", + }, + "octaviusColorIconGames": { + "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + }, + "octaviusColorIconMailings": { + "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", + }, + "octaviusColorIconNews": { + "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", + }, + "octaviusColorIconOfficial": { + "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", + }, + "octaviusColorIconOrder": { + "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", + }, + "octaviusColorIconOrderAlpha": { + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + }, + "octaviusColorIconReceipts": { + "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", + }, + "octaviusColorIconRegistration": { + "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + }, + "octaviusColorIconSchool": { + "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", + }, + "octaviusColorIconSocial": { + "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", + }, + "octaviusColorIconToMyself": { + "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", + }, + "octaviusColorIconTravel": { + "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + }, + "octaviusColorIconTravelAlpha": { + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + }, + "octaviusColorIconUnread": { + "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))", + "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", + }, + "octaviusColorLetterListTextUnread": { + "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + }, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + }, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + }, + "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))", + }, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + }, + "octaviusColorListIconPrimary": { + "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", + }, + "octaviusColorListLetterAdvBackground": { + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + }, + "octaviusColorListLetterBackground": { + "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + }, + "octaviusColorListLetterSeparatorAlpha": { + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorListTextPrimary": { + "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", + }, + "octaviusColorListTextUnread": { + "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", + }, + "octaviusColorNotificationBorder": { + "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", + }, + "octaviusColorOverlayBackground": { + "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_overlay_background, transparent)", + }, + "octaviusColorPlaceholderBackground": { + "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + }, + "octaviusColorPortalMenuBackground": { + "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, + "octaviusColorPromoBackground": { + "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + }, + "octaviusColorSidebarButtonBackground": { + "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", + }, + "octaviusColorSidebarButtonIcon": { + "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", + }, + "octaviusColorSidebarButtonText": { + "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", + }, + "octaviusColorSidebarComposeButtonBackground": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", + }, + "octaviusColorSidebarComposeButtonText": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + }, + "octaviusColorSidebarCounterText": { + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + }, + "octaviusColorSidebarIconEvent": { + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + }, + "octaviusColorSidebarIconFavorite": { + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + }, + "octaviusColorSidebarIconFees": { + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + }, + "octaviusColorSidebarIconFinance": { + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + }, + "octaviusColorSidebarIconOrder": { + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + }, + "octaviusColorSidebarIconRegistration": { + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + }, + "octaviusColorSidebarIconTravel": { + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + }, + "octaviusColorSidebarIconUnread": { + "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))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + }, + "octaviusColorSidebarItemIcon": { + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + }, + "octaviusColorSidebarItemIconActive": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + }, + "octaviusColorSidebarItemText": { + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + }, + "octaviusColorSidebarItemTextActive": { + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + }, + "octaviusColorSidebarShortItemText": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + }, + "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, #2C2D31)", + "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", + }, + "octaviusColorSnackbarIconAccent": { + "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)", + "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + "normal": "var(--vkui--octavius_color_snackbar_icon_negative, #FF5C5C)", + }, + "octaviusColorSnackbarIconPositive": { + "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--octavius_color_snackbar_icon_positive, #0DC268)", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + "normal": "var(--vkui--octavius_color_snackbar_icon_secondary, #9C9DA2)", + }, + "octaviusColorSnackbarIconWarning": { + "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", + }, + "octaviusColorSnackbarTextAccent": { + "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)", + "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + "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))", + }, + "octaviusColorTextFees": { + "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + }, + "octaviusColorTextFinance": { + "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "normal": "var(--vkui--octavius_color_text_finance, #27B275)", + }, + "octaviusColorTextGames": { + "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", + }, + "octaviusColorTextMailings": { + "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + }, + "octaviusColorTextNews": { + "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + }, + "octaviusColorTextSchool": { + "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + }, + "octaviusColorTextSocial": { + "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + }, + "octaviusColorTextToMyself": { + "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + }, + "octaviusColorThreadFooterBackground": { + "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + }, + "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, underline)", + "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + }, + "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)", - "prefix": "var(--vkui--prefix, vkui)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -145384,8 +153076,8 @@ exports[`shapshots mediaDark 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)", @@ -145406,7 +153098,7 @@ exports[`shapshots mediaDark 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)", @@ -145418,7 +153110,7 @@ exports[`shapshots mediaDark 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)", @@ -145457,7 +153149,8 @@ exports[`shapshots mediaDark 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": { "compact": "var(--vkui--size_button_large_height--compact, 36px)", @@ -145474,6 +153167,7 @@ exports[`shapshots mediaDark 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": { @@ -145526,9 +153220,8 @@ exports[`shapshots mediaDark 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)", @@ -145547,8 +153240,6 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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": { @@ -145561,8 +153252,8 @@ exports[`shapshots mediaDark 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)", @@ -145572,15 +153263,15 @@ exports[`shapshots mediaDark 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)", @@ -145620,20 +153311,19 @@ exports[`shapshots mediaDark 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)", @@ -145655,9 +153345,8 @@ exports[`shapshots mediaDark 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)", @@ -145687,13 +153376,9 @@ exports[`shapshots mediaDark 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": { @@ -145730,8 +153415,8 @@ exports[`shapshots mediaDark 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, mediaDark)", - "themeNameBase": "var(--vkui--theme_name_base, media)", + "themeName": "var(--vkui--theme_name, octavius)", + "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)", @@ -145741,16 +153426,10 @@ exports[`shapshots mediaDark 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)", @@ -145770,7 +153449,7 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = } `; -exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octavius theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -145778,17 +153457,9 @@ exports[`shapshots mediaDark 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", @@ -145796,89 +153467,94 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorAlert": { + "active": "#B2311E", + "hover": "#B9331C", + "normal": "#c1341b", }, "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)", @@ -145886,68 +153562,68 @@ exports[`shapshots mediaDark 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": "#1482FF", - "hover": "#0A7CFF", + "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -145956,569 +153632,639 @@ exports[`shapshots mediaDark 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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)", + }, + "colorBackgroundThumbnail": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", + }, + "colorBackgroundThumbnailAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteBlue1": { + "active": "#264CEF", + "hover": "#274EF7", + "normal": "#2951ff", }, - "colorPrimaryAuto": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "colorPrimaryBase": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteBlue2": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, - "colorPrimaryDeti": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteBlue3": { + "active": "#23CED2", + "hover": "#24D7D9", + "normal": "#26dfdf", }, - "colorPrimaryDobro": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "colorPaletteGreen1": { + "active": "#A0D016", + "hover": "#A7D915", + "normal": "#aee113", }, - "colorPrimaryHealth": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen1Alpha": { + "active": "rgba(92, 186, 56, 0.2)", + "hover": "rgba(92, 186, 56, 0.16)", + "normal": "rgba(92, 186, 56, 0.12)", }, - "colorPrimaryHealthNew": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen2": { + "active": "#52B552", + "hover": "#55BC53", + "normal": "#59c354", }, - "colorPrimaryHitech": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen2Alpha": { + "active": "rgba(0, 230, 180, 0.16)", + "hover": "rgba(0, 230, 180, 0.12)", + "normal": "rgba(0, 230, 180, 0.08)", }, - "colorPrimaryKino": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen3": { + "active": "#33D98D", + "hover": "#35E291", + "normal": "#37eb94", }, - "colorPrimaryLady": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteGreen4": { + "active": "#00A4AA", + "hover": "#00ABAE", + "normal": "#00b1b3", }, - "colorPrimaryMycom": { - "active": "#14B2F3", - "hover": "#0AAEF3", - "normal": "#00abf2", + "colorPaletteOrange1": { + "active": "#EB812F", + "hover": "#F5862F", + "normal": "#ff8b2e", }, - "colorPrimaryPets": { - "active": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", + "colorPaletteOrange1Alpha": { + "active": "rgba(255, 158, 0, 0.2)", + "hover": "rgba(255, 158, 0, 0.16)", + "normal": "rgba(255, 158, 0, 0.12)", }, - "colorPrimaryPharma": { - "active": "#2FD7A9", - "hover": "#26D5A6", - "normal": "#1DD3A2", + "colorPaletteRed1": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, - "colorPrimaryRealty": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteRed2": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", }, - "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "colorPaletteRed3": { + "active": "#EB69B1", + "hover": "#F56DB6", + "normal": "#ff71bb", }, - "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "colorPaletteViolet1": { + "active": "#6301EF", + "hover": "#6801F7", + "normal": "#6c00ff", }, - "colorSecondaryBase": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteViolet2": { + "active": "#A06BEF", + "hover": "#A76FF7", + "normal": "#ae73ff", }, - "colorSecondaryHealth": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorPaletteYellow1": { + "active": "#EBB515", + "hover": "#F5BC13", + "normal": "#ffc311", }, - "colorSecondaryMycom": { - "active": "#FC3D48", - "hover": "#FC3440", - "normal": "#fc2c38", + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", + }, + "colorSearchFieldBackground": { + "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", }, "colorSocialBehance": { - "active": "#2A75FF", - "hover": "#206FFF", + "active": "#1562EF", + "hover": "#1665F7", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#EC5A92", - "hover": "#EB538E", + "active": "#D74783", + "hover": "#E14A86", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#2A82F3", - "hover": "#217CF3", + "active": "#166FE4", + "hover": "#1773EB", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#2488DD", - "hover": "#1B83DB", + "active": "#1075CD", + "hover": "#107AD4", "normal": "#117eda", }, "colorSocialOk": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#2FA9F3", - "hover": "#26A5F3", + "active": "#1B95E4", + "hover": "#1C9BEB", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, + "colorTagBackgroundMint": { + "active": "#A5DED0", + "hover": "#ACE7D7", + "normal": "#B3F0DD", + }, + "colorTagBackgroundOrange": { + "active": "#EBC29F", + "hover": "#F5CAA4", + "normal": "#FFD2A8", + }, + "colorTagBackgroundPink": { + "active": "#EBA5CD", + "hover": "#F5ACD4", + "normal": "#FFB2DA", + }, + "colorTagBackgroundPurple": { + "active": "#BEA6E2", + "hover": "#C6ACE9", + "normal": "#CEB3F0", + }, + "colorTagBackgroundSky": { + "active": "#97CEEF", + "hover": "#9DD6F7", + "normal": "#A4DEFF", + }, + "colorTagTextMint": { + "active": "#1D5559", + "hover": "#1F585A", + "normal": "#205B5B", + }, + "colorTagTextOrange": { + "active": "#543322", + "hover": "#573421", + "normal": "#5B3620", + }, + "colorTagTextPink": { + "active": "#4B1F59", + "hover": "#4E1F5A", + "normal": "#51205B", + }, + "colorTagTextPurple": { + "active": "#341F59", + "hover": "#361F5A", + "normal": "#38205B", + }, + "colorTagTextSky": { + "active": "#1D3B59", + "hover": "#1F3D5A", + "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -146526,89 +154272,89 @@ exports[`shapshots mediaDark 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", + "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": "0px 16px 48px 0px rgba(0, 0, 0, 0.40)", + "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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -146616,7 +154362,7 @@ exports[`shapshots mediaDark 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", @@ -146626,7 +154372,7 @@ exports[`shapshots mediaDark 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, @@ -146634,7 +154380,7 @@ exports[`shapshots mediaDark 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", @@ -146644,7 +154390,7 @@ exports[`shapshots mediaDark 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, @@ -146652,7 +154398,7 @@ exports[`shapshots mediaDark 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", @@ -146698,13 +154444,12 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "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", + "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, @@ -146712,7 +154457,7 @@ exports[`shapshots mediaDark 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", @@ -146734,55 +154479,35 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, + "fontSize": 32, "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, 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": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 32, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, - "fontWeight": 500, - "lineHeight": 34, + "lineHeight": 32, }, - }, - "fontH3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, 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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -146794,7 +154519,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -146806,7 +154531,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -146814,7 +154539,7 @@ exports[`shapshots mediaDark 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, @@ -146826,7 +154551,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -146838,7 +154563,7 @@ exports[`shapshots mediaDark 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, @@ -146846,7 +154571,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -146854,7 +154579,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -146862,7 +154587,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -146874,326 +154599,692 @@ exports[`shapshots mediaDark 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%", - "gridAsideContent": { - "compact": 300, - "compactX": 300, - "large": 380, - "regular": "100%", + "octaviusColorActionArchive": { + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, - "gridColumnX2": { - "compact": 430, - "compactX": 280, - "large": 580, - "regular": "100%", + "octaviusColorBackground": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, - "gridColumnX3": { - "compact": 280, - "compactX": 180, - "large": 380, - "regular": "100%", + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "gridColumnX4": { - "compact": 205, - "compactX": 130, - "large": 280, - "regular": "100%", + "octaviusColorBackgroundAccentTonedAlpha": { + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, - "gridColumnX6": { - "compact": 130, - "compactX": 80, - "large": 180, - "regular": "100%", + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, - "gridMainContent": { - "compact": 620, - "compactX": 620, - "large": 780, - "regular": "100%", + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, - "gridMainContentWide": { - "compact": 620, - "compactX": 620, - "large": 860, - "regular": "100%", + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "gridWrapperContent": { - "compact": 940, - "compactX": 620, - "large": 1260, - "regular": "100%", + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 26, - }, - "regular": { - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 22, - }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": 15, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 20, - }, - "regular": { - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 16, - }, + "octaviusColorButtonEmptyStateText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "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, - }, + "octaviusColorButtonIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "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, - }, + "octaviusColorButtonText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "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, - }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 24, - }, + "octaviusColorDatasetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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, - }, + "octaviusColorEmptyStateText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "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, - }, + "octaviusColorEmptyStateTextLink": { + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 400, - "lineHeight": 26, - }, + "octaviusColorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "transparent", }, - "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, - }, + "octaviusColorHeaderButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "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, - }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, - "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, - }, + "octaviusColorHeaderIcon": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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, - }, + "octaviusColorHeaderIconAttach": { + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, - "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, - }, + "octaviusColorHeaderIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, - "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, - }, + "octaviusColorHeaderIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "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, - }, + "octaviusColorHeaderProgress": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "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, - }, + "octaviusColorHeaderSearchBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, - "mediaSizeGap": 20, - "mediaSizeGrid": 60, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorHeaderSearchIcon": { + "active": "#A7ABB4", + "hover": "#AFB1B9", + "normal": "#b6b8be", + }, + "octaviusColorHeaderSearchText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "octaviusColorHeaderTextSecondary": { + "active": "#878B93", + "hover": "#8D9197", + "normal": "#93969b", + }, + "octaviusColorIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", + }, + "octaviusColorIconEventAlpha": { + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", + }, + "octaviusColorIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "octaviusColorIconFees": { + "active": "#EB5B5F", + "hover": "#F55F61", + "normal": "#FF6262", + }, + "octaviusColorIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2FC885", + }, + "octaviusColorIconGames": { + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", + }, + "octaviusColorIconMailings": { + "active": "#EB9846", + "hover": "#F59E47", + "normal": "#FFA447", + }, + "octaviusColorIconNews": { + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", + }, + "octaviusColorIconOfficial": { + "active": "#D9434E", + "hover": "#E3454F", + "normal": "#EC4750", + }, + "octaviusColorIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", + }, + "octaviusColorIconOrderAlpha": { + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", + }, + "octaviusColorIconReceipts": { + "active": "#6BB109", + "hover": "#6FB807", + "normal": "#74BF05", + }, + "octaviusColorIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "octaviusColorIconSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", + }, + "octaviusColorIconSocial": { + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", + }, + "octaviusColorIconToMyself": { + "active": "#1BB8C6", + "hover": "#1CC0CC", + "normal": "#1DC7D2", + }, + "octaviusColorIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", + }, + "octaviusColorIconTravelAlpha": { + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", + }, + "octaviusColorIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "octaviusColorLayoutBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", + "normal": "transparent", + }, + "octaviusColorLetterListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", + }, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "octaviusColorListBackgroundPositiveAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", + }, + "octaviusColorListIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorListLetterAdvBackground": { + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", + }, + "octaviusColorListLetterBackground": { + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", + }, + "octaviusColorListLetterSeparatorAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorListTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorNotificationBorder": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorOverlayBackground": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorPlaceholderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorPortalMenuBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, + "octaviusColorPromoBackground": { + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", + }, + "octaviusColorSidebarButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarComposeButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarComposeButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarCounterText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", + }, + "octaviusColorSidebarIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "octaviusColorSidebarIconFees": { + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", + }, + "octaviusColorSidebarIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", + }, + "octaviusColorSidebarIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", + }, + "octaviusColorSidebarIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "octaviusColorSidebarIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", + }, + "octaviusColorSidebarIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorSidebarItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "octaviusColorSidebarShortItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorSnackbarBackground": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "octaviusColorSnackbarIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "octaviusColorSnackbarIconNegative": { + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#FF5C5C", + }, + "octaviusColorSnackbarIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "#90929A", + "hover": "#96979E", + "normal": "#9C9DA2", + }, + "octaviusColorSnackbarIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "octaviusColorSnackbarTextAccent": { + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", + }, + "octaviusColorSnackbarTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSnackbarTransparent": { + "active": "rgba(255, 255, 255, 0.04)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorTextFees": { + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", + }, + "octaviusColorTextFinance": { + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", + }, + "octaviusColorTextGames": { + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", + }, + "octaviusColorTextMailings": { + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", + }, + "octaviusColorTextNews": { + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", + }, + "octaviusColorTextSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", + }, + "octaviusColorTextSocial": { + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", + }, + "octaviusColorTextToMyself": { + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", + }, + "octaviusColorThreadFooterBackground": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", + }, + "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": "underline", + "hover": "underline", + "normal": "none", + }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, - "prefix": "vkui", "sizeArrow": { "regular": 8, }, @@ -147247,8 +155338,8 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compactX": 16, - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeBasePaddingHorizontal": { "regular": 16, @@ -147269,7 +155360,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -147281,7 +155372,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "regular": 4, + "regular": 8, }, "sizeBorderWidthBar": { "regular": 4, @@ -147320,7 +155411,8 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeButtonLargeHeight": { "compact": 36, @@ -147337,6 +155429,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -147389,9 +155482,8 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 130, - "compactX": 130, - "regular": 94, + "compact": 104, + "regular": 130, }, "sizeDivPadding": { "regular": 4, @@ -147410,8 +155502,6 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeFieldHorizontalMargin": { - "compact": 16, - "compactX": 16, "regular": 20, }, "sizeFieldHorizontalPadding": { @@ -147424,8 +155514,8 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compactX": 288, - "regular": 380, + "compact": 380, + "regular": 328, }, "sizeFormItemPaddingVertical": { "regular": 12, @@ -147435,15 +155525,15 @@ exports[`shapshots mediaDark 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, @@ -147483,20 +155573,19 @@ exports[`shapshots mediaDark 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, @@ -147518,9 +155607,8 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { - "compact": 7, - "compactX": 7, - "regular": 6, + "compact": 6, + "regular": 7, }, "sizeSliceBottomPadding": { "regular": 60, @@ -147550,13 +155638,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 34, }, "sizeTabMargin": { - "compact": 32, - "compactX": 32, "regular": 8, }, "sizeTabPadding": { - "compact": 0, - "compactX": 0, "regular": 16, }, "sizeTableHorizontalPadding": { @@ -147593,8 +155677,8 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "mediaDark", - "themeNameBase": "media", + "themeName": "octavius", + "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -147604,16 +155688,10 @@ exports[`shapshots mediaDark 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, @@ -147633,7 +155711,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -147656,17 +155734,9 @@ exports[`shapshots mycom 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": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, + "breakpoint": 768, }, "touch": { "adaptiveValue": "regular", @@ -147897,6 +155967,20 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, + "colorAlert": { + "active": { + "name": "--vkui--color_alert--active", + "value": "var(--vkui--color_alert--active, #B2311E)", + }, + "hover": { + "name": "--vkui--color_alert--hover", + "value": "var(--vkui--color_alert--hover, #B9331C)", + }, + "normal": { + "name": "--vkui--color_alert", + "value": "var(--vkui--color_alert, #c1341b)", + }, + }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", @@ -147942,15 +156026,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #009FE4)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #00A5EB)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #00abf2)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -148401,6 +156485,34 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, }, + "colorBackgroundThumbnail": { + "active": { + "name": "--vkui--color_background_thumbnail--active", + "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + }, + "hover": { + "name": "--vkui--color_background_thumbnail--hover", + "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + }, + "normal": { + "name": "--vkui--color_background_thumbnail", + "value": "var(--vkui--color_background_thumbnail, #EBECEF)", + }, + }, + "colorBackgroundThumbnailAlpha": { + "active": { + "name": "--vkui--color_background_thumbnail_alpha--active", + "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_thumbnail_alpha--hover", + "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_thumbnail_alpha", + "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + }, + }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", @@ -148586,15 +156698,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #009FE4)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #00A5EB)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #00abf2)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { @@ -148891,284 +157003,298 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, - "colorPanelHeaderIcon": { + "colorPaletteBlue1": { "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "name": "--vkui--color_palette_blue1--active", + "value": "var(--vkui--color_palette_blue1--active, #264CEF)", }, "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "name": "--vkui--color_palette_blue1--hover", + "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", }, "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "name": "--vkui--color_palette_blue1", + "value": "var(--vkui--color_palette_blue1, #2951ff)", }, }, - "colorPrimaryAuto": { + "colorPaletteBlue1Alpha": { "active": { - "name": "--vkui--color_primary_auto--active", - "value": "var(--vkui--color_primary_auto--active, #006FEF)", + "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_primary_auto--hover", - "value": "var(--vkui--color_primary_auto--hover, #0073F7)", + "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_primary_auto", - "value": "var(--vkui--color_primary_auto, #0077FF)", + "name": "--vkui--color_palette_blue1_alpha", + "value": "var(--vkui--color_palette_blue1_alpha, rgba(0, 95, 249, 0.12))", }, }, - "colorPrimaryBase": { + "colorPaletteBlue2": { "active": { - "name": "--vkui--color_primary_base--active", - "value": "var(--vkui--color_primary_base--active, #006FEF)", + "name": "--vkui--color_palette_blue2--active", + "value": "var(--vkui--color_palette_blue2--active, #009FE4)", }, "hover": { - "name": "--vkui--color_primary_base--hover", - "value": "var(--vkui--color_primary_base--hover, #0073F7)", + "name": "--vkui--color_palette_blue2--hover", + "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", }, "normal": { - "name": "--vkui--color_primary_base", - "value": "var(--vkui--color_primary_base, #0077FF)", + "name": "--vkui--color_palette_blue2", + "value": "var(--vkui--color_palette_blue2, #00abf2)", }, }, - "colorPrimaryDeti": { + "colorPaletteBlue3": { "active": { - "name": "--vkui--color_primary_deti--active", - "value": "var(--vkui--color_primary_deti--active, #006FEF)", + "name": "--vkui--color_palette_blue3--active", + "value": "var(--vkui--color_palette_blue3--active, #23CED2)", }, "hover": { - "name": "--vkui--color_primary_deti--hover", - "value": "var(--vkui--color_primary_deti--hover, #0073F7)", + "name": "--vkui--color_palette_blue3--hover", + "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", }, "normal": { - "name": "--vkui--color_primary_deti", - "value": "var(--vkui--color_primary_deti, #0077FF)", + "name": "--vkui--color_palette_blue3", + "value": "var(--vkui--color_palette_blue3, #26dfdf)", }, }, - "colorPrimaryDobro": { + "colorPaletteGreen1": { "active": { - "name": "--vkui--color_primary_dobro--active", - "value": "var(--vkui--color_primary_dobro--active, #EBC405)", + "name": "--vkui--color_palette_green1--active", + "value": "var(--vkui--color_palette_green1--active, #A0D016)", }, "hover": { - "name": "--vkui--color_primary_dobro--hover", - "value": "var(--vkui--color_primary_dobro--hover, #F5CC02)", + "name": "--vkui--color_palette_green1--hover", + "value": "var(--vkui--color_palette_green1--hover, #A7D915)", }, "normal": { - "name": "--vkui--color_primary_dobro", - "value": "var(--vkui--color_primary_dobro, #ffd400)", + "name": "--vkui--color_palette_green1", + "value": "var(--vkui--color_palette_green1, #aee113)", }, }, - "colorPrimaryHealth": { + "colorPaletteGreen1Alpha": { "active": { - "name": "--vkui--color_primary_health--active", - "value": "var(--vkui--color_primary_health--active, #006FEF)", + "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_primary_health--hover", - "value": "var(--vkui--color_primary_health--hover, #0073F7)", + "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_primary_health", - "value": "var(--vkui--color_primary_health, #0077FF)", + "name": "--vkui--color_palette_green1_alpha", + "value": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", }, }, - "colorPrimaryHealthNew": { + "colorPaletteGreen2": { "active": { - "name": "--vkui--color_primary_health_new--active", - "value": "var(--vkui--color_primary_health_new--active, #006FEF)", + "name": "--vkui--color_palette_green2--active", + "value": "var(--vkui--color_palette_green2--active, #52B552)", }, "hover": { - "name": "--vkui--color_primary_health_new--hover", - "value": "var(--vkui--color_primary_health_new--hover, #0073F7)", + "name": "--vkui--color_palette_green2--hover", + "value": "var(--vkui--color_palette_green2--hover, #55BC53)", }, "normal": { - "name": "--vkui--color_primary_health_new", - "value": "var(--vkui--color_primary_health_new, #0077FF)", + "name": "--vkui--color_palette_green2", + "value": "var(--vkui--color_palette_green2, #59c354)", }, }, - "colorPrimaryHitech": { + "colorPaletteGreen2Alpha": { "active": { - "name": "--vkui--color_primary_hitech--active", - "value": "var(--vkui--color_primary_hitech--active, #006FEF)", + "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_primary_hitech--hover", - "value": "var(--vkui--color_primary_hitech--hover, #0073F7)", + "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_primary_hitech", - "value": "var(--vkui--color_primary_hitech, #0077FF)", + "name": "--vkui--color_palette_green2_alpha", + "value": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", }, }, - "colorPrimaryKino": { + "colorPaletteGreen3": { "active": { - "name": "--vkui--color_primary_kino--active", - "value": "var(--vkui--color_primary_kino--active, #006FEF)", + "name": "--vkui--color_palette_green3--active", + "value": "var(--vkui--color_palette_green3--active, #33D98D)", }, "hover": { - "name": "--vkui--color_primary_kino--hover", - "value": "var(--vkui--color_primary_kino--hover, #0073F7)", + "name": "--vkui--color_palette_green3--hover", + "value": "var(--vkui--color_palette_green3--hover, #35E291)", }, "normal": { - "name": "--vkui--color_primary_kino", - "value": "var(--vkui--color_primary_kino, #0077FF)", + "name": "--vkui--color_palette_green3", + "value": "var(--vkui--color_palette_green3, #37eb94)", }, }, - "colorPrimaryLady": { + "colorPaletteGreen4": { "active": { - "name": "--vkui--color_primary_lady--active", - "value": "var(--vkui--color_primary_lady--active, #006FEF)", + "name": "--vkui--color_palette_green4--active", + "value": "var(--vkui--color_palette_green4--active, #00A4AA)", }, "hover": { - "name": "--vkui--color_primary_lady--hover", - "value": "var(--vkui--color_primary_lady--hover, #0073F7)", + "name": "--vkui--color_palette_green4--hover", + "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", }, "normal": { - "name": "--vkui--color_primary_lady", - "value": "var(--vkui--color_primary_lady, #0077FF)", + "name": "--vkui--color_palette_green4", + "value": "var(--vkui--color_palette_green4, #00b1b3)", }, }, - "colorPrimaryMycom": { + "colorPaletteOrange1": { "active": { - "name": "--vkui--color_primary_mycom--active", - "value": "var(--vkui--color_primary_mycom--active, #009FE4)", + "name": "--vkui--color_palette_orange1--active", + "value": "var(--vkui--color_palette_orange1--active, #EB812F)", }, "hover": { - "name": "--vkui--color_primary_mycom--hover", - "value": "var(--vkui--color_primary_mycom--hover, #00A5EB)", + "name": "--vkui--color_palette_orange1--hover", + "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", }, "normal": { - "name": "--vkui--color_primary_mycom", - "value": "var(--vkui--color_primary_mycom, #00abf2)", + "name": "--vkui--color_palette_orange1", + "value": "var(--vkui--color_palette_orange1, #ff8b2e)", }, }, - "colorPrimaryPets": { + "colorPaletteOrange1Alpha": { "active": { - "name": "--vkui--color_primary_pets--active", - "value": "var(--vkui--color_primary_pets--active, #fc627e)", + "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_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "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_primary_pets", - "value": "var(--vkui--color_primary_pets, #fc738c)", + "name": "--vkui--color_palette_orange1_alpha", + "value": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", }, }, - "colorPrimaryPharma": { + "colorPaletteRed1": { "active": { - "name": "--vkui--color_primary_pharma--active", - "value": "var(--vkui--color_primary_pharma--active, #1BC39A)", + "name": "--vkui--color_palette_red1--active", + "value": "var(--vkui--color_palette_red1--active, #E82A38)", }, "hover": { - "name": "--vkui--color_primary_pharma--hover", - "value": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", + "name": "--vkui--color_palette_red1--hover", + "value": "var(--vkui--color_palette_red1--hover, #F22B38)", }, "normal": { - "name": "--vkui--color_primary_pharma", - "value": "var(--vkui--color_primary_pharma, #1DD3A2)", + "name": "--vkui--color_palette_red1", + "value": "var(--vkui--color_palette_red1, #fc2c38)", }, }, - "colorPrimaryRealty": { + "colorPaletteRed2": { "active": { - "name": "--vkui--color_primary_realty--active", - "value": "var(--vkui--color_primary_realty--active, #006FEF)", + "name": "--vkui--color_palette_red2--active", + "value": "var(--vkui--color_palette_red2--active, #D8187C)", }, "hover": { - "name": "--vkui--color_primary_realty--hover", - "value": "var(--vkui--color_primary_realty--hover, #0073F7)", + "name": "--vkui--color_palette_red2--hover", + "value": "var(--vkui--color_palette_red2--hover, #E2197E)", }, "normal": { - "name": "--vkui--color_primary_realty", - "value": "var(--vkui--color_primary_realty, #0077FF)", + "name": "--vkui--color_palette_red2", + "value": "var(--vkui--color_palette_red2, #eb1981)", }, }, - "colorRating": { + "colorPaletteRed3": { "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", + "name": "--vkui--color_palette_red3--active", + "value": "var(--vkui--color_palette_red3--active, #EB69B1)", }, "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", + "name": "--vkui--color_palette_red3--hover", + "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", }, "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "name": "--vkui--color_palette_red3", + "value": "var(--vkui--color_palette_red3, #ff71bb)", }, }, - "colorSale": { + "colorPaletteViolet1": { "active": { - "name": "--vkui--color_sale--active", - "value": "var(--vkui--color_sale--active, #E82A38)", + "name": "--vkui--color_palette_violet1--active", + "value": "var(--vkui--color_palette_violet1--active, #6301EF)", }, "hover": { - "name": "--vkui--color_sale--hover", - "value": "var(--vkui--color_sale--hover, #F22B38)", + "name": "--vkui--color_palette_violet1--hover", + "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", }, "normal": { - "name": "--vkui--color_sale", - "value": "var(--vkui--color_sale, #fc2c38)", + "name": "--vkui--color_palette_violet1", + "value": "var(--vkui--color_palette_violet1, #6c00ff)", }, }, - "colorSearchFieldBackground": { + "colorPaletteViolet2": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "name": "--vkui--color_palette_violet2--active", + "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "name": "--vkui--color_palette_violet2--hover", + "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "name": "--vkui--color_palette_violet2", + "value": "var(--vkui--color_palette_violet2, #ae73ff)", }, }, - "colorSecondaryBase": { + "colorPaletteYellow1": { "active": { - "name": "--vkui--color_secondary_base--active", - "value": "var(--vkui--color_secondary_base--active, #006FEF)", + "name": "--vkui--color_palette_yellow1--active", + "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", }, "hover": { - "name": "--vkui--color_secondary_base--hover", - "value": "var(--vkui--color_secondary_base--hover, #0073F7)", + "name": "--vkui--color_palette_yellow1--hover", + "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", }, "normal": { - "name": "--vkui--color_secondary_base", - "value": "var(--vkui--color_secondary_base, #0077FF)", + "name": "--vkui--color_palette_yellow1", + "value": "var(--vkui--color_palette_yellow1, #ffc311)", }, }, - "colorSecondaryHealth": { + "colorPanelHeaderIcon": { "active": { - "name": "--vkui--color_secondary_health--active", - "value": "var(--vkui--color_secondary_health--active, #006FEF)", + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { - "name": "--vkui--color_secondary_health--hover", - "value": "var(--vkui--color_secondary_health--hover, #0073F7)", + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_secondary_health", - "value": "var(--vkui--color_secondary_health, #0077FF)", + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, - "colorSecondaryMycom": { + "colorRating": { "active": { - "name": "--vkui--color_secondary_mycom--active", - "value": "var(--vkui--color_secondary_mycom--active, #E82A38)", + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", }, "hover": { - "name": "--vkui--color_secondary_mycom--hover", - "value": "var(--vkui--color_secondary_mycom--hover, #F22B38)", + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", }, "normal": { - "name": "--vkui--color_secondary_mycom", - "value": "var(--vkui--color_secondary_mycom, #fc2c38)", + "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": { @@ -149384,15 +157510,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #009FE4)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #00A5EB)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #00abf2)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { @@ -149465,18 +157591,158 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, }, + "colorTagBackgroundMint": { + "active": { + "name": "--vkui--color_tag_background_mint--active", + "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + }, + "hover": { + "name": "--vkui--color_tag_background_mint--hover", + "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + }, + "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, #EBC29F)", + }, + "hover": { + "name": "--vkui--color_tag_background_orange--hover", + "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + }, + "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, #EBA5CD)", + }, + "hover": { + "name": "--vkui--color_tag_background_pink--hover", + "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + }, + "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, #BEA6E2)", + }, + "hover": { + "name": "--vkui--color_tag_background_purple--hover", + "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + }, + "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, #97CEEF)", + }, + "hover": { + "name": "--vkui--color_tag_background_sky--hover", + "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + }, + "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, #1D5559)", + }, + "hover": { + "name": "--vkui--color_tag_text_mint--hover", + "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + }, + "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, #543322)", + }, + "hover": { + "name": "--vkui--color_tag_text_orange--hover", + "value": "var(--vkui--color_tag_text_orange--hover, #573421)", + }, + "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, #4B1F59)", + }, + "hover": { + "name": "--vkui--color_tag_text_pink--hover", + "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + }, + "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, #341F59)", + }, + "hover": { + "name": "--vkui--color_tag_text_purple--hover", + "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + }, + "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, #1D3B59)", + }, + "hover": { + "name": "--vkui--color_tag_text_sky--hover", + "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + }, + "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, #009FE4)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #00A5EB)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #00abf2)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { @@ -149959,7 +158225,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + "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", @@ -149987,7 +158253,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -150033,7 +158299,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -150079,7 +158345,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -150125,7 +158391,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -150171,7 +158437,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -150217,7 +158483,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -150263,7 +158529,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -150301,7 +158567,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -150319,7 +158585,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -150357,7 +158623,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -150395,7 +158661,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -150411,25 +158677,17 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, }, }, - "fontFamily": { - "name": "--vkui--font_family", - "value": "var(--vkui--font_family, Proxima Nova, Arial, sans-serif)", - }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "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)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -150453,7 +158711,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -150499,7 +158757,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -150555,7 +158813,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, Proxima Nova, 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", @@ -150591,17 +158849,9 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, }, "compact": { - "fontFamily": { - "name": "--vkui--font_h1--font_family--compact", - "value": "var(--vkui--font_h1--font_family--compact, Proxima Nova, Arial, sans-serif)", - }, "fontSize": { "name": "--vkui--font_h1--font_size--compact", - "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)", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", }, "lineHeight": { "name": "--vkui--font_h1--line_height--compact", @@ -150611,11 +158861,11 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, Proxima Nova, 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, 36px)", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", }, "fontWeight": { "name": "--vkui--font_h1--font_weight--regular", @@ -150623,7 +158873,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 48px)", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, }, @@ -150647,17 +158897,9 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, }, "compact": { - "fontFamily": { - "name": "--vkui--font_h2--font_family--compact", - "value": "var(--vkui--font_h2--font_family--compact, Proxima Nova, Arial, sans-serif)", - }, "fontSize": { "name": "--vkui--font_h2--font_size--compact", - "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)", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", }, "lineHeight": { "name": "--vkui--font_h2--line_height--compact", @@ -150667,11 +158909,11 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, Proxima Nova, 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, 28px)", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", }, "fontWeight": { "name": "--vkui--font_h2--font_weight--regular", @@ -150679,83 +158921,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", - "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, Proxima Nova, 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, Proxima Nova, 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)", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, @@ -150791,7 +158957,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, Proxima Nova, 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", @@ -150839,7 +159005,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, Proxima Nova, 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", @@ -150887,7 +159053,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, Proxima Nova, 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", @@ -150925,7 +159091,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -150973,7 +159139,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, Proxima Nova, 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", @@ -151021,11 +159187,11 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Proxima Nova, Arial, sans-serif)", + "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)", + "value": "var(--vkui--font_text--font_size--regular, 13px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -151059,7 +159225,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, Proxima Nova, 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", @@ -151097,7 +159263,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, Proxima Nova, 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", @@ -151135,7 +159301,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, Proxima Nova, 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", @@ -151175,22 +159341,6 @@ exports[`shapshots mycom 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%)", @@ -151207,2606 +159357,3238 @@ exports[`shapshots mycom 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%)", }, - "gridAsideContent": { - "auto": { - "name": "--vkui--grid_aside_content", - "value": "var(--vkui--grid_aside_content)", + "octaviusColorActionArchive": { + "active": { + "name": "--vkui--octavius_color_action_archive--active", + "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", }, - "compact": { - "name": "--vkui--grid_aside_content--compact", - "value": "var(--vkui--grid_aside_content--compact, 300px)", + "hover": { + "name": "--vkui--octavius_color_action_archive--hover", + "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", }, - "compactX": { - "name": "--vkui--grid_aside_content--compact_x", - "value": "var(--vkui--grid_aside_content--compact_x, 300px)", + "normal": { + "name": "--vkui--octavius_color_action_archive", + "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, - "large": { - "name": "--vkui--grid_aside_content--large", - "value": "var(--vkui--grid_aside_content--large, 380px)", + }, + "octaviusColorBackground": { + "active": { + "name": "--vkui--octavius_color_background--active", + "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", }, - "regular": { - "name": "--vkui--grid_aside_content--regular", - "value": "var(--vkui--grid_aside_content--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_background--hover", + "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + }, + "normal": { + "name": "--vkui--octavius_color_background", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, - "gridColumnX2": { - "auto": { - "name": "--vkui--grid_column_x2", - "value": "var(--vkui--grid_column_x2)", + "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))", }, - "compact": { - "name": "--vkui--grid_column_x2--compact", - "value": "var(--vkui--grid_column_x2--compact, 430px)", + "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))", }, - "compactX": { - "name": "--vkui--grid_column_x2--compact_x", - "value": "var(--vkui--grid_column_x2--compact_x, 280px)", + "normal": { + "name": "--vkui--octavius_color_background_accent_tint_alpha", + "value": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", }, - "large": { - "name": "--vkui--grid_column_x2--large", - "value": "var(--vkui--grid_column_x2--large, 580px)", + }, + "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--grid_column_x2--regular", - "value": "var(--vkui--grid_column_x2--regular, 100%)", + "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))", }, }, - "gridColumnX3": { - "auto": { - "name": "--vkui--grid_column_x3", - "value": "var(--vkui--grid_column_x3)", + "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.2))", }, - "compact": { - "name": "--vkui--grid_column_x3--compact", - "value": "var(--vkui--grid_column_x3--compact, 280px)", + "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.16))", }, - "compactX": { - "name": "--vkui--grid_column_x3--compact_x", - "value": "var(--vkui--grid_column_x3--compact_x, 180px)", + "normal": { + "name": "--vkui--octavius_color_background_negative_tint_alpha", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, - "large": { - "name": "--vkui--grid_column_x3--large", - "value": "var(--vkui--grid_column_x3--large, 380px)", + }, + "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.18))", }, - "regular": { - "name": "--vkui--grid_column_x3--regular", - "value": "var(--vkui--grid_column_x3--regular, 100%)", + "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.14))", + }, + "normal": { + "name": "--vkui--octavius_color_background_positive_tint_alpha", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, - "gridColumnX4": { - "auto": { - "name": "--vkui--grid_column_x4", - "value": "var(--vkui--grid_column_x4)", + "octaviusColorButtonBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_button_background_alpha--active", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", }, - "compact": { - "name": "--vkui--grid_column_x4--compact", - "value": "var(--vkui--grid_column_x4--compact, 205px)", + "hover": { + "name": "--vkui--octavius_color_button_background_alpha--hover", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, - "compactX": { - "name": "--vkui--grid_column_x4--compact_x", - "value": "var(--vkui--grid_column_x4--compact_x, 130px)", + "normal": { + "name": "--vkui--octavius_color_button_background_alpha", + "value": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, - "large": { - "name": "--vkui--grid_column_x4--large", - "value": "var(--vkui--grid_column_x4--large, 280px)", + }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": { + "name": "--vkui--octavius_color_button_background_contrast_alpha--active", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", }, - "regular": { - "name": "--vkui--grid_column_x4--regular", - "value": "var(--vkui--grid_column_x4--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + }, + "normal": { + "name": "--vkui--octavius_color_button_background_contrast_alpha", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, }, - "gridColumnX6": { - "auto": { - "name": "--vkui--grid_column_x6", - "value": "var(--vkui--grid_column_x6)", + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", }, - "compact": { - "name": "--vkui--grid_column_x6--compact", - "value": "var(--vkui--grid_column_x6--compact, 130px)", + "hover": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", }, - "compactX": { - "name": "--vkui--grid_column_x6--compact_x", - "value": "var(--vkui--grid_column_x6--compact_x, 80px)", + "normal": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, - "large": { - "name": "--vkui--grid_column_x6--large", - "value": "var(--vkui--grid_column_x6--large, 180px)", + }, + "octaviusColorButtonEmptyStateText": { + "active": { + "name": "--vkui--octavius_color_button_empty_state_text--active", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", }, - "regular": { - "name": "--vkui--grid_column_x6--regular", - "value": "var(--vkui--grid_column_x6--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_button_empty_state_text--hover", + "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_button_empty_state_text", + "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, }, - "gridMainContent": { - "auto": { - "name": "--vkui--grid_main_content", - "value": "var(--vkui--grid_main_content)", + "octaviusColorButtonIcon": { + "active": { + "name": "--vkui--octavius_color_button_icon--active", + "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", }, - "compact": { - "name": "--vkui--grid_main_content--compact", - "value": "var(--vkui--grid_main_content--compact, 620px)", + "hover": { + "name": "--vkui--octavius_color_button_icon--hover", + "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", }, - "compactX": { - "name": "--vkui--grid_main_content--compact_x", - "value": "var(--vkui--grid_main_content--compact_x, 620px)", + "normal": { + "name": "--vkui--octavius_color_button_icon", + "value": "var(--vkui--octavius_color_button_icon, #333333)", }, - "large": { - "name": "--vkui--grid_main_content--large", - "value": "var(--vkui--grid_main_content--large, 780px)", + }, + "octaviusColorButtonText": { + "active": { + "name": "--vkui--octavius_color_button_text--active", + "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", }, - "regular": { - "name": "--vkui--grid_main_content--regular", - "value": "var(--vkui--grid_main_content--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_button_text--hover", + "value": "var(--vkui--octavius_color_button_text--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_button_text", + "value": "var(--vkui--octavius_color_button_text, #333333)", }, }, - "gridMainContentWide": { - "auto": { - "name": "--vkui--grid_main_content_wide", - "value": "var(--vkui--grid_main_content_wide)", + "octaviusColorContentScrollbarAlpha": { + "active": { + "name": "--vkui--octavius_color_content_scrollbar_alpha--active", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, - "compact": { - "name": "--vkui--grid_main_content_wide--compact", - "value": "var(--vkui--grid_main_content_wide--compact, 620px)", + "hover": { + "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, - "compactX": { - "name": "--vkui--grid_main_content_wide--compact_x", - "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", + "normal": { + "name": "--vkui--octavius_color_content_scrollbar_alpha", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, - "large": { - "name": "--vkui--grid_main_content_wide--large", - "value": "var(--vkui--grid_main_content_wide--large, 860px)", + }, + "octaviusColorDatasetBackground": { + "active": { + "name": "--vkui--octavius_color_dataset_background--active", + "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--grid_main_content_wide--regular", - "value": "var(--vkui--grid_main_content_wide--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_dataset_background--hover", + "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_dataset_background", + "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, }, - "gridWrapperContent": { - "auto": { - "name": "--vkui--grid_wrapper_content", - "value": "var(--vkui--grid_wrapper_content)", + "octaviusColorEmptyStateText": { + "active": { + "name": "--vkui--octavius_color_empty_state_text--active", + "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", }, - "compact": { - "name": "--vkui--grid_wrapper_content--compact", - "value": "var(--vkui--grid_wrapper_content--compact, 940px)", + "hover": { + "name": "--vkui--octavius_color_empty_state_text--hover", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", }, - "compactX": { - "name": "--vkui--grid_wrapper_content--compact_x", - "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", + "normal": { + "name": "--vkui--octavius_color_empty_state_text", + "value": "var(--vkui--octavius_color_empty_state_text, #333333)", }, - "large": { - "name": "--vkui--grid_wrapper_content--large", - "value": "var(--vkui--grid_wrapper_content--large, 1260px)", + }, + "octaviusColorEmptyStateTextLink": { + "active": { + "name": "--vkui--octavius_color_empty_state_text_link--active", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", }, - "regular": { - "name": "--vkui--grid_wrapper_content--regular", - "value": "var(--vkui--grid_wrapper_content--regular, 100%)", + "hover": { + "name": "--vkui--octavius_color_empty_state_text_link--hover", + "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + }, + "normal": { + "name": "--vkui--octavius_color_empty_state_text_link", + "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, }, - "mediaFontMediaCaption": { - "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)", - }, + "octaviusColorHeaderBackground": { + "active": { + "name": "--vkui--octavius_color_header_background--active", + "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_background--hover", + "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_background", + "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", }, }, - "mediaFontMediaCaptionCaps": { - "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)", - }, + "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.4))", }, - "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)", - }, + "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.64))", }, - "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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_button_background_alpha", + "value": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, }, - "mediaFontMediaLead": { - "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)", - }, + "octaviusColorHeaderButtonText": { + "active": { + "name": "--vkui--octavius_color_header_button_text--active", + "value": "var(--vkui--octavius_color_header_button_text--active, #282B2F)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_lead--font_family--compact", - "value": "var(--vkui--media_font_media_lead--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_button_text--hover", + "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_lead--font_family--regular", - "value": "var(--vkui--media_font_media_lead--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_button_text", + "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", }, }, - "mediaFontMediaParagraph": { - "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)", - }, + "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))", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph--font_family--compact", - "value": "var(--vkui--media_font_media_paragraph--font_family--compact, Proxima Nova, 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)", - }, + "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))", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph--font_family--regular", - "value": "var(--vkui--media_font_media_paragraph--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_filter_text_alpha", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, - "mediaFontMediaParagraphNumbering": { - "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)", - }, + "octaviusColorHeaderIcon": { + "active": { + "name": "--vkui--octavius_color_header_icon--active", + "value": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph_numbering--font_family--compact", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_icon--hover", + "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_paragraph_numbering--font_family--regular", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_icon", + "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, }, - "mediaFontMediaParagraphSecondary": { - "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)", - }, + "octaviusColorHeaderIconAttach": { + "active": { + "name": "--vkui--octavius_color_header_icon_attach--active", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", }, - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_icon_attach--hover", + "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, #D9DADD)", }, }, - "mediaFontMediaQuote": { - "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)", - }, + "octaviusColorHeaderIconFavorite": { + "active": { + "name": "--vkui--octavius_color_header_icon_favorite--active", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_quote--font_family--compact", - "value": "var(--vkui--media_font_media_quote--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_icon_favorite--hover", + "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_quote--font_family--regular", - "value": "var(--vkui--media_font_media_quote--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_icon_favorite", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, }, - "mediaFontMediaQuotePerson": { - "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)", - }, + "octaviusColorHeaderIconUnread": { + "active": { + "name": "--vkui--octavius_color_header_icon_unread--active", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_quote_person--font_family--compact", - "value": "var(--vkui--media_font_media_quote_person--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_icon_unread--hover", + "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_quote_person--font_family--regular", - "value": "var(--vkui--media_font_media_quote_person--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_icon_unread", + "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", }, }, - "mediaFontMediaSubtitleLight": { - "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)", - }, - }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_subtitle_light--font_family--regular", - "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, Proxima Nova, 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)", - }, + "octaviusColorHeaderProgress": { + "active": { + "name": "--vkui--octavius_color_header_progress--active", + "value": "var(--vkui--octavius_color_header_progress--active, #006FEF)", }, - }, - "mediaFontMediaTextSecondaryLight": { - "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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_progress--hover", + "value": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", }, - "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, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_progress", + "value": "var(--vkui--octavius_color_header_progress, #0077FF)", }, }, - "mediaFontMediaTitle1": { - "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)", - }, + "octaviusColorHeaderSearchBackground": { + "active": { + "name": "--vkui--octavius_color_header_search_background--active", + "value": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title1--font_family--compact", - "value": "var(--vkui--media_font_media_title1--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_background--hover", + "value": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title1--font_family--regular", - "value": "var(--vkui--media_font_media_title1--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_background", + "value": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", }, }, - "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)", - }, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": { + "name": "--vkui--octavius_color_header_search_background_collapsed--active", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title1_tiny--font_family--compact", - "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_background_collapsed--hover", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title1_tiny--font_family--regular", - "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_background_collapsed", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", }, }, - "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)", - }, + "octaviusColorHeaderSearchChipBackground": { + "active": { + "name": "--vkui--octavius_color_header_search_chip_background--active", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title2--font_family--compact", - "value": "var(--vkui--media_font_media_title2--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_chip_background--hover", + "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title2--font_family--regular", - "value": "var(--vkui--media_font_media_title2--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_background", + "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, }, - "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)", - }, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": { + "name": "--vkui--octavius_color_header_search_chip_background_editable--active", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title2_tiny--font_family--compact", - "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title2_tiny--font_family--regular", - "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_background_editable", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, }, - "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)", - }, + "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(0, 16, 61, 0.2))", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title3--font_family--compact", - "value": "var(--vkui--media_font_media_title3--font_family--compact, Proxima Nova, 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)", - }, + "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(0, 16, 61, 0.16))", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title3--font_family--regular", - "value": "var(--vkui--media_font_media_title3--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, }, - "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)", - }, + "octaviusColorHeaderSearchIcon": { + "active": { + "name": "--vkui--octavius_color_header_search_icon--active", + "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title4--font_family--compact", - "value": "var(--vkui--media_font_media_title4--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_icon--hover", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title4--font_family--regular", - "value": "var(--vkui--media_font_media_title4--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_icon", + "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, }, - "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)", - }, + "octaviusColorHeaderSearchText": { + "active": { + "name": "--vkui--octavius_color_header_search_text--active", + "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title5--font_family--compact", - "value": "var(--vkui--media_font_media_title5--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_text--hover", + "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title5--font_family--regular", - "value": "var(--vkui--media_font_media_title5--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_text", + "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, }, - "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)", - }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": { + "name": "--vkui--octavius_color_header_search_text_collapsed--active", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", }, - "compact": { - "fontFamily": { - "name": "--vkui--media_font_media_title6--font_family--compact", - "value": "var(--vkui--media_font_media_title6--font_family--compact, Proxima Nova, 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)", - }, + "hover": { + "name": "--vkui--octavius_color_header_search_text_collapsed--hover", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", }, - "regular": { - "fontFamily": { - "name": "--vkui--media_font_media_title6--font_family--regular", - "value": "var(--vkui--media_font_media_title6--font_family--regular, Proxima Nova, 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)", - }, + "normal": { + "name": "--vkui--octavius_color_header_search_text_collapsed", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, - "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)", - }, - "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", }, - }, - "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "hover": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "octaviusColorHeaderTabTextActiveThemed": { + "active": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--active", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", + "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, #0077ff)", }, }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "octaviusColorHeaderTextSecondary": { + "active": { + "name": "--vkui--octavius_color_header_text_secondary--active", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "hover": { + "name": "--vkui--octavius_color_header_text_secondary--hover", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + }, + "normal": { + "name": "--vkui--octavius_color_header_text_secondary", + "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "octaviusColorIconEvent": { + "active": { + "name": "--vkui--octavius_color_icon_event--active", + "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_event--hover", + "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_event", + "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "octaviusColorIconEventAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_event_alpha--active", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_icon_event_alpha--hover", + "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_event_alpha", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "octaviusColorIconFavorite": { + "active": { + "name": "--vkui--octavius_color_icon_favorite--active", + "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "hover": { + "name": "--vkui--octavius_color_icon_favorite--hover", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_favorite", + "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "octaviusColorIconFees": { + "active": { + "name": "--vkui--octavius_color_icon_fees--active", + "value": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "hover": { + "name": "--vkui--octavius_color_icon_fees--hover", + "value": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_fees", + "value": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "octaviusColorIconFinance": { + "active": { + "name": "--vkui--octavius_color_icon_finance--active", + "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "hover": { + "name": "--vkui--octavius_color_icon_finance--hover", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_finance", + "value": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "octaviusColorIconGames": { + "active": { + "name": "--vkui--octavius_color_icon_games--active", + "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "hover": { + "name": "--vkui--octavius_color_icon_games--hover", + "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_games", + "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, }, - "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "octaviusColorIconMailings": { + "active": { + "name": "--vkui--octavius_color_icon_mailings--active", + "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", }, - "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_icon_mailings--hover", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_mailings", + "value": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "octaviusColorIconNews": { + "active": { + "name": "--vkui--octavius_color_icon_news--active", + "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "hover": { + "name": "--vkui--octavius_color_icon_news--hover", + "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_news", + "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, }, - "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "octaviusColorIconOfficial": { + "active": { + "name": "--vkui--octavius_color_icon_official--active", + "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_icon_official--hover", + "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_official", + "value": "var(--vkui--octavius_color_icon_official, #EC4750)", }, }, - "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "octaviusColorIconOrder": { + "active": { + "name": "--vkui--octavius_color_icon_order--active", + "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_order--hover", + "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_order", + "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, }, - "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "octaviusColorIconOrderAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_order_alpha--active", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "hover": { + "name": "--vkui--octavius_color_icon_order_alpha--hover", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_order_alpha", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "octaviusColorIconReceipts": { + "active": { + "name": "--vkui--octavius_color_icon_receipts--active", + "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_receipts--hover", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_receipts", + "value": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "octaviusColorIconRegistration": { + "active": { + "name": "--vkui--octavius_color_icon_registration--active", + "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_icon_registration--hover", + "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_registration", + "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, }, - "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "octaviusColorIconSchool": { + "active": { + "name": "--vkui--octavius_color_icon_school--active", + "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", }, - "compactX": { - "name": "--vkui--size_base_padding--compact_x", - "value": "var(--vkui--size_base_padding--compact_x, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_school--hover", + "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 20px)", + "normal": { + "name": "--vkui--octavius_color_icon_school", + "value": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "octaviusColorIconSocial": { + "active": { + "name": "--vkui--octavius_color_icon_social--active", + "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", }, - "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_icon_social--hover", + "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", }, - }, - "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)", + "normal": { + "name": "--vkui--octavius_color_icon_social", + "value": "var(--vkui--octavius_color_icon_social, #7288FF)", }, }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "octaviusColorIconToMyself": { + "active": { + "name": "--vkui--octavius_color_icon_to_myself--active", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "hover": { + "name": "--vkui--octavius_color_icon_to_myself--hover", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_to_myself", + "value": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "octaviusColorIconTravel": { + "active": { + "name": "--vkui--octavius_color_icon_travel--active", + "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "hover": { + "name": "--vkui--octavius_color_icon_travel--hover", + "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_travel", + "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "octaviusColorIconTravelAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_travel_alpha--active", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "hover": { + "name": "--vkui--octavius_color_icon_travel_alpha--hover", + "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_travel_alpha", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "octaviusColorIconUnread": { + "active": { + "name": "--vkui--octavius_color_icon_unread--active", + "value": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_icon_unread--hover", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_unread", + "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "octaviusColorLayoutBorderAlpha": { + "active": { + "name": "--vkui--octavius_color_layout_border_alpha--active", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_layout_border_alpha--hover", + "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_layout_border_alpha", + "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "octaviusColorLayoutLetterBorderAlpha": { + "active": { + "name": "--vkui--octavius_color_layout_letter_border_alpha--active", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_layout_letter_border_alpha", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "octaviusColorLetterAttachListBackground": { + "name": "--vkui--octavius_color_letter_attach_list_background", + "value": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", + }, + "octaviusColorLetterContactBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_letter_contact_background_alpha--active", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", }, - "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "hover": { + "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + }, + "normal": { + "name": "--vkui--octavius_color_letter_contact_background_alpha", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", }, }, - "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "octaviusColorLetterListTextUnread": { + "active": { + "name": "--vkui--octavius_color_letter_list_text_unread--active", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_letter_list_text_unread--hover", + "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_list_text_unread", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": { + "name": "--vkui--octavius_color_letter_preview_background_primary--active", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_letter_preview_background_primary--hover", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_preview_background_primary", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, }, - "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": { + "name": "--vkui--octavius_color_letter_preview_background_secondary--active", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_preview_background_secondary", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "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_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "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))", }, }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + }, + "normal": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "octaviusColorListIconPrimary": { + "active": { + "name": "--vkui--octavius_color_list_icon_primary--active", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", }, - "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_list_icon_primary--hover", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_list_icon_primary", + "value": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "octaviusColorListLetterAdvBackground": { + "active": { + "name": "--vkui--octavius_color_list_letter_adv_background--active", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", }, - "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_list_letter_adv_background--hover", + "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_adv_background", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "octaviusColorListLetterBackground": { + "active": { + "name": "--vkui--octavius_color_list_letter_background--active", + "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", }, - "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_list_letter_background--hover", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_background", + "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "octaviusColorListLetterSeparatorAlpha": { + "active": { + "name": "--vkui--octavius_color_list_letter_separator_alpha--active", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", }, - "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_list_letter_separator_alpha--hover", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_separator_alpha", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "octaviusColorListTextPrimary": { + "active": { + "name": "--vkui--octavius_color_list_text_primary--active", + "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", }, - "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_list_text_primary--hover", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_list_text_primary", + "value": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "octaviusColorListTextUnread": { + "active": { + "name": "--vkui--octavius_color_list_text_unread--active", + "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", }, - "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_list_text_unread--hover", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_list_text_unread", + "value": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "octaviusColorNotificationBorder": { + "active": { + "name": "--vkui--octavius_color_notification_border--active", + "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_notification_border--hover", + "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_notification_border", + "value": "var(--vkui--octavius_color_notification_border, #ffffff)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "octaviusColorOverlayBackground": { + "active": { + "name": "--vkui--octavius_color_overlay_background--active", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_overlay_background--hover", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_overlay_background", + "value": "var(--vkui--octavius_color_overlay_background, transparent)", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "octaviusColorPlaceholderBackground": { + "active": { + "name": "--vkui--octavius_color_placeholder_background--active", + "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "hover": { + "name": "--vkui--octavius_color_placeholder_background--hover", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_placeholder_background", + "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", + "octaviusColorPortalMenuBackground": { + "active": { + "name": "--vkui--octavius_color_portal_menu_background--active", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_portal_menu_background--hover", + "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_portal_menu_background", + "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "octaviusColorPortalSearchBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_background_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "hover": { + "name": "--vkui--octavius_color_portal_search_background_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "octaviusColorPortalSearchIconThemedAlpha": { + "active": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "hover": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "octaviusColorPromoBackground": { + "active": { + "name": "--vkui--octavius_color_promo_background--active", + "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "hover": { + "name": "--vkui--octavius_color_promo_background--hover", + "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + }, + "normal": { + "name": "--vkui--octavius_color_promo_background", + "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "octaviusColorSidebarButtonBackground": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_background--active", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_background--hover", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_button_background", + "value": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "octaviusColorSidebarButtonIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_icon--active", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_button_icon", + "value": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", }, }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "octaviusColorSidebarButtonText": { + "active": { + "name": "--vkui--octavius_color_sidebar_button_text--active", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_button_text--hover", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_button_text", + "value": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", }, }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", + "octaviusColorSidebarComposeButtonBackground": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_background--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_background", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", }, }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", + "octaviusColorSidebarComposeButtonIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_icon", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "octaviusColorSidebarComposeButtonText": { + "active": { + "name": "--vkui--octavius_color_sidebar_compose_button_text--active", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_compose_button_text", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", }, - "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_sidebar_counter_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_counter_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "octaviusColorSidebarCounterText": { + "active": { + "name": "--vkui--octavius_color_sidebar_counter_text--active", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", }, - "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_sidebar_counter_text--hover", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_counter_text", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "octaviusColorSidebarIconEvent": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_event--active", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", }, - "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_sidebar_icon_event--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_event", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "octaviusColorSidebarIconFavorite": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_favorite--active", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", }, - "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_sidebar_icon_favorite--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_favorite", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "octaviusColorSidebarIconFees": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_fees--active", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", }, - "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_sidebar_icon_fees--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_fees", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "octaviusColorSidebarIconFinance": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_finance--active", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", }, - "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_sidebar_icon_finance--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_finance", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, }, - "sizeCardBorderRadius": { - "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "octaviusColorSidebarIconOrder": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_order--active", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", }, - "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_order--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_order", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "octaviusColorSidebarIconRegistration": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_registration--active", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_registration--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_registration", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, }, - "sizeCardgridPaddingVertical": { - "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "octaviusColorSidebarIconTravel": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_travel--active", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_travel--hover", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_travel", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "octaviusColorSidebarIconUnread": { + "active": { + "name": "--vkui--octavius_color_sidebar_icon_unread--active", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_icon_unread--hover", + "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, #0077FF)", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "octaviusColorSidebarItemBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", }, }, - "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_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(0, 16, 61, 0.16))", }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_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(0, 16, 61, 0.12))", }, - }, - "sizeControlButtonWidthMin": { - "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", + "normal": { + "name": "--vkui--octavius_color_sidebar_item_button_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", }, - "compact": { - "name": "--vkui--size_control_button_width_min--compact", - "value": "var(--vkui--size_control_button_width_min--compact, 130px)", + }, + "octaviusColorSidebarItemIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", }, - "compactX": { - "name": "--vkui--size_control_button_width_min--compact_x", - "value": "var(--vkui--size_control_button_width_min--compact_x, 130px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 94px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, }, - "sizeDivPadding": { - "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", + "octaviusColorSidebarItemIconActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_active--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, }, - "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", + "octaviusColorSidebarItemIconPrimary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, }, - "sizeDotClickable": { - "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", + "octaviusColorSidebarItemIconSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", }, - "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, }, - "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", + "octaviusColorSidebarItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text", + "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "octaviusColorSidebarItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_active--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, }, - "sizeFieldHorizontalMargin": { - "auto": { - "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)", + "octaviusColorSidebarItemTextPrimary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", }, - "compactX": { - "name": "--vkui--size_field_horizontal_margin--compact_x", - "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_primary", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "octaviusColorSidebarItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, }, - "sizeFieldSetMargin": { - "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", + "octaviusColorSidebarScrollbarAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, - "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, - "sizeFieldVerticalMargin": { - "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", + "octaviusColorSidebarShortItemIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", }, }, - "sizeFieldWidthMin": { - "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", + "octaviusColorSidebarShortItemIconActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", }, - "compactX": { - "name": "--vkui--size_field_width_min--compact_x", - "value": "var(--vkui--size_field_width_min--compact_x, 288px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", }, - "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 380px)", + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", }, }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "octaviusColorSidebarShortItemIconSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", }, }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "octaviusColorSidebarShortItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + }, }, - "sizeHeaderIcon": { + "octaviusColorSidebarShortItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + }, + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + }, + }, + "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, #2C2D31)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_background--hover", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + }, + "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, #006FEF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_accent--hover", + "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, #0077FF)", + }, + }, + "octaviusColorSnackbarIconNegative": { + "active": { + "name": "--vkui--octavius_color_snackbar_icon_negative--active", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_negative--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + }, + "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, #0CB465)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_positive--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + }, + "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, #90929A)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + }, + "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, #EB9305)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_warning--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + }, + "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, #187CEF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_text_accent--hover", + "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, #1A85FF)", + }, + }, + "octaviusColorSnackbarTextContrast": { + "active": { + "name": "--vkui--octavius_color_snackbar_text_contrast--active", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_text_contrast--hover", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + }, + "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))", + }, + }, + "octaviusColorTextFees": { + "active": { + "name": "--vkui--octavius_color_text_fees--active", + "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + }, + "hover": { + "name": "--vkui--octavius_color_text_fees--hover", + "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + }, + "normal": { + "name": "--vkui--octavius_color_text_fees", + "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + }, + }, + "octaviusColorTextFinance": { + "active": { + "name": "--vkui--octavius_color_text_finance--active", + "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", + }, + "hover": { + "name": "--vkui--octavius_color_text_finance--hover", + "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + }, + "normal": { + "name": "--vkui--octavius_color_text_finance", + "value": "var(--vkui--octavius_color_text_finance, #27B275)", + }, + }, + "octaviusColorTextGames": { + "active": { + "name": "--vkui--octavius_color_text_games--active", + "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", + }, + "hover": { + "name": "--vkui--octavius_color_text_games--hover", + "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + }, + "normal": { + "name": "--vkui--octavius_color_text_games", + "value": "var(--vkui--octavius_color_text_games, #EBAF00)", + }, + }, + "octaviusColorTextMailings": { + "active": { + "name": "--vkui--octavius_color_text_mailings--active", + "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + }, + "hover": { + "name": "--vkui--octavius_color_text_mailings--hover", + "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + }, + "normal": { + "name": "--vkui--octavius_color_text_mailings", + "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + }, + }, + "octaviusColorTextNews": { + "active": { + "name": "--vkui--octavius_color_text_news--active", + "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", + }, + "hover": { + "name": "--vkui--octavius_color_text_news--hover", + "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + }, + "normal": { + "name": "--vkui--octavius_color_text_news", + "value": "var(--vkui--octavius_color_text_news, #08ABD9)", + }, + }, + "octaviusColorTextSchool": { + "active": { + "name": "--vkui--octavius_color_text_school--active", + "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", + }, + "hover": { + "name": "--vkui--octavius_color_text_school--hover", + "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + }, + "normal": { + "name": "--vkui--octavius_color_text_school", + "value": "var(--vkui--octavius_color_text_school, #C97EEC)", + }, + }, + "octaviusColorTextSocial": { + "active": { + "name": "--vkui--octavius_color_text_social--active", + "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + }, + "hover": { + "name": "--vkui--octavius_color_text_social--hover", + "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + }, + "normal": { + "name": "--vkui--octavius_color_text_social", + "value": "var(--vkui--octavius_color_text_social, #556AD9)", + }, + }, + "octaviusColorTextToMyself": { + "active": { + "name": "--vkui--octavius_color_text_to_myself--active", + "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + }, + "hover": { + "name": "--vkui--octavius_color_text_to_myself--hover", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + }, + "normal": { + "name": "--vkui--octavius_color_text_to_myself", + "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + }, + }, + "octaviusColorThreadFooterBackground": { + "active": { + "name": "--vkui--octavius_color_thread_footer_background--active", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + }, + "hover": { + "name": "--vkui--octavius_color_thread_footer_background--hover", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + }, + "normal": { + "name": "--vkui--octavius_color_thread_footer_background", + "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + }, + }, + "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_header_icon", - "value": "var(--vkui--size_header_icon)", + "name": "--vkui--octavius_size_headline_height", + "value": "var(--vkui--octavius_size_headline_height)", }, "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "name": "--vkui--octavius_size_headline_height--regular", + "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", }, }, - "sizeIconMargin": { + "octaviusSizeLayoutWidthMax": { "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", + "name": "--vkui--octavius_size_layout_width_max", + "value": "var(--vkui--octavius_size_layout_width_max)", }, "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 8px)", + "name": "--vkui--octavius_size_layout_width_max--regular", + "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", }, }, - "sizeIconMorePadding": { + "octaviusSizeLayoutWidthMin": { "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", + "name": "--vkui--octavius_size_layout_width_min", + "value": "var(--vkui--octavius_size_layout_width_min)", }, "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "name": "--vkui--octavius_size_layout_width_min--regular", + "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", }, }, - "sizeIconUI": { + "octaviusSizeSidebarPaddingTop": { "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "name": "--vkui--octavius_size_sidebar_padding_top", + "value": "var(--vkui--octavius_size_sidebar_padding_top)", }, - "compact": { - "name": "--vkui--size_icon_u_i--compact", - "value": "var(--vkui--size_icon_u_i--compact, 16px)", + "regular": { + "name": "--vkui--octavius_size_sidebar_padding_top--regular", + "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", }, - "compactX": { - "name": "--vkui--size_icon_u_i--compact_x", - "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", + }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "auto": { + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", }, "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 18px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", }, }, - "sizeIllustrationL": { + "octaviusSizeSidebarWidgetsHeightMin": { "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", }, "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", }, }, - "sizeIllustrationM": { + "octaviusTextDecorationEmptyStateTextLink": { + "active": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + }, + "hover": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + }, + "normal": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + }, + }, + "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_illustration_m", - "value": "var(--vkui--size_illustration_m)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeIllustrationS": { + "sizeArrowHeight": { "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "sizeIllustrationXM": { + "sizeArrowPadding": { "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "sizeIllustrationXXL": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeLabelHorizontalMargin": { + "sizeArrowWidth": { "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "sizeLabelVerticalMargin": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "sizeLabelWidth": { + "sizeAvatarL": { "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "sizeMenuMargin": { + "sizeAvatarM": { "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "sizeMenuPadding": { + "sizeAvatarS": { "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "sizeOptionHierarchy": { + "sizeAvatarXL": { "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "sizePanelHeaderHeight": { + "sizeAvatarXS": { "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "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_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "sizePopupBasePadding": { + "sizeBadgeM": { "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "compactX": { - "name": "--vkui--size_popup_base_padding--compact_x", - "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", + "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_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "sizePopupHeaderPadding": { + "sizeBadgeXL": { "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "compactX": { - "name": "--vkui--size_popup_header_padding--compact_x", - "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", + "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_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "sizePopupLarge": { + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", + }, + "compact": { + "name": "--vkui--size_base_margin--compact", + "value": "var(--vkui--size_base_margin--compact, 12px)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 8px)", }, }, - "sizePopupMargin": { + "sizeBasePadding": { "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 8px)", + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", }, - "compactX": { - "name": "--vkui--size_popup_margin--compact_x", - "value": "var(--vkui--size_popup_margin--compact_x, 8px)", + "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_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 24px)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "sizePopupMedium": { + "sizeBasePaddingVertical": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "sizePopupSmall": { + "sizeBorder1x": { "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "sizeProgress": { + "sizeBorder2x": { "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "sizeProgressScroll": { + "sizeBorder3x": { "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "sizePromoButtonClose": { + "sizeBorderRadius": { "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 2px)", }, }, - "sizeSearchHeight": { + "sizeBorderRadiusPaper": { "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "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_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "sizeSelectIconPadding": { + "sizeBorderRadiusRounded": { "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "sizeSliceBottomPadding": { + "sizeBorderWidthAccent": { "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "sizeSliceTopPadding": { + "sizeBorderWidthAccentSecondary": { "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, - "sizeSplitColPaddingHorizontal": { + "sizeBorderWidthBar": { "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "sizeSubnavigationBarGap": { + "sizeBorderWidthTab": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "sizeSubnavigationBarPaddingVertical": { + "sizeBulletMargin": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "sizeSwitchHeight": { + "sizeButtonBaseLargePaddingHorizontal": { "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "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_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "sizeSwitchPin": { + "sizeButtonBaseMediumPaddingHorizontal": { "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "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_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "sizeSwitchWidth": { + "sizeButtonBaseSmallPaddingHorizontal": { "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "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_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "sizeTabMargin": { + "sizeButtonGroupGapMedium": { "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "compact": { - "name": "--vkui--size_tab_margin--compact", - "value": "var(--vkui--size_tab_margin--compact, 32px)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, - "compactX": { - "name": "--vkui--size_tab_margin--compact_x", - "value": "var(--vkui--size_tab_margin--compact_x, 32px)", + }, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "sizeTabPadding": { + "sizeButtonGroupGapSpace": { "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", + "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_tab_padding--compact", - "value": "var(--vkui--size_tab_padding--compact, 0px)", + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", }, - "compactX": { - "name": "--vkui--size_tab_padding--compact_x", - "value": "var(--vkui--size_tab_padding--compact_x, 0px)", + "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_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "sizeTableHorizontalPadding": { + "sizeButtonMediumHeight": { "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", + "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, 48px)", }, "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 32px)", }, }, - "sizeTableVerticalPadding": { + "sizeButtonMinimumWidth": { "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "sizeTagMargin": { + "sizeButtonMorePadding": { "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "sizeTagPadding": { + "sizeButtonPaddingHorizontal": { "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_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, 20px)", }, "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 16px)", }, }, - "sizeTipMargin": { + "sizeButtonSliderHeight": { "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "sizeTooltipMargin": { + "sizeButtonSliderWidth": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "sizeVerticalPadding": { + "sizeButtonSliderWidthPointer": { "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "sizeWysiwygIcon": { + "sizeButtonSmallHeight": { "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 32px)", + }, + }, + "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, 130px)", + }, + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 104px)", + }, + }, + "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, 48px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 32px)", + }, + }, + "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, 16px)", + }, + }, + "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)", + }, + "compact": { + "name": "--vkui--size_field_vertical_margin--compact", + "value": "var(--vkui--size_field_vertical_margin--compact, 24px)", + }, + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 20px)", + }, + }, + "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)", + }, + "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, 12px)", + }, + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 8px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + }, + "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)", + }, + }, + "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": { @@ -153851,11 +162633,11 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, mycom)", + "value": "var(--vkui--theme_name, octaviusCompact)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, mycom)", + "value": "var(--vkui--theme_name_base, octavius)", }, "themeType": "cssVars", "toneValueActive": { @@ -153890,45 +162672,21 @@ exports[`shapshots mycom 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", @@ -153997,7 +162755,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -154005,17 +162763,9 @@ exports[`shapshots mycom 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", @@ -154102,6 +162852,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#0073F7", "normal": "#0077ff", }, + "colorAlert": { + "active": "#B2311E", + "hover": "#B9331C", + "normal": "#c1341b", + }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", "hover": "rgba(145, 147, 153, 0.52)", @@ -154118,9 +162873,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -154282,6 +163037,16 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, + "colorBackgroundThumbnail": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", + }, + "colorBackgroundThumbnailAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", @@ -154348,9 +163113,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -154457,106 +163222,111 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(44, 45, 46, 0.54)", "normal": "rgba(44, 45, 46, 0.5)", }, - "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "colorPaletteBlue1": { + "active": "#264CEF", + "hover": "#274EF7", + "normal": "#2951ff", }, - "colorPrimaryAuto": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "colorPrimaryBase": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteBlue2": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, - "colorPrimaryDeti": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteBlue3": { + "active": "#23CED2", + "hover": "#24D7D9", + "normal": "#26dfdf", }, - "colorPrimaryDobro": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "colorPaletteGreen1": { + "active": "#A0D016", + "hover": "#A7D915", + "normal": "#aee113", }, - "colorPrimaryHealth": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen1Alpha": { + "active": "rgba(92, 186, 56, 0.2)", + "hover": "rgba(92, 186, 56, 0.16)", + "normal": "rgba(92, 186, 56, 0.12)", }, - "colorPrimaryHealthNew": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen2": { + "active": "#52B552", + "hover": "#55BC53", + "normal": "#59c354", }, - "colorPrimaryHitech": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen2Alpha": { + "active": "rgba(0, 230, 180, 0.16)", + "hover": "rgba(0, 230, 180, 0.12)", + "normal": "rgba(0, 230, 180, 0.08)", }, - "colorPrimaryKino": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen3": { + "active": "#33D98D", + "hover": "#35E291", + "normal": "#37eb94", }, - "colorPrimaryLady": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen4": { + "active": "#00A4AA", + "hover": "#00ABAE", + "normal": "#00b1b3", }, - "colorPrimaryMycom": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "colorPaletteOrange1": { + "active": "#EB812F", + "hover": "#F5862F", + "normal": "#ff8b2e", }, - "colorPrimaryPets": { - "active": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", + "colorPaletteOrange1Alpha": { + "active": "rgba(255, 158, 0, 0.2)", + "hover": "rgba(255, 158, 0, 0.16)", + "normal": "rgba(255, 158, 0, 0.12)", }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "colorPaletteRed1": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, - "colorPrimaryRealty": { + "colorPaletteRed2": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", + }, + "colorPaletteRed3": { + "active": "#EB69B1", + "hover": "#F56DB6", + "normal": "#ff71bb", + }, + "colorPaletteViolet1": { + "active": "#6301EF", + "hover": "#6801F7", + "normal": "#6c00ff", + }, + "colorPaletteViolet2": { + "active": "#A06BEF", + "hover": "#A76FF7", + "normal": "#ae73ff", + }, + "colorPaletteYellow1": { + "active": "#EBB515", + "hover": "#F5BC13", + "normal": "#ffc311", + }, + "colorPanelHeaderIcon": { "active": "#006FEF", "hover": "#0073F7", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", "hover": "#F5CC02", "normal": "#ffd400", }, - "colorSale": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, "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", @@ -154633,9 +163403,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -154662,30 +163432,80 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#939CA9", "normal": "#99A2AD", }, - "colorTextAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "colorTagBackgroundMint": { + "active": "#A5DED0", + "hover": "#ACE7D7", + "normal": "#B3F0DD", }, - "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "colorTagBackgroundOrange": { + "active": "#EBC29F", + "hover": "#F5CAA4", + "normal": "#FFD2A8", }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "colorTagBackgroundPink": { + "active": "#EBA5CD", + "hover": "#F5ACD4", + "normal": "#FFB2DA", }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "colorTagBackgroundPurple": { + "active": "#BEA6E2", + "hover": "#C6ACE9", + "normal": "#CEB3F0", }, - "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "colorTagBackgroundSky": { + "active": "#97CEEF", + "hover": "#9DD6F7", + "normal": "#A4DEFF", + }, + "colorTagTextMint": { + "active": "#1D5559", + "hover": "#1F585A", + "normal": "#205B5B", + }, + "colorTagTextOrange": { + "active": "#543322", + "hover": "#573421", + "normal": "#5B3620", + }, + "colorTagTextPink": { + "active": "#4B1F59", + "hover": "#4E1F5A", + "normal": "#51205B", + }, + "colorTagTextPurple": { + "active": "#341F59", + "hover": "#361F5A", + "normal": "#38205B", + }, + "colorTagTextSky": { + "active": "#1D3B59", + "hover": "#1F3D5A", + "normal": "#203F5B", + }, + "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", @@ -154836,11 +163656,11 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "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": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -154848,7 +163668,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", @@ -154858,7 +163678,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -154866,7 +163686,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", @@ -154876,7 +163696,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -154884,7 +163704,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", @@ -154894,7 +163714,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "23px", "fontWeight": 500, "lineHeight": "28px", @@ -154902,13 +163722,13 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "lineHeight": "22px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "21px", "fontWeight": 500, "lineHeight": "26px", @@ -154916,7 +163736,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "19px", "fontWeight": 500, "lineHeight": "24px", @@ -154924,20 +163744,18 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "24px", }, }, - "fontFamily": "Proxima Nova, 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", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -154945,7 +163763,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", @@ -154959,7 +163777,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "52px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "32px", @@ -154967,55 +163785,35 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, + "fontSize": "32px", "lineHeight": "36px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "36px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", "fontWeight": 500, - "lineHeight": "48px", + "lineHeight": "28px", }, }, "fontH2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "34px", + "lineHeight": "32px", }, - }, - "fontH3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", }, }, - "fontH4": { - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "22px", - }, - }, "fontHeadline": { "compact": { "fontSize": "15px", "lineHeight": "20px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -155027,7 +163825,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -155039,7 +163837,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -155047,7 +163845,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -155059,7 +163857,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -155071,15 +163869,15 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -155087,7 +163885,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -155095,7 +163893,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -155107,577 +163905,944 @@ exports[`shapshots mycom 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%", - "gridAsideContent": { - "compact": "300px", - "compactX": "300px", - "large": "380px", - "regular": "100%", - }, - "gridColumnX2": { - "compact": "430px", - "compactX": "280px", - "large": "580px", - "regular": "100%", + "octaviusColorActionArchive": { + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, - "gridColumnX3": { - "compact": "280px", - "compactX": "180px", - "large": "380px", - "regular": "100%", + "octaviusColorBackground": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, - "gridColumnX4": { - "compact": "205px", - "compactX": "130px", - "large": "280px", - "regular": "100%", + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "gridColumnX6": { - "compact": "130px", - "compactX": "80px", - "large": "180px", - "regular": "100%", + "octaviusColorBackgroundAccentTonedAlpha": { + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, - "gridMainContent": { - "compact": "620px", - "compactX": "620px", - "large": "780px", - "regular": "100%", + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, - "gridMainContentWide": { - "compact": "620px", - "compactX": "620px", - "large": "860px", - "regular": "100%", + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, - "gridWrapperContent": { - "compact": "940px", - "compactX": "620px", - "large": "1260px", - "regular": "100%", + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "26px", - }, - "regular": { - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "22px", - }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": "15px", - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": "20px", - }, - "regular": { - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": "16px", - }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, - "mediaFontMediaLead": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "26px", - }, + "octaviusColorButtonEmptyStateText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "mediaFontMediaParagraph": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", - }, + "octaviusColorButtonIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "mediaFontMediaParagraphNumbering": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "18px", - "fontStyle": "italic", - "fontWeight": 700, - "letterSpacing": "0.003em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "16px", - "fontStyle": "italic", - "fontWeight": 700, - "letterSpacing": "0.003em", - "lineHeight": "28px", - }, + "octaviusColorButtonText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "24px", - }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "mediaFontMediaQuote": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "26px", - }, + "octaviusColorDatasetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "mediaFontMediaQuotePerson": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "letterSpacing": "-0.005em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "18px", - "fontWeight": 600, - "letterSpacing": "-0.005em", - "lineHeight": "24px", - }, + "octaviusColorEmptyStateText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 400, - "lineHeight": "26px", - }, + "octaviusColorEmptyStateTextLink": { + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "octaviusColorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "mediaFontMediaTitle1": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "48px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "56px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "30px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "transparent", }, - "mediaFontMediaTitle1Tiny": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "40px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "48px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "30px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, + "octaviusColorHeaderButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "mediaFontMediaTitle2": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "36px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "34px", - }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, - "mediaFontMediaTitle2Tiny": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "40px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "26px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "32px", - }, + "octaviusColorHeaderIcon": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "mediaFontMediaTitle3": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "40px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "26px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "32px", - }, + "octaviusColorHeaderIconAttach": { + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, - "mediaFontMediaTitle4": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "30px", - }, + "octaviusColorHeaderIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, - "mediaFontMediaTitle5": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "28px", - }, + "octaviusColorHeaderIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "mediaFontMediaTitle6": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "28px", - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "26px", - }, + "octaviusColorHeaderProgress": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "mediaSizeGap": "20px", - "mediaSizeGrid": "60px", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "sizeArrow": { - "regular": "8px", + "octaviusColorHeaderSearchBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, - "sizeArrowHeight": { - "regular": "8px", + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, - "sizeArrowPadding": { - "regular": "12px", + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, - "sizeArrowPromo": { - "regular": "40px", + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "sizeArrowWidth": { - "regular": "12px", + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeAttributeMargin": { - "regular": "4px", + "octaviusColorHeaderSearchIcon": { + "active": "#A7ABB4", + "hover": "#AFB1B9", + "normal": "#b6b8be", }, - "sizeAvatarL": { - "regular": "96px", + "octaviusColorHeaderSearchText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeAvatarM": { - "regular": "48px", + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, - "sizeAvatarS": { - "regular": "32px", + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, - "sizeAvatarXL": { - "regular": "128px", + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeAvatarXS": { - "regular": "24px", + "octaviusColorHeaderTextSecondary": { + "active": "#878B93", + "hover": "#8D9197", + "normal": "#93969b", }, - "sizeBadgeL": { - "regular": "44px", + "octaviusColorIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, - "sizeBadgeM": { - "regular": "24px", + "octaviusColorIconEventAlpha": { + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, - "sizeBadgeS": { - "regular": "16px", + "octaviusColorIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, - "sizeBadgeXL": { - "regular": "56px", + "octaviusColorIconFees": { + "active": "#EB5B5F", + "hover": "#F55F61", + "normal": "#FF6262", }, - "sizeBadgeXS": { - "regular": "12px", + "octaviusColorIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2FC885", }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", + "octaviusColorIconGames": { + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, - "sizeBasePadding": { - "compactX": "16px", - "regular": "20px", + "octaviusColorIconMailings": { + "active": "#EB9846", + "hover": "#F59E47", + "normal": "#FFA447", }, - "sizeBasePaddingHorizontal": { - "regular": "16px", + "octaviusColorIconNews": { + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, - "sizeBasePaddingVertical": { - "regular": "12px", + "octaviusColorIconOfficial": { + "active": "#D9434E", + "hover": "#E3454F", + "normal": "#EC4750", }, - "sizeBorder1x": { - "regular": "1px", + "octaviusColorIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, - "sizeBorder2x": { - "regular": "0.5px", + "octaviusColorIconOrderAlpha": { + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, - "sizeBorder3x": { - "regular": "0.33px", + "octaviusColorIconReceipts": { + "active": "#6BB109", + "hover": "#6FB807", + "normal": "#74BF05", }, - "sizeBorderRadius": { - "regular": "8px", + "octaviusColorIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, - "sizeBorderRadiusPaper": { - "regular": "4px", + "octaviusColorIconSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, - "sizeBorderRadiusPromo": { - "regular": "20px", + "octaviusColorIconSocial": { + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", }, - "sizeBorderRadiusRounded": { - "regular": "48px", + "octaviusColorIconToMyself": { + "active": "#1BB8C6", + "hover": "#1CC0CC", + "normal": "#1DC7D2", }, - "sizeBorderWidthAccent": { - "regular": "8px", + "octaviusColorIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, - "sizeBorderWidthAccentSecondary": { - "regular": "4px", + "octaviusColorIconTravelAlpha": { + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, - "sizeBorderWidthBar": { - "regular": "4px", + "octaviusColorIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "sizeBorderWidthTab": { - "regular": "2px", + "octaviusColorLayoutBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeBulletMargin": { - "regular": "12px", + "octaviusColorLayoutLetterBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", + "normal": "transparent", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "octaviusColorLetterListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "octaviusColorListBackgroundPositiveAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", }, - "sizeButtonGroupGapMedium": { - "regular": "12px", + "octaviusColorListIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonGroupGapSmall": { - "regular": "8px", + "octaviusColorListLetterAdvBackground": { + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", }, - "sizeButtonGroupGapSpace": { - "regular": "1px", + "octaviusColorListLetterBackground": { + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", }, - "sizeButtonIconPadding": { - "regular": "20px", + "octaviusColorListLetterSeparatorAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "octaviusColorListTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "octaviusColorListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonMinimumWidth": { - "regular": "80px", + "octaviusColorNotificationBorder": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "sizeButtonMorePadding": { - "regular": "8px", + "octaviusColorOverlayBackground": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "sizeButtonPaddingHorizontal": { - "regular": "20px", + "octaviusColorPlaceholderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "sizeButtonSliderHeight": { - "regular": "24px", + "octaviusColorPortalMenuBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonSliderWidth": { - "regular": "12px", + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, - "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "octaviusColorPromoBackground": { + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "octaviusColorSidebarButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "octaviusColorSidebarButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "octaviusColorSidebarButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "octaviusColorSidebarComposeButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "octaviusColorSidebarComposeButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "octaviusColorSidebarComposeButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, - "sizeCardBorderRadius": { - "regular": "16px", + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "sizeCardgridPadding": { - "regular": "12px", + "octaviusColorSidebarCounterText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeCardgridPaddingVertical": { - "regular": "8px", + "octaviusColorSidebarIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, - "sizeCheckBorderRadius": { - "regular": "4px", + "octaviusColorSidebarIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, - "sizeCheckbox": { - "regular": "16px", + "octaviusColorSidebarIconFees": { + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, - "sizeChoiceMargin": { - "regular": "8px", + "octaviusColorSidebarIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, - "sizeControlButtonWidthMin": { - "compact": "130px", - "compactX": "130px", - "regular": "94px", + "octaviusColorSidebarIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, - "sizeDivPadding": { - "regular": "4px", + "octaviusColorSidebarIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, - "sizeDotBullet": { - "regular": "4px", + "octaviusColorSidebarIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, - "sizeDotClickable": { - "regular": "12px", + "octaviusColorSidebarIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "sizeDotIndicate": { - "regular": "8px", + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "sizeFieldHorizontalMargin": { - "compact": "16px", - "compactX": "16px", - "regular": "20px", + "octaviusColorSidebarItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "octaviusColorSidebarItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeFieldSetMargin": { - "regular": "32px", + "octaviusColorSidebarItemIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeFieldVerticalMargin": { - "regular": "24px", + "octaviusColorSidebarItemIconSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, - "sizeFieldWidthMin": { - "compactX": "288px", - "regular": "380px", + "octaviusColorSidebarItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "sizeFormItemPaddingVertical": { - "regular": "12px", + "octaviusColorSidebarItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", + "octaviusColorSidebarItemTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeIconMargin": { - "regular": "8px", + "octaviusColorSidebarItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, - "sizeIconMorePadding": { - "regular": "12px", + "octaviusColorSidebarScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "sizeIconUI": { - "compact": "16px", - "compactX": "16px", - "regular": "18px", + "octaviusColorSidebarShortItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "sizeIllustrationL": { + "octaviusColorSidebarShortItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "octaviusColorSidebarShortItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorSnackbarBackground": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "octaviusColorSnackbarIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "octaviusColorSnackbarIconNegative": { + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#FF5C5C", + }, + "octaviusColorSnackbarIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "#90929A", + "hover": "#96979E", + "normal": "#9C9DA2", + }, + "octaviusColorSnackbarIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "octaviusColorSnackbarTextAccent": { + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", + }, + "octaviusColorSnackbarTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSnackbarTransparent": { + "active": "rgba(255, 255, 255, 0.04)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorTextFees": { + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", + }, + "octaviusColorTextFinance": { + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", + }, + "octaviusColorTextGames": { + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", + }, + "octaviusColorTextMailings": { + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", + }, + "octaviusColorTextNews": { + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", + }, + "octaviusColorTextSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", + }, + "octaviusColorTextSocial": { + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", + }, + "octaviusColorTextToMyself": { + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", + }, + "octaviusColorThreadFooterBackground": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", + }, + "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", + }, + "octaviusSizeLayoutWidthMax": { + "regular": "2150px", + }, + "octaviusSizeLayoutWidthMin": { + "regular": "761px", + }, + "octaviusSizeSidebarPaddingTop": { + "regular": "12px", + }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "regular": "104px", + }, + "octaviusSizeSidebarWidgetsHeightMin": { + "regular": "64px", + }, + "octaviusTextDecorationEmptyStateTextLink": { + "active": "underline", + "hover": "underline", + "normal": "none", + }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", + "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": { + "compact": "12px", + "regular": "8px", + }, + "sizeBasePadding": { + "compact": "20px", + "regular": "16px", + }, + "sizeBasePaddingHorizontal": { + "regular": "16px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "2px", + }, + "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": "48px", + "regular": "32px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonMorePadding": { + "regular": "8px", + }, + "sizeButtonPaddingHorizontal": { + "compact": "20px", + "regular": "16px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { + "regular": "12px", + }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", + }, + "sizeButtonSmallHeight": { + "regular": "32px", + }, + "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", + }, + "sizeControlButtonWidthMin": { + "compact": "130px", + "regular": "104px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", + }, + "sizeFieldHeight": { + "compact": "48px", + "regular": "32px", + }, + "sizeFieldHorizontalMargin": { + "regular": "16px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFieldSetMargin": { + "regular": "32px", + }, + "sizeFieldVerticalMargin": { + "compact": "24px", + "regular": "20px", + }, + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "compact": "12px", + "regular": "8px", + }, + "sizeIconMorePadding": { + "compact": "8px", + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeIllustrationL": { "regular": "144px", }, "sizeIllustrationM": { @@ -155715,20 +164880,19 @@ exports[`shapshots mycom 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", @@ -155750,6 +164914,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "regular": "36px", }, "sizeSelectIconPadding": { + "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -155780,13 +164945,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "regular": "34px", }, "sizeTabMargin": { - "compact": "32px", - "compactX": "32px", "regular": "8px", }, "sizeTabPadding": { - "compact": "0px", - "compactX": "0px", "regular": "16px", }, "sizeTableHorizontalPadding": { @@ -155823,8 +164984,8 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "mycom", - "themeNameBase": "mycom", + "themeName": "octaviusCompact", + "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -155834,16 +164995,10 @@ exports[`shapshots mycom 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", @@ -155863,7 +165018,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -155871,17 +165026,9 @@ exports[`shapshots mycom 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", @@ -155968,6 +165115,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "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)", + "hover": "var(--vkui--color_alert--hover, #B9331C)", + "normal": "var(--vkui--color_alert, #c1341b)", + }, "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))", @@ -155984,9 +165136,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #009FE4)", - "hover": "var(--vkui--color_background_accent--hover, #00A5EB)", - "normal": "var(--vkui--color_background_accent, #00abf2)", + "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)", @@ -156148,6 +165300,16 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "colorBackgroundThumbnail": { + "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", + }, + "colorBackgroundThumbnailAlpha": { + "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #EBDFA4)", "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", @@ -156214,9 +165376,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #009FE4)", - "hover": "var(--vkui--color_icon_accent--hover, #00A5EB)", - "normal": "var(--vkui--color_icon_accent, #00abf2)", + "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)", @@ -156323,106 +165485,111 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "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)", + "colorPaletteBlue1": { + "active": "var(--vkui--color_palette_blue1--active, #264CEF)", + "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "normal": "var(--vkui--color_palette_blue1, #2951ff)", }, - "colorPrimaryAuto": { - "active": "var(--vkui--color_primary_auto--active, #006FEF)", - "hover": "var(--vkui--color_primary_auto--hover, #0073F7)", - "normal": "var(--vkui--color_primary_auto, #0077FF)", + "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))", }, - "colorPrimaryBase": { - "active": "var(--vkui--color_primary_base--active, #006FEF)", - "hover": "var(--vkui--color_primary_base--hover, #0073F7)", - "normal": "var(--vkui--color_primary_base, #0077FF)", + "colorPaletteBlue2": { + "active": "var(--vkui--color_palette_blue2--active, #009FE4)", + "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "normal": "var(--vkui--color_palette_blue2, #00abf2)", }, - "colorPrimaryDeti": { - "active": "var(--vkui--color_primary_deti--active, #006FEF)", - "hover": "var(--vkui--color_primary_deti--hover, #0073F7)", - "normal": "var(--vkui--color_primary_deti, #0077FF)", + "colorPaletteBlue3": { + "active": "var(--vkui--color_palette_blue3--active, #23CED2)", + "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "normal": "var(--vkui--color_palette_blue3, #26dfdf)", }, - "colorPrimaryDobro": { - "active": "var(--vkui--color_primary_dobro--active, #EBC405)", - "hover": "var(--vkui--color_primary_dobro--hover, #F5CC02)", - "normal": "var(--vkui--color_primary_dobro, #ffd400)", + "colorPaletteGreen1": { + "active": "var(--vkui--color_palette_green1--active, #A0D016)", + "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", + "normal": "var(--vkui--color_palette_green1, #aee113)", }, - "colorPrimaryHealth": { - "active": "var(--vkui--color_primary_health--active, #006FEF)", - "hover": "var(--vkui--color_primary_health--hover, #0073F7)", - "normal": "var(--vkui--color_primary_health, #0077FF)", + "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))", }, - "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)", + "colorPaletteGreen2": { + "active": "var(--vkui--color_palette_green2--active, #52B552)", + "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", + "normal": "var(--vkui--color_palette_green2, #59c354)", }, - "colorPrimaryHitech": { - "active": "var(--vkui--color_primary_hitech--active, #006FEF)", - "hover": "var(--vkui--color_primary_hitech--hover, #0073F7)", - "normal": "var(--vkui--color_primary_hitech, #0077FF)", + "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))", }, - "colorPrimaryKino": { - "active": "var(--vkui--color_primary_kino--active, #006FEF)", - "hover": "var(--vkui--color_primary_kino--hover, #0073F7)", - "normal": "var(--vkui--color_primary_kino, #0077FF)", + "colorPaletteGreen3": { + "active": "var(--vkui--color_palette_green3--active, #33D98D)", + "hover": "var(--vkui--color_palette_green3--hover, #35E291)", + "normal": "var(--vkui--color_palette_green3, #37eb94)", }, - "colorPrimaryLady": { - "active": "var(--vkui--color_primary_lady--active, #006FEF)", - "hover": "var(--vkui--color_primary_lady--hover, #0073F7)", - "normal": "var(--vkui--color_primary_lady, #0077FF)", + "colorPaletteGreen4": { + "active": "var(--vkui--color_palette_green4--active, #00A4AA)", + "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "normal": "var(--vkui--color_palette_green4, #00b1b3)", }, - "colorPrimaryMycom": { - "active": "var(--vkui--color_primary_mycom--active, #009FE4)", - "hover": "var(--vkui--color_primary_mycom--hover, #00A5EB)", - "normal": "var(--vkui--color_primary_mycom, #00abf2)", + "colorPaletteOrange1": { + "active": "var(--vkui--color_palette_orange1--active, #EB812F)", + "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", }, - "colorPrimaryPets": { - "active": "var(--vkui--color_primary_pets--active, #fc627e)", - "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - "normal": "var(--vkui--color_primary_pets, #fc738c)", + "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))", }, - "colorPrimaryPharma": { - "active": "var(--vkui--color_primary_pharma--active, #1BC39A)", - "hover": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", - "normal": "var(--vkui--color_primary_pharma, #1DD3A2)", + "colorPaletteRed1": { + "active": "var(--vkui--color_palette_red1--active, #E82A38)", + "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", + "normal": "var(--vkui--color_palette_red1, #fc2c38)", }, - "colorPrimaryRealty": { - "active": "var(--vkui--color_primary_realty--active, #006FEF)", - "hover": "var(--vkui--color_primary_realty--hover, #0073F7)", - "normal": "var(--vkui--color_primary_realty, #0077FF)", + "colorPaletteRed2": { + "active": "var(--vkui--color_palette_red2--active, #D8187C)", + "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", + "normal": "var(--vkui--color_palette_red2, #eb1981)", + }, + "colorPaletteRed3": { + "active": "var(--vkui--color_palette_red3--active, #EB69B1)", + "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "normal": "var(--vkui--color_palette_red3, #ff71bb)", + }, + "colorPaletteViolet1": { + "active": "var(--vkui--color_palette_violet1--active, #6301EF)", + "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "normal": "var(--vkui--color_palette_violet1, #6c00ff)", + }, + "colorPaletteViolet2": { + "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "normal": "var(--vkui--color_palette_violet2, #ae73ff)", + }, + "colorPaletteYellow1": { + "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "normal": "var(--vkui--color_palette_yellow1, #ffc311)", + }, + "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)", }, - "colorSale": { - "active": "var(--vkui--color_sale--active, #E82A38)", - "hover": "var(--vkui--color_sale--hover, #F22B38)", - "normal": "var(--vkui--color_sale, #fc2c38)", - }, "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)", @@ -156499,9 +165666,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #009FE4)", - "hover": "var(--vkui--color_stroke_accent--hover, #00A5EB)", - "normal": "var(--vkui--color_stroke_accent, #00abf2)", + "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)", @@ -156528,10 +165695,60 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, + "colorTagBackgroundMint": { + "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + "normal": "var(--vkui--color_tag_background_mint, #B3F0DD)", + }, + "colorTagBackgroundOrange": { + "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + "normal": "var(--vkui--color_tag_background_orange, #FFD2A8)", + }, + "colorTagBackgroundPink": { + "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + "normal": "var(--vkui--color_tag_background_pink, #FFB2DA)", + }, + "colorTagBackgroundPurple": { + "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + "normal": "var(--vkui--color_tag_background_purple, #CEB3F0)", + }, + "colorTagBackgroundSky": { + "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + "normal": "var(--vkui--color_tag_background_sky, #A4DEFF)", + }, + "colorTagTextMint": { + "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + "normal": "var(--vkui--color_tag_text_mint, #205B5B)", + }, + "colorTagTextOrange": { + "active": "var(--vkui--color_tag_text_orange--active, #543322)", + "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", + "normal": "var(--vkui--color_tag_text_orange, #5B3620)", + }, + "colorTagTextPink": { + "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + "normal": "var(--vkui--color_tag_text_pink, #51205B)", + }, + "colorTagTextPurple": { + "active": "var(--vkui--color_tag_text_purple--active, #341F59)", + "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + "normal": "var(--vkui--color_tag_text_purple, #38205B)", + }, + "colorTagTextSky": { + "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + "normal": "var(--vkui--color_tag_text_sky, #203F5B)", + }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #009FE4)", - "hover": "var(--vkui--color_text_accent--hover, #00A5EB)", - "normal": "var(--vkui--color_text_accent, #00abf2)", + "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)", @@ -156702,11 +165919,11 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + "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, Proxima Nova, 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)", @@ -156714,7 +165931,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Proxima Nova, 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)", @@ -156724,7 +165941,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Proxima Nova, 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)", @@ -156732,7 +165949,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Proxima Nova, 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)", @@ -156742,7 +165959,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Proxima Nova, 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)", @@ -156750,7 +165967,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Proxima Nova, 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)", @@ -156760,7 +165977,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -156768,13 +165985,13 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -156782,7 +165999,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -156790,20 +166007,18 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamily": "var(--vkui--font_family, Proxima Nova, 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)", + "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, Proxima Nova, 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)", @@ -156811,7 +166026,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Proxima Nova, 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)", @@ -156825,7 +166040,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, Proxima Nova, Arial, sans-serif)", + "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)", @@ -156833,46 +166048,26 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "var(--vkui--font_h1--font_family--compact, Proxima Nova, 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, Proxima Nova, 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, Proxima Nova, 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, Proxima Nova, 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, Proxima Nova, 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, Proxima Nova, 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": { @@ -156881,7 +166076,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -156893,7 +166088,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -156905,7 +166100,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -156913,7 +166108,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Proxima Nova, 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)", @@ -156925,7 +166120,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -156937,15 +166132,15 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_text--font_size--regular, 13px)", "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, Proxima Nova, 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)", @@ -156953,7 +166148,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, Proxima Nova, 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)", @@ -156961,7 +166156,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, Proxima Nova, 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)", @@ -156973,323 +166168,690 @@ exports[`shapshots mycom 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%)", - "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, 380px)", - "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%)", + "octaviusColorActionArchive": { + "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, - "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%)", + "octaviusColorBackground": { + "active": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "normal": "var(--vkui--octavius_color_background, #F6F7F8)", }, - "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%)", + "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))", }, - "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%)", + "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))", }, - "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%)", + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, - "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%)", + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, - "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%)", + "octaviusColorButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, - "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)", - }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, - "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)", - }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, - "mediaFontMediaLead": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorButtonEmptyStateText": { + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, - "mediaFontMediaParagraph": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorButtonIcon": { + "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_icon, #333333)", }, - "mediaFontMediaParagraphNumbering": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorButtonText": { + "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_text, #333333)", }, - "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)", - }, + "octaviusColorContentScrollbarAlpha": { + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, - "mediaFontMediaQuote": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorDatasetBackground": { + "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, - "mediaFontMediaQuotePerson": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorEmptyStateText": { + "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, Proxima Nova, 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)", - }, + "octaviusColorEmptyStateTextLink": { + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, Proxima Nova, 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)", - }, + "octaviusColorHeaderBackground": { + "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)", }, - "mediaFontMediaTitle1": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "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)", }, - "mediaFontMediaTitle1Tiny": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorHeaderButtonText": { + "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)", }, - "mediaFontMediaTitle2": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "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))", }, - "mediaFontMediaTitle2Tiny": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorHeaderIcon": { + "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)", }, - "mediaFontMediaTitle3": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorHeaderIconAttach": { + "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)", }, - "mediaFontMediaTitle4": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorHeaderIconFavorite": { + "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)", }, - "mediaFontMediaTitle5": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorHeaderIconUnread": { + "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)", }, - "mediaFontMediaTitle6": { - "compact": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", - }, + "octaviusColorHeaderProgress": { + "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)", }, - "mediaSizeGap": "var(--vkui--media_size_gap, 20px)", - "mediaSizeGrid": "var(--vkui--media_size_grid, 60px)", + "octaviusColorHeaderSearchBackground": { + "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, #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, 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)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorHeaderSearchIcon": { + "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + }, + "octaviusColorHeaderSearchText": { + "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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, #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)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + }, + "octaviusColorIconEvent": { + "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", + }, + "octaviusColorIconEventAlpha": { + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + }, + "octaviusColorIconFavorite": { + "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + }, + "octaviusColorIconFees": { + "active": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", + }, + "octaviusColorIconFinance": { + "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", + }, + "octaviusColorIconGames": { + "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + }, + "octaviusColorIconMailings": { + "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", + }, + "octaviusColorIconNews": { + "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", + }, + "octaviusColorIconOfficial": { + "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", + }, + "octaviusColorIconOrder": { + "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", + }, + "octaviusColorIconOrderAlpha": { + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + }, + "octaviusColorIconReceipts": { + "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", + }, + "octaviusColorIconRegistration": { + "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + }, + "octaviusColorIconSchool": { + "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", + }, + "octaviusColorIconSocial": { + "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", + }, + "octaviusColorIconToMyself": { + "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", + }, + "octaviusColorIconTravel": { + "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + }, + "octaviusColorIconTravelAlpha": { + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + }, + "octaviusColorIconUnread": { + "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))", + "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", + }, + "octaviusColorLetterListTextUnread": { + "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + }, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + }, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + }, + "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))", + }, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + }, + "octaviusColorListIconPrimary": { + "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", + }, + "octaviusColorListLetterAdvBackground": { + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + }, + "octaviusColorListLetterBackground": { + "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + }, + "octaviusColorListLetterSeparatorAlpha": { + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorListTextPrimary": { + "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", + }, + "octaviusColorListTextUnread": { + "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", + }, + "octaviusColorNotificationBorder": { + "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", + }, + "octaviusColorOverlayBackground": { + "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_overlay_background, transparent)", + }, + "octaviusColorPlaceholderBackground": { + "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + }, + "octaviusColorPortalMenuBackground": { + "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, + "octaviusColorPromoBackground": { + "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + }, + "octaviusColorSidebarButtonBackground": { + "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", + }, + "octaviusColorSidebarButtonIcon": { + "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", + }, + "octaviusColorSidebarButtonText": { + "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", + }, + "octaviusColorSidebarComposeButtonBackground": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", + }, + "octaviusColorSidebarComposeButtonText": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + }, + "octaviusColorSidebarCounterText": { + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + }, + "octaviusColorSidebarIconEvent": { + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + }, + "octaviusColorSidebarIconFavorite": { + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + }, + "octaviusColorSidebarIconFees": { + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + }, + "octaviusColorSidebarIconFinance": { + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + }, + "octaviusColorSidebarIconOrder": { + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + }, + "octaviusColorSidebarIconRegistration": { + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + }, + "octaviusColorSidebarIconTravel": { + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + }, + "octaviusColorSidebarIconUnread": { + "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))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + }, + "octaviusColorSidebarItemIcon": { + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + }, + "octaviusColorSidebarItemIconActive": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + }, + "octaviusColorSidebarItemText": { + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + }, + "octaviusColorSidebarItemTextActive": { + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + }, + "octaviusColorSidebarShortItemText": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + }, + "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, #2C2D31)", + "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", + }, + "octaviusColorSnackbarIconAccent": { + "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)", + "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + "normal": "var(--vkui--octavius_color_snackbar_icon_negative, #FF5C5C)", + }, + "octaviusColorSnackbarIconPositive": { + "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--octavius_color_snackbar_icon_positive, #0DC268)", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + "normal": "var(--vkui--octavius_color_snackbar_icon_secondary, #9C9DA2)", + }, + "octaviusColorSnackbarIconWarning": { + "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", + }, + "octaviusColorSnackbarTextAccent": { + "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)", + "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + "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))", + }, + "octaviusColorTextFees": { + "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + }, + "octaviusColorTextFinance": { + "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "normal": "var(--vkui--octavius_color_text_finance, #27B275)", + }, + "octaviusColorTextGames": { + "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", + }, + "octaviusColorTextMailings": { + "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + }, + "octaviusColorTextNews": { + "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + }, + "octaviusColorTextSchool": { + "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + }, + "octaviusColorTextSocial": { + "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + }, + "octaviusColorTextToMyself": { + "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + }, + "octaviusColorThreadFooterBackground": { + "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + }, + "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, underline)", + "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + }, + "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": { @@ -157342,11 +166904,12 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "compact": "var(--vkui--size_base_margin--compact, 12px)", + "regular": "var(--vkui--size_base_margin--regular, 8px)", }, "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)", @@ -157364,10 +166927,10 @@ exports[`shapshots mycom 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, 2px)", }, "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)", @@ -157379,7 +166942,7 @@ exports[`shapshots mycom 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)", @@ -157418,15 +166981,16 @@ exports[`shapshots mycom 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": { "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)", + "compact": "var(--vkui--size_button_medium_height--compact, 48px)", + "regular": "var(--vkui--size_button_medium_height--regular, 32px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -157435,7 +166999,8 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "compact": "var(--vkui--size_button_padding_horizontal--compact, 20px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 16px)", }, "sizeButtonSliderHeight": { "regular": "var(--vkui--size_button_slider_height--regular, 24px)", @@ -157447,8 +167012,7 @@ exports[`shapshots mycom 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, 32px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -157488,8 +167052,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "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)", + "regular": "var(--vkui--size_control_button_width_min--regular, 104px)", }, "sizeDivPadding": { "regular": "var(--vkui--size_div_padding--regular, 4px)", @@ -157504,13 +167067,11 @@ exports[`shapshots mycom 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)", + "compact": "var(--vkui--size_field_height--compact, 48px)", + "regular": "var(--vkui--size_field_height--regular, 32px)", }, "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)", + "regular": "var(--vkui--size_field_horizontal_margin--regular, 16px)", }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", @@ -157519,11 +167080,12 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "compact": "var(--vkui--size_field_vertical_margin--compact, 24px)", + "regular": "var(--vkui--size_field_vertical_margin--regular, 20px)", }, "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)", @@ -157533,15 +167095,15 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 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": { - "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)", @@ -157581,20 +167143,19 @@ exports[`shapshots mycom 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)", @@ -157616,6 +167177,7 @@ exports[`shapshots mycom 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)", }, "sizeSliceBottomPadding": { @@ -157646,13 +167208,9 @@ exports[`shapshots mycom 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": { @@ -157689,8 +167247,8 @@ exports[`shapshots mycom 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, mycom)", - "themeNameBase": "var(--vkui--theme_name_base, mycom)", + "themeName": "var(--vkui--theme_name, octaviusCompact)", + "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)", @@ -157700,16 +167258,10 @@ exports[`shapshots mycom 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)", @@ -157729,7 +167281,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots mycom theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -157737,17 +167289,9 @@ exports[`shapshots mycom 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", @@ -157834,6 +167378,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#0073F7", "normal": "#0077ff", }, + "colorAlert": { + "active": "#B2311E", + "hover": "#B9331C", + "normal": "#c1341b", + }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", "hover": "rgba(145, 147, 153, 0.52)", @@ -157850,9 +167399,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -158014,6 +167563,16 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, + "colorBackgroundThumbnail": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", + }, + "colorBackgroundThumbnailAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", @@ -158080,9 +167639,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -158189,106 +167748,111 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "rgba(44, 45, 46, 0.54)", "normal": "rgba(44, 45, 46, 0.5)", }, - "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "colorPaletteBlue1": { + "active": "#264CEF", + "hover": "#274EF7", + "normal": "#2951ff", }, - "colorPrimaryAuto": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "colorPrimaryBase": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteBlue2": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, - "colorPrimaryDeti": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteBlue3": { + "active": "#23CED2", + "hover": "#24D7D9", + "normal": "#26dfdf", }, - "colorPrimaryDobro": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "colorPaletteGreen1": { + "active": "#A0D016", + "hover": "#A7D915", + "normal": "#aee113", }, - "colorPrimaryHealth": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen1Alpha": { + "active": "rgba(92, 186, 56, 0.2)", + "hover": "rgba(92, 186, 56, 0.16)", + "normal": "rgba(92, 186, 56, 0.12)", }, - "colorPrimaryHealthNew": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen2": { + "active": "#52B552", + "hover": "#55BC53", + "normal": "#59c354", }, - "colorPrimaryHitech": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen2Alpha": { + "active": "rgba(0, 230, 180, 0.16)", + "hover": "rgba(0, 230, 180, 0.12)", + "normal": "rgba(0, 230, 180, 0.08)", }, - "colorPrimaryKino": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen3": { + "active": "#33D98D", + "hover": "#35E291", + "normal": "#37eb94", }, - "colorPrimaryLady": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorPaletteGreen4": { + "active": "#00A4AA", + "hover": "#00ABAE", + "normal": "#00b1b3", }, - "colorPrimaryMycom": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "colorPaletteOrange1": { + "active": "#EB812F", + "hover": "#F5862F", + "normal": "#ff8b2e", }, - "colorPrimaryPets": { - "active": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", + "colorPaletteOrange1Alpha": { + "active": "rgba(255, 158, 0, 0.2)", + "hover": "rgba(255, 158, 0, 0.16)", + "normal": "rgba(255, 158, 0, 0.12)", }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "colorPaletteRed1": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, - "colorPrimaryRealty": { + "colorPaletteRed2": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", + }, + "colorPaletteRed3": { + "active": "#EB69B1", + "hover": "#F56DB6", + "normal": "#ff71bb", + }, + "colorPaletteViolet1": { + "active": "#6301EF", + "hover": "#6801F7", + "normal": "#6c00ff", + }, + "colorPaletteViolet2": { + "active": "#A06BEF", + "hover": "#A76FF7", + "normal": "#ae73ff", + }, + "colorPaletteYellow1": { + "active": "#EBB515", + "hover": "#F5BC13", + "normal": "#ffc311", + }, + "colorPanelHeaderIcon": { "active": "#006FEF", "hover": "#0073F7", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", "hover": "#F5CC02", "normal": "#ffd400", }, - "colorSale": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, "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", @@ -158365,9 +167929,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -158394,20 +167958,70 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#939CA9", "normal": "#99A2AD", }, - "colorTextAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "colorTagBackgroundMint": { + "active": "#A5DED0", + "hover": "#ACE7D7", + "normal": "#B3F0DD", }, - "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "colorTagBackgroundOrange": { + "active": "#EBC29F", + "hover": "#F5CAA4", + "normal": "#FFD2A8", }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "colorTagBackgroundPink": { + "active": "#EBA5CD", + "hover": "#F5ACD4", + "normal": "#FFB2DA", + }, + "colorTagBackgroundPurple": { + "active": "#BEA6E2", + "hover": "#C6ACE9", + "normal": "#CEB3F0", + }, + "colorTagBackgroundSky": { + "active": "#97CEEF", + "hover": "#9DD6F7", + "normal": "#A4DEFF", + }, + "colorTagTextMint": { + "active": "#1D5559", + "hover": "#1F585A", + "normal": "#205B5B", + }, + "colorTagTextOrange": { + "active": "#543322", + "hover": "#573421", + "normal": "#5B3620", + }, + "colorTagTextPink": { + "active": "#4B1F59", + "hover": "#4E1F5A", + "normal": "#51205B", + }, + "colorTagTextPurple": { + "active": "#341F59", + "hover": "#361F5A", + "normal": "#38205B", + }, + "colorTagTextSky": { + "active": "#1D3B59", + "hover": "#1F3D5A", + "normal": "#203F5B", + }, + "colorTextAccent": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextAccentThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", @@ -158568,11 +168182,11 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "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": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -158580,7 +168194,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", @@ -158590,7 +168204,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -158598,7 +168212,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", @@ -158608,7 +168222,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -158616,7 +168230,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "letterSpacing": "0.16px", @@ -158626,7 +168240,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 23, "fontWeight": 500, "lineHeight": 28, @@ -158634,13 +168248,13 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "lineHeight": 22, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 21, "fontWeight": 500, "lineHeight": 26, @@ -158648,7 +168262,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 19, "fontWeight": 500, "lineHeight": 24, @@ -158656,20 +168270,18 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 24, }, }, - "fontFamily": "Proxima Nova, 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", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -158677,7 +168289,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", @@ -158691,7 +168303,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 32, @@ -158699,55 +168311,35 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, + "fontSize": 32, "lineHeight": 36, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 36, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, "fontWeight": 500, - "lineHeight": 48, + "lineHeight": 28, }, }, "fontH2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 32, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 28, - "fontWeight": 500, - "lineHeight": 34, + "lineHeight": 32, }, - }, - "fontH3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, }, }, - "fontH4": { - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 22, - }, - }, "fontHeadline": { "compact": { "fontSize": 15, "lineHeight": 20, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -158759,7 +168351,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -158771,7 +168363,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -158779,7 +168371,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -158791,7 +168383,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -158803,15 +168395,15 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -158819,7 +168411,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -158827,7 +168419,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -158839,575 +168431,942 @@ exports[`shapshots mycom 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%", - "gridAsideContent": { - "compact": 300, - "compactX": 300, - "large": 380, - "regular": "100%", + "octaviusColorActionArchive": { + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, - "gridColumnX2": { - "compact": 430, - "compactX": 280, - "large": 580, - "regular": "100%", + "octaviusColorBackground": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, - "gridColumnX3": { - "compact": 280, - "compactX": 180, - "large": 380, - "regular": "100%", + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "gridColumnX4": { - "compact": 205, - "compactX": 130, - "large": 280, - "regular": "100%", + "octaviusColorBackgroundAccentTonedAlpha": { + "active": "rgba(0, 119, 255, 0.2)", + "hover": "rgba(0, 119, 255, 0.16)", + "normal": "rgba(0, 119, 255, 0.12)", }, - "gridColumnX6": { - "compact": 130, - "compactX": 80, - "large": 180, - "regular": "100%", + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, - "gridMainContent": { - "compact": 620, - "compactX": 620, - "large": 780, - "regular": "100%", + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, - "gridMainContentWide": { - "compact": 620, - "compactX": 620, - "large": 860, - "regular": "100%", + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "gridWrapperContent": { - "compact": 940, - "compactX": 620, - "large": 1260, - "regular": "100%", + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 26, - }, - "regular": { - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 22, - }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": 15, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 20, - }, - "regular": { - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 16, - }, + "octaviusColorButtonEmptyStateText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "mediaFontMediaLead": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 18, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 26, - }, + "octaviusColorButtonIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "mediaFontMediaParagraph": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 18, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": 32, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": 28, - }, + "octaviusColorButtonText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "mediaFontMediaParagraphNumbering": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 18, - "fontStyle": "italic", - "fontWeight": 700, - "letterSpacing": "0.003em", - "lineHeight": 32, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 16, - "fontStyle": "italic", - "fontWeight": 700, - "letterSpacing": "0.003em", - "lineHeight": 28, - }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 24, - }, + "octaviusColorDatasetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "mediaFontMediaQuote": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 18, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 26, - }, + "octaviusColorEmptyStateText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "mediaFontMediaQuotePerson": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "letterSpacing": "-0.005em", - "lineHeight": 32, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 18, - "fontWeight": 600, - "letterSpacing": "-0.005em", - "lineHeight": 24, - }, + "octaviusColorEmptyStateTextLink": { + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 400, - "lineHeight": 26, - }, + "octaviusColorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "transparent", }, - "mediaFontMediaTitle1": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 48, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 56, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 30, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, + "octaviusColorHeaderButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "mediaFontMediaTitle1Tiny": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 40, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 48, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 30, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, - "mediaFontMediaTitle2": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 36, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 44, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 34, - }, + "octaviusColorHeaderIcon": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "mediaFontMediaTitle2Tiny": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 32, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 40, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 26, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 32, - }, + "octaviusColorHeaderIconAttach": { + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, - "mediaFontMediaTitle3": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 32, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 40, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 26, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 32, - }, + "octaviusColorHeaderIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, - "mediaFontMediaTitle4": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 36, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 30, - }, + "octaviusColorHeaderIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "mediaFontMediaTitle5": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 32, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 28, - }, + "octaviusColorHeaderProgress": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "mediaFontMediaTitle6": { - "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 28, - }, - "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": 26, - }, + "octaviusColorHeaderSearchBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, - "mediaSizeGap": 20, - "mediaSizeGrid": 60, - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "sizeArrow": { - "regular": 8, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, - "sizeArrowHeight": { - "regular": 8, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, - "sizeArrowPadding": { - "regular": 12, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "sizeArrowPromo": { - "regular": 40, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeArrowWidth": { - "regular": 12, + "octaviusColorHeaderSearchIcon": { + "active": "#A7ABB4", + "hover": "#AFB1B9", + "normal": "#b6b8be", }, - "sizeAttributeMargin": { - "regular": 4, + "octaviusColorHeaderSearchText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeAvatarL": { - "regular": 96, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, - "sizeAvatarM": { - "regular": 48, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, - "sizeAvatarS": { - "regular": 32, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeAvatarXL": { - "regular": 128, + "octaviusColorHeaderTextSecondary": { + "active": "#878B93", + "hover": "#8D9197", + "normal": "#93969b", }, - "sizeAvatarXS": { - "regular": 24, + "octaviusColorIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, - "sizeBadgeL": { - "regular": 44, + "octaviusColorIconEventAlpha": { + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, - "sizeBadgeM": { - "regular": 24, + "octaviusColorIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, - "sizeBadgeS": { - "regular": 16, + "octaviusColorIconFees": { + "active": "#EB5B5F", + "hover": "#F55F61", + "normal": "#FF6262", }, - "sizeBadgeXL": { - "regular": 56, + "octaviusColorIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2FC885", }, - "sizeBadgeXS": { - "regular": 12, + "octaviusColorIconGames": { + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, + "octaviusColorIconMailings": { + "active": "#EB9846", + "hover": "#F59E47", + "normal": "#FFA447", }, - "sizeBasePadding": { - "compactX": 16, - "regular": 20, + "octaviusColorIconNews": { + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, - "sizeBasePaddingHorizontal": { - "regular": 16, + "octaviusColorIconOfficial": { + "active": "#D9434E", + "hover": "#E3454F", + "normal": "#EC4750", }, - "sizeBasePaddingVertical": { - "regular": 12, + "octaviusColorIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, - "sizeBorder1x": { - "regular": 1, + "octaviusColorIconOrderAlpha": { + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, - "sizeBorder2x": { - "regular": 0.5, + "octaviusColorIconReceipts": { + "active": "#6BB109", + "hover": "#6FB807", + "normal": "#74BF05", }, - "sizeBorder3x": { - "regular": 0.33, + "octaviusColorIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, - "sizeBorderRadius": { - "regular": 8, + "octaviusColorIconSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, - "sizeBorderRadiusPaper": { - "regular": 4, + "octaviusColorIconSocial": { + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", }, - "sizeBorderRadiusPromo": { - "regular": 20, + "octaviusColorIconToMyself": { + "active": "#1BB8C6", + "hover": "#1CC0CC", + "normal": "#1DC7D2", }, - "sizeBorderRadiusRounded": { - "regular": 48, + "octaviusColorIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, - "sizeBorderWidthAccent": { - "regular": 8, + "octaviusColorIconTravelAlpha": { + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, - "sizeBorderWidthAccentSecondary": { - "regular": 4, + "octaviusColorIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "sizeBorderWidthBar": { - "regular": 4, + "octaviusColorLayoutBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeBorderWidthTab": { - "regular": 2, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeBulletMargin": { - "regular": 12, + "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", + "normal": "transparent", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "octaviusColorLetterListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "octaviusColorListBackgroundPositiveAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "octaviusColorListIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonGroupGapMedium": { - "regular": 12, + "octaviusColorListLetterAdvBackground": { + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", }, - "sizeButtonGroupGapSmall": { - "regular": 8, + "octaviusColorListLetterBackground": { + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", }, - "sizeButtonGroupGapSpace": { - "regular": 1, + "octaviusColorListLetterSeparatorAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeButtonIconPadding": { - "regular": 20, + "octaviusColorListTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "octaviusColorListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "octaviusColorNotificationBorder": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "sizeButtonMinimumWidth": { - "regular": 80, + "octaviusColorOverlayBackground": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "sizeButtonMorePadding": { - "regular": 8, + "octaviusColorPlaceholderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "sizeButtonPaddingHorizontal": { - "regular": 20, + "octaviusColorPortalMenuBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonSliderHeight": { - "regular": 24, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, - "sizeButtonSliderWidth": { - "regular": 12, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, - "sizeButtonSliderWidthPointer": { - "regular": 16, + "octaviusColorPromoBackground": { + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", }, - "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "octaviusColorSidebarButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "octaviusColorSidebarButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "octaviusColorSidebarButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "octaviusColorSidebarComposeButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, + "octaviusColorSidebarComposeButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "octaviusColorSidebarComposeButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "sizeCardBorderRadius": { - "regular": 16, + "octaviusColorSidebarCounterText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeCardgridPadding": { - "regular": 12, + "octaviusColorSidebarIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, - "sizeCardgridPaddingVertical": { - "regular": 8, + "octaviusColorSidebarIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, - "sizeCheckBorderRadius": { - "regular": 4, + "octaviusColorSidebarIconFees": { + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, - "sizeCheckbox": { - "regular": 16, + "octaviusColorSidebarIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, - "sizeChoiceMargin": { - "regular": 8, + "octaviusColorSidebarIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, - "sizeControlButtonWidthMin": { - "compact": 130, - "compactX": 130, - "regular": 94, + "octaviusColorSidebarIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, - "sizeDivPadding": { - "regular": 4, + "octaviusColorSidebarIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, - "sizeDotBullet": { - "regular": 4, + "octaviusColorSidebarIconUnread": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "sizeDotClickable": { - "regular": 12, + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "sizeDotIndicate": { - "regular": 8, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "octaviusColorSidebarItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "sizeFieldHorizontalMargin": { - "compact": 16, - "compactX": 16, - "regular": 20, + "octaviusColorSidebarItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeFieldHorizontalPadding": { - "regular": 12, + "octaviusColorSidebarItemIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeFieldSetMargin": { - "regular": 32, + "octaviusColorSidebarItemIconSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, - "sizeFieldVerticalMargin": { - "regular": 24, + "octaviusColorSidebarItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "sizeFieldWidthMin": { - "compactX": 288, - "regular": 380, + "octaviusColorSidebarItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeFormItemPaddingVertical": { - "regular": 12, + "octaviusColorSidebarItemTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, + "octaviusColorSidebarItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, - "sizeIconMargin": { - "regular": 8, + "octaviusColorSidebarScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "sizeIconMorePadding": { - "regular": 12, + "octaviusColorSidebarShortItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, - "sizeIconUI": { - "compact": 16, - "compactX": 16, - "regular": 18, + "octaviusColorSidebarShortItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "octaviusColorSidebarShortItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorSnackbarBackground": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "octaviusColorSnackbarIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "octaviusColorSnackbarIconNegative": { + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#FF5C5C", + }, + "octaviusColorSnackbarIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "#90929A", + "hover": "#96979E", + "normal": "#9C9DA2", + }, + "octaviusColorSnackbarIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "octaviusColorSnackbarTextAccent": { + "active": "#187CEF", + "hover": "#1980F7", + "normal": "#1A85FF", + }, + "octaviusColorSnackbarTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSnackbarTransparent": { + "active": "rgba(255, 255, 255, 0.04)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorTextFees": { + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", + }, + "octaviusColorTextFinance": { + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", + }, + "octaviusColorTextGames": { + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", + }, + "octaviusColorTextMailings": { + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", + }, + "octaviusColorTextNews": { + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", + }, + "octaviusColorTextSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", + }, + "octaviusColorTextSocial": { + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", + }, + "octaviusColorTextToMyself": { + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", + }, + "octaviusColorThreadFooterBackground": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", + }, + "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": "underline", + "hover": "underline", + "normal": "none", + }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", + "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": { + "compact": 12, + "regular": 8, + }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, + }, + "sizeBasePaddingHorizontal": { + "regular": 16, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 2, + }, + "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": 48, + "regular": 32, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonMorePadding": { + "regular": 8, + }, + "sizeButtonPaddingHorizontal": { + "compact": 20, + "regular": 16, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { + "regular": 12, + }, + "sizeButtonSliderWidthPointer": { + "regular": 16, + }, + "sizeButtonSmallHeight": { + "regular": 32, + }, + "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": 130, + "regular": 104, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, + }, + "sizeFieldHeight": { + "compact": 48, + "regular": 32, + }, + "sizeFieldHorizontalMargin": { + "regular": 16, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "compact": 24, + "regular": 20, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 12, + "regular": 8, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, }, "sizeIllustrationL": { "regular": 144, @@ -159447,20 +169406,19 @@ exports[`shapshots mycom 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, @@ -159482,6 +169440,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { + "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -159512,13 +169471,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "regular": 34, }, "sizeTabMargin": { - "compact": 32, - "compactX": 32, "regular": 8, }, "sizeTabPadding": { - "compact": 0, - "compactX": 0, "regular": 16, }, "sizeTableHorizontalPadding": { @@ -159555,8 +169510,8 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "mycom", - "themeNameBase": "mycom", + "themeName": "octaviusCompact", + "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -159566,16 +169521,10 @@ exports[`shapshots mycom 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, @@ -159595,7 +169544,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -159630,11 +169579,11 @@ exports[`shapshots octavius 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", @@ -159644,25 +169593,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "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", @@ -159672,25 +169621,25 @@ exports[`shapshots octavius 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", @@ -159700,11 +169649,11 @@ exports[`shapshots octavius 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", @@ -159714,11 +169663,11 @@ exports[`shapshots octavius 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", @@ -159728,11 +169677,11 @@ exports[`shapshots octavius 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", @@ -159742,25 +169691,25 @@ exports[`shapshots octavius 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", @@ -159770,11 +169719,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #815DEF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -159784,25 +169733,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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, #DA300E)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", @@ -159812,11 +169761,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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", @@ -159826,11 +169775,11 @@ exports[`shapshots octavius 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", @@ -159840,25 +169789,25 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAlert": { "active": { "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #B2311E)", + "value": "var(--vkui--color_alert--active, #C6442D)", }, "hover": { "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #B9331C)", + "value": "var(--vkui--color_alert--hover, #C33C24)", }, "normal": { "name": "--vkui--color_alert", @@ -159868,15 +169817,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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": { @@ -159896,25 +169845,25 @@ exports[`shapshots octavius 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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", @@ -159924,11 +169873,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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", @@ -159938,39 +169887,39 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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", @@ -159980,81 +169929,81 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #DDE5EF)", + "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, #E6EEF7)", + "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, #f0f7ff)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -160064,11 +170013,11 @@ exports[`shapshots octavius 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", @@ -160092,137 +170041,137 @@ exports[`shapshots octavius 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, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "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, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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, 51, 10, 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, 51, 10, 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, #EADDDD)", + "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, #F4E6E4)", + "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, #feefeb)", + "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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -160232,389 +170181,389 @@ exports[`shapshots octavius 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, #BCD3EF)", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "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(204, 228, 255, 0.98))", + "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(204, 228, 255, 0.9400000000000001))", + "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(204, 228, 255, 0.9))", + "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, #D8DAE1)", + "value": "var(--vkui--color_background_thumbnail--active, #313131)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "value": "var(--vkui--color_background_thumbnail--hover, #282828)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #EBECEF)", + "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "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, #006FEF)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #0073F7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #0077ff)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #006FEF)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #0077ff)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #006FEF)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #0073F7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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", @@ -160624,11 +170573,11 @@ exports[`shapshots octavius 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", @@ -160638,67 +170587,67 @@ exports[`shapshots octavius 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, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "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", @@ -160708,25 +170657,25 @@ exports[`shapshots octavius 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", @@ -160736,67 +170685,67 @@ exports[`shapshots octavius 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", @@ -160806,53 +170755,53 @@ exports[`shapshots octavius 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", @@ -160862,39 +170811,39 @@ exports[`shapshots octavius 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, #264CEF)", + "value": "var(--vkui--color_palette_blue1--active, #3A5FFF)", }, "hover": { "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "value": "var(--vkui--color_palette_blue1--hover, #3258FF)", }, "normal": { "name": "--vkui--color_palette_blue1", @@ -160918,11 +170867,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteBlue2": { "active": { "name": "--vkui--color_palette_blue2--active", - "value": "var(--vkui--color_palette_blue2--active, #009FE4)", + "value": "var(--vkui--color_palette_blue2--active, #14B2F3)", }, "hover": { "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "value": "var(--vkui--color_palette_blue2--hover, #0AAEF3)", }, "normal": { "name": "--vkui--color_palette_blue2", @@ -160932,11 +170881,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteBlue3": { "active": { "name": "--vkui--color_palette_blue3--active", - "value": "var(--vkui--color_palette_blue3--active, #23CED2)", + "value": "var(--vkui--color_palette_blue3--active, #37E2E2)", }, "hover": { "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "value": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", }, "normal": { "name": "--vkui--color_palette_blue3", @@ -160946,11 +170895,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteGreen1": { "active": { "name": "--vkui--color_palette_green1--active", - "value": "var(--vkui--color_palette_green1--active, #A0D016)", + "value": "var(--vkui--color_palette_green1--active, #B4E326)", }, "hover": { "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #A7D915)", + "value": "var(--vkui--color_palette_green1--hover, #B1E21C)", }, "normal": { "name": "--vkui--color_palette_green1", @@ -160974,11 +170923,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteGreen2": { "active": { "name": "--vkui--color_palette_green2--active", - "value": "var(--vkui--color_palette_green2--active, #52B552)", + "value": "var(--vkui--color_palette_green2--active, #66C862)", }, "hover": { "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #55BC53)", + "value": "var(--vkui--color_palette_green2--hover, #60C55B)", }, "normal": { "name": "--vkui--color_palette_green2", @@ -161002,11 +170951,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteGreen3": { "active": { "name": "--vkui--color_palette_green3--active", - "value": "var(--vkui--color_palette_green3--active, #33D98D)", + "value": "var(--vkui--color_palette_green3--active, #47ED9D)", }, "hover": { "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #35E291)", + "value": "var(--vkui--color_palette_green3--hover, #3FEC98)", }, "normal": { "name": "--vkui--color_palette_green3", @@ -161016,11 +170965,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteGreen4": { "active": { "name": "--vkui--color_palette_green4--active", - "value": "var(--vkui--color_palette_green4--active, #00A4AA)", + "value": "var(--vkui--color_palette_green4--active, #14B7B9)", }, "hover": { "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "value": "var(--vkui--color_palette_green4--hover, #0AB4B6)", }, "normal": { "name": "--vkui--color_palette_green4", @@ -161030,11 +170979,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteOrange1": { "active": { "name": "--vkui--color_palette_orange1--active", - "value": "var(--vkui--color_palette_orange1--active, #EB812F)", + "value": "var(--vkui--color_palette_orange1--active, #FF943F)", }, "hover": { "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "value": "var(--vkui--color_palette_orange1--hover, #FF9036)", }, "normal": { "name": "--vkui--color_palette_orange1", @@ -161058,11 +171007,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteRed1": { "active": { "name": "--vkui--color_palette_red1--active", - "value": "var(--vkui--color_palette_red1--active, #E82A38)", + "value": "var(--vkui--color_palette_red1--active, #FC3D48)", }, "hover": { "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #F22B38)", + "value": "var(--vkui--color_palette_red1--hover, #FC3440)", }, "normal": { "name": "--vkui--color_palette_red1", @@ -161072,11 +171021,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteRed2": { "active": { "name": "--vkui--color_palette_red2--active", - "value": "var(--vkui--color_palette_red2--active, #D8187C)", + "value": "var(--vkui--color_palette_red2--active, #ED2B8B)", }, "hover": { "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #E2197E)", + "value": "var(--vkui--color_palette_red2--hover, #EC2286)", }, "normal": { "name": "--vkui--color_palette_red2", @@ -161086,11 +171035,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteRed3": { "active": { "name": "--vkui--color_palette_red3--active", - "value": "var(--vkui--color_palette_red3--active, #EB69B1)", + "value": "var(--vkui--color_palette_red3--active, #FF7CC0)", }, "hover": { "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "value": "var(--vkui--color_palette_red3--hover, #FF77BE)", }, "normal": { "name": "--vkui--color_palette_red3", @@ -161100,11 +171049,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteViolet1": { "active": { "name": "--vkui--color_palette_violet1--active", - "value": "var(--vkui--color_palette_violet1--active, #6301EF)", + "value": "var(--vkui--color_palette_violet1--active, #7814FF)", }, "hover": { "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "value": "var(--vkui--color_palette_violet1--hover, #720AFF)", }, "normal": { "name": "--vkui--color_palette_violet1", @@ -161114,11 +171063,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteViolet2": { "active": { "name": "--vkui--color_palette_violet2--active", - "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "value": "var(--vkui--color_palette_violet2--active, #B47EFF)", }, "hover": { "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "value": "var(--vkui--color_palette_violet2--hover, #B179FF)", }, "normal": { "name": "--vkui--color_palette_violet2", @@ -161128,11 +171077,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorPaletteYellow1": { "active": { "name": "--vkui--color_palette_yellow1--active", - "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "value": "var(--vkui--color_palette_yellow1--active, #FFC824)", }, "hover": { "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "value": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", }, "normal": { "name": "--vkui--color_palette_yellow1", @@ -161142,25 +171091,25 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "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", @@ -161170,137 +171119,137 @@ exports[`shapshots octavius 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, #1562EF)", + "value": "var(--vkui--color_social_behance--active, #2A75FF)", }, "hover": { "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #1665F7)", + "value": "var(--vkui--color_social_behance--hover, #206FFF)", }, "normal": { "name": "--vkui--color_social_behance", @@ -161310,11 +171259,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialDribbble": { "active": { "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #D74783)", + "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", }, "hover": { "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", }, "normal": { "name": "--vkui--color_social_dribbble", @@ -161324,11 +171273,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialFb": { "active": { "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #166FE4)", + "value": "var(--vkui--color_social_fb--active, #2A82F3)", }, "hover": { "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #1773EB)", + "value": "var(--vkui--color_social_fb--hover, #217CF3)", }, "normal": { "name": "--vkui--color_social_fb", @@ -161338,11 +171287,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialMir": { "active": { "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #1075CD)", + "value": "var(--vkui--color_social_mir--active, #2488DD)", }, "hover": { "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #107AD4)", + "value": "var(--vkui--color_social_mir--hover, #1B83DB)", }, "normal": { "name": "--vkui--color_social_mir", @@ -161352,11 +171301,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialOk": { "active": { "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #DB790C)", + "value": "var(--vkui--color_social_ok--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #E47D0A)", + "value": "var(--vkui--color_social_ok--hover, #EF8712)", }, "normal": { "name": "--vkui--color_social_ok", @@ -161366,11 +171315,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialTwitter": { "active": { "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #1B95E4)", + "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", }, "hover": { "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", }, "normal": { "name": "--vkui--color_social_twitter", @@ -161380,11 +171329,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialVk": { "active": { "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #3A80D3)", + "value": "var(--vkui--color_social_vk--active, #4E93E2)", }, "hover": { "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #3C85D9)", + "value": "var(--vkui--color_social_vk--hover, #478FE1)", }, "normal": { "name": "--vkui--color_social_vk", @@ -161394,39 +171343,39 @@ exports[`shapshots octavius 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, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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", @@ -161436,25 +171385,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "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", @@ -161464,25 +171413,25 @@ exports[`shapshots octavius 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, #A5DED0)", + "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, #ACE7D7)", + "value": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", }, "normal": { "name": "--vkui--color_tag_background_mint", @@ -161492,11 +171441,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagBackgroundOrange": { "active": { "name": "--vkui--color_tag_background_orange--active", - "value": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "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, #F5CAA4)", + "value": "var(--vkui--color_tag_background_orange--hover, #FFD4AB)", }, "normal": { "name": "--vkui--color_tag_background_orange", @@ -161506,11 +171455,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagBackgroundPink": { "active": { "name": "--vkui--color_tag_background_pink--active", - "value": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "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, #F5ACD4)", + "value": "var(--vkui--color_tag_background_pink--hover, #FFB5DB)", }, "normal": { "name": "--vkui--color_tag_background_pink", @@ -161520,11 +171469,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagBackgroundPurple": { "active": { "name": "--vkui--color_tag_background_purple--active", - "value": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "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, #C6ACE9)", + "value": "var(--vkui--color_tag_background_purple--hover, #D0B6F1)", }, "normal": { "name": "--vkui--color_tag_background_purple", @@ -161534,11 +171483,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagBackgroundSky": { "active": { "name": "--vkui--color_tag_background_sky--active", - "value": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "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, #9DD6F7)", + "value": "var(--vkui--color_tag_background_sky--hover, #A8DFFF)", }, "normal": { "name": "--vkui--color_tag_background_sky", @@ -161548,11 +171497,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagTextMint": { "active": { "name": "--vkui--color_tag_text_mint--active", - "value": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "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, #1F585A)", + "value": "var(--vkui--color_tag_text_mint--hover, #296262)", }, "normal": { "name": "--vkui--color_tag_text_mint", @@ -161562,11 +171511,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagTextOrange": { "active": { "name": "--vkui--color_tag_text_orange--active", - "value": "var(--vkui--color_tag_text_orange--active, #543322)", + "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, #573421)", + "value": "var(--vkui--color_tag_text_orange--hover, #623E29)", }, "normal": { "name": "--vkui--color_tag_text_orange", @@ -161576,11 +171525,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagTextPink": { "active": { "name": "--vkui--color_tag_text_pink--active", - "value": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "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, #4E1F5A)", + "value": "var(--vkui--color_tag_text_pink--hover, #582962)", }, "normal": { "name": "--vkui--color_tag_text_pink", @@ -161590,11 +171539,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagTextPurple": { "active": { "name": "--vkui--color_tag_text_purple--active", - "value": "var(--vkui--color_tag_text_purple--active, #341F59)", + "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, #361F5A)", + "value": "var(--vkui--color_tag_text_purple--hover, #402962)", }, "normal": { "name": "--vkui--color_tag_text_purple", @@ -161604,11 +171553,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTagTextSky": { "active": { "name": "--vkui--color_tag_text_sky--active", - "value": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "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, #1F3D5A)", + "value": "var(--vkui--color_tag_text_sky--hover, #294762)", }, "normal": { "name": "--vkui--color_tag_text_sky", @@ -161618,39 +171567,39 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0068E2)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #0070f0)", + "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", @@ -161660,53 +171609,53 @@ exports[`shapshots octavius 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, #0068E2)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #006CE9)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0070f0)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #0070f0)", + "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", @@ -161716,11 +171665,11 @@ exports[`shapshots octavius 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", @@ -161730,39 +171679,39 @@ exports[`shapshots octavius 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, #DA300E)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "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", @@ -161772,39 +171721,39 @@ exports[`shapshots octavius 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -161814,57 +171763,57 @@ exports[`shapshots octavius 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "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": { @@ -161884,137 +171833,137 @@ exports[`shapshots octavius 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", @@ -162024,11 +171973,11 @@ exports[`shapshots octavius 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", @@ -162038,62 +171987,62 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "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", @@ -163075,7 +173024,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", + "value": "var(--vkui--font_text--font_size--regular, 13px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -163244,29 +173193,29 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "value": "var(--vkui--octavius_color_background--hover, #222223)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #F6F7F8)", + "value": "var(--vkui--octavius_color_background, #19191A)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -163300,39 +173249,39 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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.2))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", }, "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.16))", + "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.12))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", }, }, "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.18))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.2))", }, "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.14))", + "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.1))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", }, }, "octaviusColorButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_button_background_alpha--active", - "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--octavius_color_button_background_alpha", @@ -163342,151 +173291,151 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorButtonBackgroundContrastAlpha": { "active": { "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "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.99))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "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(0, 16, 61, 0.06))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", }, }, "octaviusColorButtonIcon": { "active": { "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "value": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "value": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", }, "normal": { "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #333333)", + "value": "var(--vkui--octavius_color_button_icon, #E7E8EA)", }, }, "octaviusColorButtonText": { "active": { "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "value": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #313233)", + "value": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", }, "normal": { "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #333333)", + "value": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, }, "octaviusColorContentScrollbarAlpha": { "active": { "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_dataset_background, #232324)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "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, #333333)", + "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", }, }, "octaviusColorEmptyStateTextLink": { "active": { "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "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, #005bd1)", + "value": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, }, "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_background, #232324)", }, }, "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.4))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "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.64))", + "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", @@ -163496,15 +173445,15 @@ 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, #282B2F)", + "value": "var(--vkui--octavius_color_header_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, }, "octaviusColorHeaderFilterTextAlpha": { @@ -163524,11 +173473,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_header_icon", @@ -163538,53 +173487,53 @@ 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, #C8CAD0)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", + "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, #D9DADD)", + "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", + "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, #FC2C38)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, }, "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_header_progress", @@ -163594,81 +173543,81 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", + "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", + "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, #f0f1f3)", + "value": "var(--vkui--octavius_color_header_search_background, #303030)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", + "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, #f0f1f3)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", + "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, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "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, #ffffff)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", }, }, "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(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", }, "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, }, "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", }, "normal": { "name": "--vkui--octavius_color_header_search_icon", @@ -163678,67 +173627,67 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "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, #87898F)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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(0, 95, 249, .10))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", @@ -163748,53 +173697,53 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "value": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "value": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "value": "var(--vkui--octavius_color_icon_event, #FF6262)", }, }, "octaviusColorIconEventAlpha": { "active": { "name": "--vkui--octavius_color_icon_event_alpha--active", - "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "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(59, 186, 254, 0.1))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", + "value": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", @@ -163804,11 +173753,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "value": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", @@ -163818,25 +173767,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, }, "octaviusColorIconMailings": { "active": { "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "value": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", }, "hover": { "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", }, "normal": { "name": "--vkui--octavius_color_icon_mailings", @@ -163846,25 +173795,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, }, "octaviusColorIconOfficial": { "active": { "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", }, "hover": { "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "value": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", }, "normal": { "name": "--vkui--octavius_color_icon_official", @@ -163874,39 +173823,39 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", }, }, "octaviusColorIconOrderAlpha": { "active": { "name": "--vkui--octavius_color_icon_order_alpha--active", - "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "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(249, 76, 163, 0.1))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconReceipts": { "active": { "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "value": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", }, "hover": { "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", }, "normal": { "name": "--vkui--octavius_color_icon_receipts", @@ -163916,25 +173865,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", }, }, "octaviusColorIconSchool": { "active": { "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "value": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", }, "hover": { "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "value": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", }, "normal": { "name": "--vkui--octavius_color_icon_school", @@ -163944,25 +173893,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #7288FF)", + "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, }, "octaviusColorIconToMyself": { "active": { "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", }, "hover": { "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", }, "normal": { "name": "--vkui--octavius_color_icon_to_myself", @@ -163972,39 +173921,39 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", }, }, "octaviusColorIconTravelAlpha": { "active": { "name": "--vkui--octavius_color_icon_travel_alpha--active", - "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "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(193, 93, 243, 0.1))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", @@ -164014,29 +173963,29 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorLayoutBorderAlpha": { "active": { "name": "--vkui--octavius_color_layout_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "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, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_layout_border_alpha, transparent)", }, }, "octaviusColorLayoutLetterBorderAlpha": { "active": { "name": "--vkui--octavius_color_layout_letter_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "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, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", }, }, "octaviusColorLetterAttachListBackground": { @@ -164046,11 +173995,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorLetterContactBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_letter_contact_background_alpha--active", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "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", @@ -164060,43 +174009,43 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorLetterListTextUnread": { "active": { "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "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, #2c2d2e)", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", }, }, "octaviusColorLetterPreviewBackgroundPrimary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "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, #F9F9FA)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", }, }, "octaviusColorLetterPreviewBackgroundSecondary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "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, #F3F3F5)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", }, }, "octaviusColorListBackgroundPositiveAlpha": { @@ -164116,25 +174065,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "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, #F2FAF4)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", }, }, "octaviusColorListIconPrimary": { "active": { "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_icon_primary", @@ -164144,53 +174093,53 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "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, #F0F5FF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "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, #ffffff)", + "value": "var(--vkui--octavius_color_list_letter_background, #232324)", }, }, "octaviusColorListLetterSeparatorAlpha": { "active": { "name": "--vkui--octavius_color_list_letter_separator_alpha--active", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "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, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", }, }, "octaviusColorListTextPrimary": { "active": { "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_text_primary", @@ -164200,11 +174149,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorListTextUnread": { "active": { "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_text_unread", @@ -164214,25 +174163,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "value": "var(--vkui--octavius_color_notification_border--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #ffffff)", + "value": "var(--vkui--octavius_color_notification_border, #000000)", }, }, "octaviusColorOverlayBackground": { "active": { "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--octavius_color_overlay_background", @@ -164242,81 +174191,81 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "value": "var(--vkui--octavius_color_placeholder_background, #000000)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "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, #FFFFFF)", + "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, }, "octaviusColorPortalSearchBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_background_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--octavius_color_portal_search_background_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "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, .99))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", }, }, "octaviusColorPortalSearchIconThemedAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "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(0, 95, 255, .99))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "value": "var(--vkui--octavius_color_promo_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "value": "var(--vkui--octavius_color_promo_background, #303030)", }, }, "octaviusColorSidebarButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_background", @@ -164326,11 +174275,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_icon", @@ -164340,11 +174289,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_text", @@ -164354,25 +174303,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarComposeButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "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)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", }, }, "octaviusColorSidebarComposeButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_icon", @@ -164382,11 +174331,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarComposeButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_text", @@ -164396,11 +174345,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarCounterBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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", @@ -164410,123 +174359,123 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "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, #09a6fa)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "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, #fc2c38)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "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, #e60000)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "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, #2fc885)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "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, #ff54aa)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "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, #ff9e00)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "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, #ba34fc)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", @@ -164536,11 +174485,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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", @@ -164550,225 +174499,225 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(255, 255, 255, 0.08))", }, }, "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "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, #333333)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", }, }, "octaviusColorSidebarItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", }, }, "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "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, #87898F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "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, #313233)", + "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, #333333)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #7C7F88)", + "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, #82848C)", + "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, #87898F)", + "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "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, #2F3034)", + "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, #313233)", + "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, #333333)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #989BA4)", + "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, #9EA1A9)", + "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, #A5A7AD)", + "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, #2F3034)", + "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, #313233)", + "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, #333333)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #7C7F88)", + "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, #82848C)", + "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, #87898F)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -164788,11 +174737,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarBackground": { "active": { "name": "--vkui--octavius_color_snackbar_background--active", - "value": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", + "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, #2E2F31)", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #383838)", }, "normal": { "name": "--vkui--octavius_color_snackbar_background", @@ -164802,11 +174751,11 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", @@ -164816,11 +174765,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconNegative": { "active": { "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + "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, #F5595B)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_negative", @@ -164830,11 +174779,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconPositive": { "active": { "name": "--vkui--octavius_color_snackbar_icon_positive--active", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "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, #0CBB66)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_positive", @@ -164844,11 +174793,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconSecondary": { "active": { "name": "--vkui--octavius_color_snackbar_icon_secondary--active", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "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, #96979E)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_secondary", @@ -164858,11 +174807,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconWarning": { "active": { "name": "--vkui--octavius_color_snackbar_icon_warning--active", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "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, #F59802)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #FFA20A)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_warning", @@ -164872,11 +174821,11 @@ 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, #187CEF)", + "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, #1980F7)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", @@ -164886,11 +174835,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextContrast": { "active": { "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_contrast", @@ -164914,127 +174863,127 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #27B275)", + "value": "var(--vkui--octavius_color_text_finance, #52C392)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #EBAF00)", + "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #08ABD9)", + "value": "var(--vkui--octavius_color_text_news, #37C1E8)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #C97EEC)", + "value": "var(--vkui--octavius_color_text_school, #D392F2)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #556AD9)", + "value": "var(--vkui--octavius_color_text_social, #7688E9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "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, #E2E3E8)", + "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, #ebecef)", + "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", }, }, "octaviusElevationCard": { @@ -165156,15 +175105,15 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "octaviusTextDecorationEmptyStateTextLink": { "active": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + "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, underline)", + "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, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, underline)", }, }, "octaviusTextShadowEmptyStateText": { @@ -165352,9 +175301,13 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_margin", "value": "var(--vkui--size_base_margin)", }, + "compact": { + "name": "--vkui--size_base_margin--compact", + "value": "var(--vkui--size_base_margin--compact, 12px)", + }, "regular": { "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "value": "var(--vkui--size_base_margin--regular, 8px)", }, }, "sizeBasePadding": { @@ -165428,7 +175381,7 @@ exports[`shapshots octavius 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, 2px)", }, }, "sizeBorderRadiusPaper": { @@ -165636,11 +175589,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "value": "var(--vkui--size_button_medium_height--compact, 48px)", }, "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, 32px)", }, }, "sizeButtonMinimumWidth": { @@ -165670,11 +175623,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "value": "var(--vkui--size_button_padding_horizontal--compact, 20px)", }, "regular": { "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 16px)", }, }, "sizeButtonSliderHeight": { @@ -165712,13 +175665,9 @@ exports[`shapshots octavius 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, 32px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -165848,11 +175797,11 @@ exports[`shapshots octavius 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)", }, "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, 104px)", }, }, "sizeDivPadding": { @@ -165902,11 +175851,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "value": "var(--vkui--size_field_height--compact, 48px)", }, "regular": { "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "value": "var(--vkui--size_field_height--regular, 32px)", }, }, "sizeFieldHorizontalMargin": { @@ -165916,7 +175865,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "value": "var(--vkui--size_field_horizontal_margin--regular, 16px)", }, }, "sizeFieldHorizontalPadding": { @@ -165944,9 +175893,13 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_vertical_margin", "value": "var(--vkui--size_field_vertical_margin)", }, + "compact": { + "name": "--vkui--size_field_vertical_margin--compact", + "value": "var(--vkui--size_field_vertical_margin--compact, 24px)", + }, "regular": { "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "value": "var(--vkui--size_field_vertical_margin--regular, 20px)", }, }, "sizeFieldWidthMin": { @@ -165994,11 +175947,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", + "value": "var(--vkui--size_icon_margin--compact, 12px)", }, "regular": { "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "value": "var(--vkui--size_icon_margin--regular, 8px)", }, }, "sizeIconMorePadding": { @@ -166513,7 +176466,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octavius)", + "value": "var(--vkui--theme_name, octaviusCompactDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -166635,7 +176588,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusCompactDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -166653,94 +176606,94 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", + "active": "#C6442D", + "hover": "#C33C24", "normal": "#c1341b", }, "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)", @@ -166748,68 +176701,68 @@ exports[`shapshots octavius 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -166818,293 +176771,293 @@ exports[`shapshots octavius 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", }, "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", + "active": "#3A5FFF", + "hover": "#3258FF", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -167113,18 +177066,18 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", + "active": "#14B2F3", + "hover": "#0AAEF3", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", + "active": "#37E2E2", + "hover": "#2FE0E0", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", + "active": "#B4E326", + "hover": "#B1E21C", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -167133,8 +177086,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", + "active": "#66C862", + "hover": "#60C55B", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -167143,18 +177096,18 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", + "active": "#47ED9D", + "hover": "#3FEC98", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", + "active": "#14B7B9", + "hover": "#0AB4B6", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", + "active": "#FF943F", + "hover": "#FF9036", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -167163,294 +177116,294 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", + "active": "#FC3D48", + "hover": "#FC3440", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", + "active": "#ED2B8B", + "hover": "#EC2286", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", + "active": "#FF7CC0", + "hover": "#FF77BE", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", + "active": "#7814FF", + "hover": "#720AFF", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", + "active": "#B47EFF", + "hover": "#B179FF", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", + "active": "#FFC824", + "hover": "#FFC51B", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", }, "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", + "active": "#2A75FF", + "hover": "#206FFF", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", + "active": "#EC5A92", + "hover": "#EB538E", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", + "active": "#2A82F3", + "hover": "#217CF3", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", + "active": "#2488DD", + "hover": "#1B83DB", "normal": "#117eda", }, "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", + "active": "#2FA9F3", + "hover": "#26A5F3", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", + "active": "#B9F1E0", + "hover": "#B6F1DE", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", + "active": "#FFD6AF", + "hover": "#FFD4AB", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", + "active": "#FFB8DD", + "hover": "#FFB5DB", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", + "active": "#D2B9F1", + "hover": "#D0B6F1", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", + "active": "#ABE1FF", + "hover": "#A8DFFF", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", + "active": "#326868", + "hover": "#296262", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", + "active": "#684632", + "hover": "#623E29", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", + "active": "#5F3268", + "hover": "#582962", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", + "active": "#483268", + "hover": "#402962", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", + "active": "#324E68", + "hover": "#294762", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -167458,81 +177411,81 @@ exports[`shapshots octavius 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", + "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)", @@ -167750,7 +177703,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontSize": "13px", "fontWeight": 400, "lineHeight": "20px", }, @@ -167790,14 +177743,14 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "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%", "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -167810,79 +177763,79 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { "active": "rgba(39, 43, 55, 0.58)", @@ -167890,210 +177843,210 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "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.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", + "active": "#BCBEC3", + "hover": "#B9BBC1", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", + "active": "#9C9EA3", + "hover": "#979A9F", "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#EB5B5F", - "hover": "#F55F61", + "active": "#FF6F6F", + "hover": "#FF6868", "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", + "active": "#40CC8F", + "hover": "#37CA8A", "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", + "active": "#FFAB56", + "hover": "#FFA84E", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", + "active": "#EE565E", + "hover": "#ED4E57", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", + "active": "#7FC419", + "hover": "#7AC20F", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", + "active": "#CD88EE", + "hover": "#CB83ED", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", + "active": "#2FCBD6", + "hover": "#26C9D4", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#222222", + "hover": "#191919", + "normal": "#0F0F0F", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -168101,239 +178054,239 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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", }, "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "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.24)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -168341,43 +178294,43 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", + "active": "#A4A5A9", + "hover": "#A0A1A6", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", + "active": "#2C8FFF", + "hover": "#238AFF", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -168386,49 +178339,49 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusElevationCard": "none", "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", @@ -168463,9 +178416,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "64px", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", + "active": "none", + "hover": "none", + "normal": "underline", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -168521,7 +178474,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` }, "sizeBase": "4px", "sizeBaseMargin": { - "regular": "12px", + "compact": "12px", + "regular": "8px", }, "sizeBasePadding": { "compact": "20px", @@ -168543,7 +178497,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "2px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -168605,8 +178559,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "48px", + "regular": "32px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -168615,8 +178569,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -168628,8 +178582,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "32px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -168668,8 +178621,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "compact": "130px", + "regular": "104px", }, "sizeDivPadding": { "regular": "4px", @@ -168684,11 +178637,11 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": "48px", + "regular": "32px", }, "sizeFieldHorizontalMargin": { - "regular": "20px", + "regular": "16px", }, "sizeFieldHorizontalPadding": { "regular": "12px", @@ -168697,7 +178650,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizeFieldVerticalMargin": { - "regular": "24px", + "compact": "24px", + "regular": "20px", }, "sizeFieldWidthMin": { "compact": "380px", @@ -168711,8 +178665,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "20px", }, "sizeIconMargin": { - "compact": "8px", - "regular": "12px", + "compact": "12px", + "regular": "8px", }, "sizeIconMorePadding": { "compact": "8px", @@ -168863,7 +178817,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octavius", + "themeName": "octaviusCompactDark", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -168897,7 +178851,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -168915,94 +178869,94 @@ exports[`shapshots octavius 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, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "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, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "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, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "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, #006FEF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", - "normal": "var(--vkui--color_action_sheet_text, #0077ff)", + "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, #B2311E)", - "hover": "var(--vkui--color_alert--hover, #B9331C)", + "active": "var(--vkui--color_alert--active, #C6442D)", + "hover": "var(--vkui--color_alert--hover, #C33C24)", "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -169010,68 +178964,68 @@ exports[`shapshots octavius 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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "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, #006FEF)", - "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 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))", + "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, 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))", + "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, #DDE5EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #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": { @@ -169080,293 +179034,293 @@ exports[`shapshots octavius 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, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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))", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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, 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))", + "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, #BCD3EF)", - "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", - "normal": "var(--vkui--color_background_sky, #cce4ff)", + "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(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))", + "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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", - "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + "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": "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)", - }, - "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--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, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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))", }, "colorPaletteBlue1": { - "active": "var(--vkui--color_palette_blue1--active, #264CEF)", - "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", + "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", "normal": "var(--vkui--color_palette_blue1, #2951ff)", }, "colorPaletteBlue1Alpha": { @@ -169375,18 +179329,18 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_palette_blue1_alpha, rgba(0, 95, 249, 0.12))", }, "colorPaletteBlue2": { - "active": "var(--vkui--color_palette_blue2--active, #009FE4)", - "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "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, #23CED2)", - "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "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, #A0D016)", - "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", + "active": "var(--vkui--color_palette_green1--active, #B4E326)", + "hover": "var(--vkui--color_palette_green1--hover, #B1E21C)", "normal": "var(--vkui--color_palette_green1, #aee113)", }, "colorPaletteGreen1Alpha": { @@ -169395,8 +179349,8 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", }, "colorPaletteGreen2": { - "active": "var(--vkui--color_palette_green2--active, #52B552)", - "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", + "active": "var(--vkui--color_palette_green2--active, #66C862)", + "hover": "var(--vkui--color_palette_green2--hover, #60C55B)", "normal": "var(--vkui--color_palette_green2, #59c354)", }, "colorPaletteGreen2Alpha": { @@ -169405,18 +179359,18 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", }, "colorPaletteGreen3": { - "active": "var(--vkui--color_palette_green3--active, #33D98D)", - "hover": "var(--vkui--color_palette_green3--hover, #35E291)", + "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, #00A4AA)", - "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "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, #EB812F)", - "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "active": "var(--vkui--color_palette_orange1--active, #FF943F)", + "hover": "var(--vkui--color_palette_orange1--hover, #FF9036)", "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", }, "colorPaletteOrange1Alpha": { @@ -169425,294 +179379,294 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", }, "colorPaletteRed1": { - "active": "var(--vkui--color_palette_red1--active, #E82A38)", - "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", + "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, #D8187C)", - "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", + "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, #EB69B1)", - "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "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, #6301EF)", - "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "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, #A06BEF)", - "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "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, #EBB515)", - "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "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": "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)", + "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)", }, "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, #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)", + "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, #1562EF)", - "hover": "var(--vkui--color_social_behance--hover, #1665F7)", + "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, #D74783)", - "hover": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "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, #166FE4)", - "hover": "var(--vkui--color_social_fb--hover, #1773EB)", + "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, #1075CD)", - "hover": "var(--vkui--color_social_mir--hover, #107AD4)", + "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, #DB790C)", - "hover": "var(--vkui--color_social_ok--hover, #E47D0A)", + "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, #1B95E4)", - "hover": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "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, #3A80D3)", - "hover": "var(--vkui--color_social_vk--hover, #3C85D9)", + "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": "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, #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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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)", }, "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + "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, #EBC29F)", - "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + "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, #EBA5CD)", - "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + "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, #BEA6E2)", - "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + "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, #97CEEF)", - "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + "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, #1D5559)", - "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + "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, #543322)", - "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", + "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, #4B1F59)", - "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + "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, #341F59)", - "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + "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, #1D3B59)", - "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + "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": "var(--vkui--color_text_accent--active, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent_themed, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_link_themed, #0070f0)", + "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, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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))", @@ -169720,81 +179674,81 @@ exports[`shapshots octavius 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, #006FEF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", - "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + "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)", + "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))", @@ -170012,7 +179966,7 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontSize": "var(--vkui--font_text--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, @@ -170052,14 +180006,14 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "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%)", "octaviusColorActionArchive": { - "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", - "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "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)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #E2E5E9)", - "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", - "normal": "var(--vkui--octavius_color_background, #F6F7F8)", + "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_background, #19191A)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -170072,79 +180026,79 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "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))", - "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", - "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "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))", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "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))", }, "octaviusColorButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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)", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "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))", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "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))", }, "octaviusColorButtonEmptyStateText": { - "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "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)", }, "octaviusColorButtonIcon": { - "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_icon, #333333)", + "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)", }, "octaviusColorButtonText": { - "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_text, #333333)", + "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)", }, "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "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))", }, "octaviusColorDatasetBackground": { - "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "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)", }, "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", + "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)", }, "octaviusColorEmptyStateTextLink": { - "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", - "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", - "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + "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)", }, "octaviusColorHeaderBackground": { - "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)", + "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)", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "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))", + "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)", }, "octaviusColorHeaderButtonText": { - "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)", + "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)", }, "octaviusColorHeaderFilterTextAlpha": { "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", @@ -170152,210 +180106,210 @@ exports[`shapshots octavius 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, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", + "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)", }, "octaviusColorHeaderIconAttach": { - "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)", + "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)", }, "octaviusColorHeaderIconFavorite": { - "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)", + "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)", }, "octaviusColorHeaderIconUnread": { - "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)", + "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)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #006FEF)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", + "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, #DDDFE4)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", - "normal": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", + "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)", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "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)", + "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)", }, "octaviusColorHeaderSearchChipBackground": { - "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)", + "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)", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + "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)", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + "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))", }, "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "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)", }, "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + "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)", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + "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)", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + "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))", }, "octaviusColorHeaderTabTextActiveThemed": { - "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)", + "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)", }, "octaviusColorHeaderTextSecondary": { - "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "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)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "active": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", + "normal": "var(--vkui--octavius_color_icon_event, #FF6262)", }, "octaviusColorIconEventAlpha": { - "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", - "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + "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))", }, "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "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)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + "active": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "active": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", - "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "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)", }, "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", - "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "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)", }, "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "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)", }, "octaviusColorIconOrderAlpha": { - "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + "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))", }, "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "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)", }, "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "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)", }, "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", - "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", + "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "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)", }, "octaviusColorIconTravelAlpha": { - "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", - "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + "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))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", + "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(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + "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)", }, "octaviusColorLayoutLetterBorderAlpha": { - "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + "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))", }, "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", "octaviusColorLetterContactBackgroundAlpha": { - "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "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)", }, "octaviusColorLetterListTextUnread": { - "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + "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)", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", - "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + "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)", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", - "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + "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)", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "var(--vkui--octavius_color_list_background_positive_alpha--active, rgba(13, 194, 104, 0.16))", @@ -170363,239 +180317,239 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", - "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + "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)", }, "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "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)", }, "octaviusColorListLetterAdvBackground": { - "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", - "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + "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)", }, "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", - "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + "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)", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + "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))", }, "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "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)", }, "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "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)", }, "octaviusColorNotificationBorder": { - "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", + "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)", }, "octaviusColorOverlayBackground": { - "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "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)", }, "octaviusColorPlaceholderBackground": { - "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "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)", }, "octaviusColorPortalMenuBackground": { - "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + "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)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", - "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + "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))", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", - "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + "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))", }, "octaviusColorPromoBackground": { - "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", - "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "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)", }, "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "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)", }, "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + "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)", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "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(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + "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, #089AEB)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + "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, #E82A38)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + "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, #D40105)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + "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, #2BB97F)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + "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, #EB4FA1)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + "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, #EB9305)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + "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, #AB31ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + "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, #006FEF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0073F7)", + "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(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + "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, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + "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, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + "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, #989BA4)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + "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, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + "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))", @@ -170603,43 +180557,43 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_sidebar_widget_background_alpha, rgba(255, 255, 255, 0.16))", }, "octaviusColorSnackbarBackground": { - "active": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", - "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + "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, #006FEF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", + "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, #EB565A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + "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, #0CB465)", - "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + "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, #90929A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + "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, #EB9305)", - "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + "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, #187CEF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", + "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, #EBECEF)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + "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": { @@ -170648,49 +180602,49 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - "normal": "var(--vkui--octavius_color_text_finance, #27B275)", + "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "normal": "var(--vkui--octavius_color_text_finance, #52C392)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", - "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", + "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", - "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "normal": "var(--vkui--octavius_color_text_school, #D392F2)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "normal": "var(--vkui--octavius_color_text_social, #7688E9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, "octaviusColorThreadFooterBackground": { - "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + "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))", @@ -170725,9 +180679,9 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", - "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + "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)", @@ -170783,7 +180737,8 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` }, "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "compact": "var(--vkui--size_base_margin--compact, 12px)", + "regular": "var(--vkui--size_base_margin--regular, 8px)", }, "sizeBasePadding": { "compact": "var(--vkui--size_base_padding--compact, 20px)", @@ -170805,7 +180760,7 @@ exports[`shapshots octavius 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, 2px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -170867,8 +180822,8 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "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)", + "compact": "var(--vkui--size_button_medium_height--compact, 48px)", + "regular": "var(--vkui--size_button_medium_height--regular, 32px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -170877,8 +180832,8 @@ exports[`shapshots octavius 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)", + "compact": "var(--vkui--size_button_padding_horizontal--compact, 20px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 16px)", }, "sizeButtonSliderHeight": { "regular": "var(--vkui--size_button_slider_height--regular, 24px)", @@ -170890,8 +180845,7 @@ exports[`shapshots octavius 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, 32px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -170930,8 +180884,8 @@ exports[`shapshots octavius 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)", + "regular": "var(--vkui--size_control_button_width_min--regular, 104px)", }, "sizeDivPadding": { "regular": "var(--vkui--size_div_padding--regular, 4px)", @@ -170946,11 +180900,11 @@ exports[`shapshots octavius 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)", + "compact": "var(--vkui--size_field_height--compact, 48px)", + "regular": "var(--vkui--size_field_height--regular, 32px)", }, "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "regular": "var(--vkui--size_field_horizontal_margin--regular, 16px)", }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", @@ -170959,7 +180913,8 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "compact": "var(--vkui--size_field_vertical_margin--compact, 24px)", + "regular": "var(--vkui--size_field_vertical_margin--regular, 20px)", }, "sizeFieldWidthMin": { "compact": "var(--vkui--size_field_width_min--compact, 380px)", @@ -170973,8 +180928,8 @@ exports[`shapshots octavius 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)", + "compact": "var(--vkui--size_icon_margin--compact, 12px)", + "regular": "var(--vkui--size_icon_margin--regular, 8px)", }, "sizeIconMorePadding": { "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", @@ -171125,7 +181080,7 @@ exports[`shapshots octavius 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, octavius)", + "themeName": "var(--vkui--theme_name, octaviusCompactDark)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -171159,7 +181114,7 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots octavius theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -171177,94 +181132,94 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", + "active": "#C6442D", + "hover": "#C33C24", "normal": "#c1341b", }, "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)", @@ -171272,68 +181227,68 @@ exports[`shapshots octavius 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -171342,293 +181297,293 @@ exports[`shapshots octavius 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", }, "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", + "active": "#3A5FFF", + "hover": "#3258FF", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -171637,18 +181592,18 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", + "active": "#14B2F3", + "hover": "#0AAEF3", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", + "active": "#37E2E2", + "hover": "#2FE0E0", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", + "active": "#B4E326", + "hover": "#B1E21C", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -171657,8 +181612,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", + "active": "#66C862", + "hover": "#60C55B", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -171667,18 +181622,18 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", + "active": "#47ED9D", + "hover": "#3FEC98", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", + "active": "#14B7B9", + "hover": "#0AB4B6", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", + "active": "#FF943F", + "hover": "#FF9036", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -171687,294 +181642,294 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", + "active": "#FC3D48", + "hover": "#FC3440", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", + "active": "#ED2B8B", + "hover": "#EC2286", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", + "active": "#FF7CC0", + "hover": "#FF77BE", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", + "active": "#7814FF", + "hover": "#720AFF", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", + "active": "#B47EFF", + "hover": "#B179FF", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", + "active": "#FFC824", + "hover": "#FFC51B", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", }, "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", + "active": "#2A75FF", + "hover": "#206FFF", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", + "active": "#EC5A92", + "hover": "#EB538E", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", + "active": "#2A82F3", + "hover": "#217CF3", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", + "active": "#2488DD", + "hover": "#1B83DB", "normal": "#117eda", }, "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", + "active": "#2FA9F3", + "hover": "#26A5F3", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", + "active": "#B9F1E0", + "hover": "#B6F1DE", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", + "active": "#FFD6AF", + "hover": "#FFD4AB", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", + "active": "#FFB8DD", + "hover": "#FFB5DB", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", + "active": "#D2B9F1", + "hover": "#D0B6F1", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", + "active": "#ABE1FF", + "hover": "#A8DFFF", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", + "active": "#326868", + "hover": "#296262", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", + "active": "#684632", + "hover": "#623E29", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", + "active": "#5F3268", + "hover": "#582962", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", + "active": "#483268", + "hover": "#402962", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", + "active": "#324E68", + "hover": "#294762", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", - }, + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", + }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -171982,81 +181937,81 @@ exports[`shapshots octavius 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", + "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)", @@ -172274,9 +182229,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontSize": 13, "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontTitle1": { @@ -172314,14 +182269,14 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "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%", "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -172334,79 +182289,79 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { "active": "rgba(39, 43, 55, 0.58)", @@ -172414,210 +182369,210 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "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.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", + "active": "#BCBEC3", + "hover": "#B9BBC1", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", + "active": "#9C9EA3", + "hover": "#979A9F", "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#EB5B5F", - "hover": "#F55F61", + "active": "#FF6F6F", + "hover": "#FF6868", "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", + "active": "#40CC8F", + "hover": "#37CA8A", "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", + "active": "#FFAB56", + "hover": "#FFA84E", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", + "active": "#EE565E", + "hover": "#ED4E57", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", + "active": "#7FC419", + "hover": "#7AC20F", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", + "active": "#CD88EE", + "hover": "#CB83ED", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", + "active": "#2FCBD6", + "hover": "#26C9D4", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#222222", + "hover": "#191919", + "normal": "#0F0F0F", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -172625,239 +182580,239 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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", }, "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "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.24)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -172865,43 +182820,43 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", + "active": "#A4A5A9", + "hover": "#A0A1A6", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", + "active": "#2C8FFF", + "hover": "#238AFF", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -172910,49 +182865,49 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusElevationCard": "none", "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", @@ -172987,9 +182942,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 64, }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", + "active": "none", + "hover": "none", + "normal": "underline", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -173045,7 +183000,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` }, "sizeBase": 4, "sizeBaseMargin": { - "regular": 12, + "compact": 12, + "regular": 8, }, "sizeBasePadding": { "compact": 20, @@ -173067,7 +183023,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 2, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -173129,8 +183085,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 48, + "regular": 32, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -173139,8 +183095,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeButtonSliderHeight": { "regular": 24, @@ -173152,8 +183108,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": 32, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -173192,8 +183147,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "compact": 130, + "regular": 104, }, "sizeDivPadding": { "regular": 4, @@ -173208,11 +183163,11 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": 48, + "regular": 32, }, "sizeFieldHorizontalMargin": { - "regular": 20, + "regular": 16, }, "sizeFieldHorizontalPadding": { "regular": 12, @@ -173221,7 +183176,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeFieldVerticalMargin": { - "regular": 24, + "compact": 24, + "regular": 20, }, "sizeFieldWidthMin": { "compact": 380, @@ -173235,8 +183191,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { - "compact": 8, - "regular": 12, + "compact": 12, + "regular": 8, }, "sizeIconMorePadding": { "compact": 8, @@ -173387,7 +183343,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octavius", + "themeName": "octaviusCompactDark", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -173421,7 +183377,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -173456,11 +183412,11 @@ exports[`shapshots octaviusCompact 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", @@ -173470,25 +183426,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "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", @@ -173498,25 +183454,25 @@ exports[`shapshots octaviusCompact 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", @@ -173526,11 +183482,11 @@ exports[`shapshots octaviusCompact 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", @@ -173540,11 +183496,11 @@ exports[`shapshots octaviusCompact 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", @@ -173554,11 +183510,11 @@ exports[`shapshots octaviusCompact 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", @@ -173568,25 +183524,25 @@ exports[`shapshots octaviusCompact 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", @@ -173596,11 +183552,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #815DEF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -173610,25 +183566,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "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, #DA300E)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", @@ -173638,11 +183594,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "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", @@ -173652,11 +183608,11 @@ exports[`shapshots octaviusCompact 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", @@ -173666,25 +183622,25 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAlert": { "active": { "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #B2311E)", + "value": "var(--vkui--color_alert--active, #C6442D)", }, "hover": { "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #B9331C)", + "value": "var(--vkui--color_alert--hover, #C33C24)", }, "normal": { "name": "--vkui--color_alert", @@ -173694,15 +183650,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "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": { @@ -173722,25 +183678,25 @@ exports[`shapshots octaviusCompact 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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", @@ -173750,11 +183706,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "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", @@ -173764,39 +183720,39 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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", @@ -173806,81 +183762,81 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #DDE5EF)", + "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, #E6EEF7)", + "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, #f0f7ff)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -173890,11 +183846,11 @@ exports[`shapshots octaviusCompact 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", @@ -173918,137 +183874,137 @@ exports[`shapshots octaviusCompact 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, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "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, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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, 51, 10, 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, 51, 10, 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, #EADDDD)", + "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, #F4E6E4)", + "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, #feefeb)", + "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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -174058,389 +184014,389 @@ exports[`shapshots octaviusCompact 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, #BCD3EF)", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "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(204, 228, 255, 0.98))", + "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(204, 228, 255, 0.9400000000000001))", + "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(204, 228, 255, 0.9))", + "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, #D8DAE1)", + "value": "var(--vkui--color_background_thumbnail--active, #313131)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "value": "var(--vkui--color_background_thumbnail--hover, #282828)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #EBECEF)", + "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "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, #006FEF)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #0073F7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #0077ff)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #006FEF)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #0077ff)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #006FEF)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #0073F7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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", @@ -174450,11 +184406,11 @@ exports[`shapshots octaviusCompact 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", @@ -174464,67 +184420,67 @@ exports[`shapshots octaviusCompact 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, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "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", @@ -174534,25 +184490,25 @@ exports[`shapshots octaviusCompact 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", @@ -174562,67 +184518,67 @@ exports[`shapshots octaviusCompact 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", @@ -174632,53 +184588,53 @@ exports[`shapshots octaviusCompact 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", @@ -174688,39 +184644,39 @@ exports[`shapshots octaviusCompact 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, #264CEF)", + "value": "var(--vkui--color_palette_blue1--active, #3A5FFF)", }, "hover": { "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "value": "var(--vkui--color_palette_blue1--hover, #3258FF)", }, "normal": { "name": "--vkui--color_palette_blue1", @@ -174744,11 +184700,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteBlue2": { "active": { "name": "--vkui--color_palette_blue2--active", - "value": "var(--vkui--color_palette_blue2--active, #009FE4)", + "value": "var(--vkui--color_palette_blue2--active, #14B2F3)", }, "hover": { "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "value": "var(--vkui--color_palette_blue2--hover, #0AAEF3)", }, "normal": { "name": "--vkui--color_palette_blue2", @@ -174758,11 +184714,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteBlue3": { "active": { "name": "--vkui--color_palette_blue3--active", - "value": "var(--vkui--color_palette_blue3--active, #23CED2)", + "value": "var(--vkui--color_palette_blue3--active, #37E2E2)", }, "hover": { "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "value": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", }, "normal": { "name": "--vkui--color_palette_blue3", @@ -174772,11 +184728,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteGreen1": { "active": { "name": "--vkui--color_palette_green1--active", - "value": "var(--vkui--color_palette_green1--active, #A0D016)", + "value": "var(--vkui--color_palette_green1--active, #B4E326)", }, "hover": { "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #A7D915)", + "value": "var(--vkui--color_palette_green1--hover, #B1E21C)", }, "normal": { "name": "--vkui--color_palette_green1", @@ -174800,11 +184756,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteGreen2": { "active": { "name": "--vkui--color_palette_green2--active", - "value": "var(--vkui--color_palette_green2--active, #52B552)", + "value": "var(--vkui--color_palette_green2--active, #66C862)", }, "hover": { "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #55BC53)", + "value": "var(--vkui--color_palette_green2--hover, #60C55B)", }, "normal": { "name": "--vkui--color_palette_green2", @@ -174828,11 +184784,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteGreen3": { "active": { "name": "--vkui--color_palette_green3--active", - "value": "var(--vkui--color_palette_green3--active, #33D98D)", + "value": "var(--vkui--color_palette_green3--active, #47ED9D)", }, "hover": { "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #35E291)", + "value": "var(--vkui--color_palette_green3--hover, #3FEC98)", }, "normal": { "name": "--vkui--color_palette_green3", @@ -174842,11 +184798,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteGreen4": { "active": { "name": "--vkui--color_palette_green4--active", - "value": "var(--vkui--color_palette_green4--active, #00A4AA)", + "value": "var(--vkui--color_palette_green4--active, #14B7B9)", }, "hover": { "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "value": "var(--vkui--color_palette_green4--hover, #0AB4B6)", }, "normal": { "name": "--vkui--color_palette_green4", @@ -174856,11 +184812,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteOrange1": { "active": { "name": "--vkui--color_palette_orange1--active", - "value": "var(--vkui--color_palette_orange1--active, #EB812F)", + "value": "var(--vkui--color_palette_orange1--active, #FF943F)", }, "hover": { "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "value": "var(--vkui--color_palette_orange1--hover, #FF9036)", }, "normal": { "name": "--vkui--color_palette_orange1", @@ -174884,11 +184840,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteRed1": { "active": { "name": "--vkui--color_palette_red1--active", - "value": "var(--vkui--color_palette_red1--active, #E82A38)", + "value": "var(--vkui--color_palette_red1--active, #FC3D48)", }, "hover": { "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #F22B38)", + "value": "var(--vkui--color_palette_red1--hover, #FC3440)", }, "normal": { "name": "--vkui--color_palette_red1", @@ -174898,11 +184854,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteRed2": { "active": { "name": "--vkui--color_palette_red2--active", - "value": "var(--vkui--color_palette_red2--active, #D8187C)", + "value": "var(--vkui--color_palette_red2--active, #ED2B8B)", }, "hover": { "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #E2197E)", + "value": "var(--vkui--color_palette_red2--hover, #EC2286)", }, "normal": { "name": "--vkui--color_palette_red2", @@ -174912,11 +184868,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteRed3": { "active": { "name": "--vkui--color_palette_red3--active", - "value": "var(--vkui--color_palette_red3--active, #EB69B1)", + "value": "var(--vkui--color_palette_red3--active, #FF7CC0)", }, "hover": { "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "value": "var(--vkui--color_palette_red3--hover, #FF77BE)", }, "normal": { "name": "--vkui--color_palette_red3", @@ -174926,11 +184882,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteViolet1": { "active": { "name": "--vkui--color_palette_violet1--active", - "value": "var(--vkui--color_palette_violet1--active, #6301EF)", + "value": "var(--vkui--color_palette_violet1--active, #7814FF)", }, "hover": { "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "value": "var(--vkui--color_palette_violet1--hover, #720AFF)", }, "normal": { "name": "--vkui--color_palette_violet1", @@ -174940,11 +184896,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteViolet2": { "active": { "name": "--vkui--color_palette_violet2--active", - "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "value": "var(--vkui--color_palette_violet2--active, #B47EFF)", }, "hover": { "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "value": "var(--vkui--color_palette_violet2--hover, #B179FF)", }, "normal": { "name": "--vkui--color_palette_violet2", @@ -174954,11 +184910,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorPaletteYellow1": { "active": { "name": "--vkui--color_palette_yellow1--active", - "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "value": "var(--vkui--color_palette_yellow1--active, #FFC824)", }, "hover": { "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "value": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", }, "normal": { "name": "--vkui--color_palette_yellow1", @@ -174968,25 +184924,25 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "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", @@ -174996,137 +184952,137 @@ exports[`shapshots octaviusCompact 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, #1562EF)", + "value": "var(--vkui--color_social_behance--active, #2A75FF)", }, "hover": { "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #1665F7)", + "value": "var(--vkui--color_social_behance--hover, #206FFF)", }, "normal": { "name": "--vkui--color_social_behance", @@ -175136,11 +185092,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorSocialDribbble": { "active": { "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #D74783)", + "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", }, "hover": { "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", }, "normal": { "name": "--vkui--color_social_dribbble", @@ -175150,11 +185106,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorSocialFb": { "active": { "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #166FE4)", + "value": "var(--vkui--color_social_fb--active, #2A82F3)", }, "hover": { "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #1773EB)", + "value": "var(--vkui--color_social_fb--hover, #217CF3)", }, "normal": { "name": "--vkui--color_social_fb", @@ -175164,11 +185120,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorSocialMir": { "active": { "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #1075CD)", + "value": "var(--vkui--color_social_mir--active, #2488DD)", }, "hover": { "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #107AD4)", + "value": "var(--vkui--color_social_mir--hover, #1B83DB)", }, "normal": { "name": "--vkui--color_social_mir", @@ -175178,11 +185134,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorSocialOk": { "active": { "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #DB790C)", + "value": "var(--vkui--color_social_ok--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #E47D0A)", + "value": "var(--vkui--color_social_ok--hover, #EF8712)", }, "normal": { "name": "--vkui--color_social_ok", @@ -175192,11 +185148,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorSocialTwitter": { "active": { "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #1B95E4)", + "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", }, "hover": { "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", }, "normal": { "name": "--vkui--color_social_twitter", @@ -175206,11 +185162,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorSocialVk": { "active": { "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #3A80D3)", + "value": "var(--vkui--color_social_vk--active, #4E93E2)", }, "hover": { "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #3C85D9)", + "value": "var(--vkui--color_social_vk--hover, #478FE1)", }, "normal": { "name": "--vkui--color_social_vk", @@ -175220,39 +185176,39 @@ exports[`shapshots octaviusCompact 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, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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", @@ -175262,25 +185218,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "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", @@ -175290,25 +185246,25 @@ exports[`shapshots octaviusCompact 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, #A5DED0)", + "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, #ACE7D7)", + "value": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", }, "normal": { "name": "--vkui--color_tag_background_mint", @@ -175318,11 +185274,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagBackgroundOrange": { "active": { "name": "--vkui--color_tag_background_orange--active", - "value": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "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, #F5CAA4)", + "value": "var(--vkui--color_tag_background_orange--hover, #FFD4AB)", }, "normal": { "name": "--vkui--color_tag_background_orange", @@ -175332,11 +185288,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagBackgroundPink": { "active": { "name": "--vkui--color_tag_background_pink--active", - "value": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "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, #F5ACD4)", + "value": "var(--vkui--color_tag_background_pink--hover, #FFB5DB)", }, "normal": { "name": "--vkui--color_tag_background_pink", @@ -175346,11 +185302,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagBackgroundPurple": { "active": { "name": "--vkui--color_tag_background_purple--active", - "value": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "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, #C6ACE9)", + "value": "var(--vkui--color_tag_background_purple--hover, #D0B6F1)", }, "normal": { "name": "--vkui--color_tag_background_purple", @@ -175360,11 +185316,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagBackgroundSky": { "active": { "name": "--vkui--color_tag_background_sky--active", - "value": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "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, #9DD6F7)", + "value": "var(--vkui--color_tag_background_sky--hover, #A8DFFF)", }, "normal": { "name": "--vkui--color_tag_background_sky", @@ -175374,11 +185330,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagTextMint": { "active": { "name": "--vkui--color_tag_text_mint--active", - "value": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "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, #1F585A)", + "value": "var(--vkui--color_tag_text_mint--hover, #296262)", }, "normal": { "name": "--vkui--color_tag_text_mint", @@ -175388,11 +185344,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagTextOrange": { "active": { "name": "--vkui--color_tag_text_orange--active", - "value": "var(--vkui--color_tag_text_orange--active, #543322)", + "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, #573421)", + "value": "var(--vkui--color_tag_text_orange--hover, #623E29)", }, "normal": { "name": "--vkui--color_tag_text_orange", @@ -175402,11 +185358,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagTextPink": { "active": { "name": "--vkui--color_tag_text_pink--active", - "value": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "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, #4E1F5A)", + "value": "var(--vkui--color_tag_text_pink--hover, #582962)", }, "normal": { "name": "--vkui--color_tag_text_pink", @@ -175416,11 +185372,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagTextPurple": { "active": { "name": "--vkui--color_tag_text_purple--active", - "value": "var(--vkui--color_tag_text_purple--active, #341F59)", + "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, #361F5A)", + "value": "var(--vkui--color_tag_text_purple--hover, #402962)", }, "normal": { "name": "--vkui--color_tag_text_purple", @@ -175430,11 +185386,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTagTextSky": { "active": { "name": "--vkui--color_tag_text_sky--active", - "value": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "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, #1F3D5A)", + "value": "var(--vkui--color_tag_text_sky--hover, #294762)", }, "normal": { "name": "--vkui--color_tag_text_sky", @@ -175444,39 +185400,39 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0068E2)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #0070f0)", + "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", @@ -175486,53 +185442,53 @@ exports[`shapshots octaviusCompact 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, #0068E2)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #006CE9)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0070f0)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #0070f0)", + "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", @@ -175542,11 +185498,11 @@ exports[`shapshots octaviusCompact 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", @@ -175556,39 +185512,39 @@ exports[`shapshots octaviusCompact 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, #DA300E)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "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", @@ -175598,39 +185554,39 @@ exports[`shapshots octaviusCompact 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -175640,57 +185596,57 @@ exports[`shapshots octaviusCompact 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "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": { @@ -175710,137 +185666,137 @@ exports[`shapshots octaviusCompact 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", @@ -175850,11 +185806,11 @@ exports[`shapshots octaviusCompact 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", @@ -175864,82 +185820,82 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "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": { @@ -176901,7 +186857,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 13px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -177053,7 +187009,7 @@ exports[`shapshots octaviusCompact 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", @@ -177061,7 +187017,7 @@ exports[`shapshots octaviusCompact 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", @@ -177070,29 +187026,29 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "value": "var(--vkui--octavius_color_background--hover, #222223)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #F6F7F8)", + "value": "var(--vkui--octavius_color_background, #19191A)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -177126,39 +187082,39 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "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.2))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", }, "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.16))", + "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.12))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", }, }, "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.18))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.2))", }, "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.14))", + "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.1))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", }, }, "octaviusColorButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_button_background_alpha--active", - "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--octavius_color_button_background_alpha", @@ -177168,151 +187124,151 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorButtonBackgroundContrastAlpha": { "active": { "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "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.99))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "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(0, 16, 61, 0.06))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", }, }, "octaviusColorButtonIcon": { "active": { "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "value": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "value": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", }, "normal": { "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #333333)", + "value": "var(--vkui--octavius_color_button_icon, #E7E8EA)", }, }, "octaviusColorButtonText": { "active": { "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "value": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #313233)", + "value": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", }, "normal": { "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #333333)", + "value": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, }, "octaviusColorContentScrollbarAlpha": { "active": { "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_dataset_background, #232324)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "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, #333333)", + "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", }, }, "octaviusColorEmptyStateTextLink": { "active": { "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "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, #005bd1)", + "value": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, }, "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_background, #232324)", }, }, "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.4))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "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.64))", + "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", @@ -177322,15 +187278,15 @@ 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, #282B2F)", + "value": "var(--vkui--octavius_color_header_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, }, "octaviusColorHeaderFilterTextAlpha": { @@ -177350,11 +187306,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_header_icon", @@ -177364,53 +187320,53 @@ 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, #C8CAD0)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", + "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, #D9DADD)", + "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", + "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, #FC2C38)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, }, "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_header_progress", @@ -177420,81 +187376,81 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", + "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", + "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, #f0f1f3)", + "value": "var(--vkui--octavius_color_header_search_background, #303030)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", + "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, #f0f1f3)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", + "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, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "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, #ffffff)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", }, }, "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(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", }, "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, }, "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", }, "normal": { "name": "--vkui--octavius_color_header_search_icon", @@ -177504,67 +187460,67 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "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, #87898F)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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(0, 95, 249, .10))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", @@ -177574,53 +187530,53 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "value": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "value": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "value": "var(--vkui--octavius_color_icon_event, #FF6262)", }, }, "octaviusColorIconEventAlpha": { "active": { "name": "--vkui--octavius_color_icon_event_alpha--active", - "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "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(59, 186, 254, 0.1))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", + "value": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", @@ -177630,11 +187586,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "value": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", @@ -177644,25 +187600,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, }, "octaviusColorIconMailings": { "active": { "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "value": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", }, "hover": { "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", }, "normal": { "name": "--vkui--octavius_color_icon_mailings", @@ -177672,25 +187628,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, }, "octaviusColorIconOfficial": { "active": { "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", }, "hover": { "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "value": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", }, "normal": { "name": "--vkui--octavius_color_icon_official", @@ -177700,39 +187656,39 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", }, }, "octaviusColorIconOrderAlpha": { "active": { "name": "--vkui--octavius_color_icon_order_alpha--active", - "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "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(249, 76, 163, 0.1))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconReceipts": { "active": { "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "value": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", }, "hover": { "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", }, "normal": { "name": "--vkui--octavius_color_icon_receipts", @@ -177742,25 +187698,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", }, }, "octaviusColorIconSchool": { "active": { "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "value": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", }, "hover": { "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "value": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", }, "normal": { "name": "--vkui--octavius_color_icon_school", @@ -177770,25 +187726,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #7288FF)", + "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, }, "octaviusColorIconToMyself": { "active": { "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", }, "hover": { "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", }, "normal": { "name": "--vkui--octavius_color_icon_to_myself", @@ -177798,39 +187754,39 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", }, }, "octaviusColorIconTravelAlpha": { "active": { "name": "--vkui--octavius_color_icon_travel_alpha--active", - "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "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(193, 93, 243, 0.1))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", @@ -177840,43 +187796,43 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorLayoutBorderAlpha": { "active": { "name": "--vkui--octavius_color_layout_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "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, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_layout_border_alpha, transparent)", }, }, "octaviusColorLayoutLetterBorderAlpha": { "active": { "name": "--vkui--octavius_color_layout_letter_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "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, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", }, }, "octaviusColorLetterAttachListBackground": { "name": "--vkui--octavius_color_letter_attach_list_background", - "value": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", + "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(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "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", @@ -177886,43 +187842,43 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorLetterListTextUnread": { "active": { "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "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, #2c2d2e)", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", }, }, "octaviusColorLetterPreviewBackgroundPrimary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "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, #F9F9FA)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", }, }, "octaviusColorLetterPreviewBackgroundSecondary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "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, #F3F3F5)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", }, }, "octaviusColorListBackgroundPositiveAlpha": { @@ -177942,25 +187898,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "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, #F2FAF4)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", }, }, "octaviusColorListIconPrimary": { "active": { "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_icon_primary", @@ -177970,53 +187926,53 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "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, #F0F5FF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "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, #ffffff)", + "value": "var(--vkui--octavius_color_list_letter_background, #232324)", }, }, "octaviusColorListLetterSeparatorAlpha": { "active": { "name": "--vkui--octavius_color_list_letter_separator_alpha--active", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "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, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", }, }, "octaviusColorListTextPrimary": { "active": { "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_text_primary", @@ -178026,11 +187982,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorListTextUnread": { "active": { "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_text_unread", @@ -178040,25 +187996,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "value": "var(--vkui--octavius_color_notification_border--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #ffffff)", + "value": "var(--vkui--octavius_color_notification_border, #000000)", }, }, "octaviusColorOverlayBackground": { "active": { "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--octavius_color_overlay_background", @@ -178068,81 +188024,81 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "value": "var(--vkui--octavius_color_placeholder_background, #000000)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "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, #FFFFFF)", + "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, }, "octaviusColorPortalSearchBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_background_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--octavius_color_portal_search_background_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "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, .99))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", }, }, "octaviusColorPortalSearchIconThemedAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "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(0, 95, 255, .99))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "value": "var(--vkui--octavius_color_promo_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "value": "var(--vkui--octavius_color_promo_background, #303030)", }, }, "octaviusColorSidebarButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_background", @@ -178152,11 +188108,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_icon", @@ -178166,11 +188122,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_text", @@ -178180,25 +188136,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarComposeButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "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)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", }, }, "octaviusColorSidebarComposeButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_icon", @@ -178208,11 +188164,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarComposeButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_text", @@ -178222,11 +188178,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarCounterBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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", @@ -178236,123 +188192,123 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "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, #09a6fa)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "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, #fc2c38)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "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, #e60000)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "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, #2fc885)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "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, #ff54aa)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "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, #ff9e00)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "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, #ba34fc)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", @@ -178362,11 +188318,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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", @@ -178376,225 +188332,225 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(255, 255, 255, 0.08))", }, }, "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "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, #333333)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", }, }, "octaviusColorSidebarItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", }, }, "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "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, #87898F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "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, #313233)", + "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, #333333)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #7C7F88)", + "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, #82848C)", + "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, #87898F)", + "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "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, #2F3034)", + "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, #313233)", + "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, #333333)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #989BA4)", + "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, #9EA1A9)", + "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, #A5A7AD)", + "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, #2F3034)", + "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, #313233)", + "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, #333333)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #7C7F88)", + "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, #82848C)", + "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, #87898F)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -178614,11 +188570,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarBackground": { "active": { "name": "--vkui--octavius_color_snackbar_background--active", - "value": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", + "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, #2E2F31)", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #383838)", }, "normal": { "name": "--vkui--octavius_color_snackbar_background", @@ -178628,11 +188584,11 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", @@ -178642,11 +188598,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconNegative": { "active": { "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + "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, #F5595B)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_negative", @@ -178656,11 +188612,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconPositive": { "active": { "name": "--vkui--octavius_color_snackbar_icon_positive--active", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "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, #0CBB66)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_positive", @@ -178670,11 +188626,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconSecondary": { "active": { "name": "--vkui--octavius_color_snackbar_icon_secondary--active", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "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, #96979E)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_secondary", @@ -178684,11 +188640,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconWarning": { "active": { "name": "--vkui--octavius_color_snackbar_icon_warning--active", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "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, #F59802)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #FFA20A)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_warning", @@ -178698,11 +188654,11 @@ 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, #187CEF)", + "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, #1980F7)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", @@ -178712,11 +188668,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextContrast": { "active": { "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_contrast", @@ -178740,127 +188696,127 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #27B275)", + "value": "var(--vkui--octavius_color_text_finance, #52C392)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #EBAF00)", + "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #08ABD9)", + "value": "var(--vkui--octavius_color_text_news, #37C1E8)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #C97EEC)", + "value": "var(--vkui--octavius_color_text_school, #D392F2)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #556AD9)", + "value": "var(--vkui--octavius_color_text_social, #7688E9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "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, #E2E3E8)", + "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, #ebecef)", + "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", }, }, "octaviusElevationCard": { @@ -178982,15 +188938,15 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "octaviusTextDecorationEmptyStateTextLink": { "active": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + "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, underline)", + "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, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, underline)", }, }, "octaviusTextShadowEmptyStateText": { @@ -179178,13 +189134,9 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_margin", "value": "var(--vkui--size_base_margin)", }, - "compact": { - "name": "--vkui--size_base_margin--compact", - "value": "var(--vkui--size_base_margin--compact, 12px)", - }, "regular": { "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 8px)", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, "sizeBasePadding": { @@ -179258,7 +189210,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 2px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -179466,11 +189418,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 48px)", + "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, 32px)", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, "sizeButtonMinimumWidth": { @@ -179500,11 +189452,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 20px)", + "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, 16px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, "sizeButtonSliderHeight": { @@ -179542,9 +189494,13 @@ exports[`shapshots octaviusCompact 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, 32px)", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -179674,11 +189630,11 @@ exports[`shapshots octaviusCompact 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)", + "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, 104px)", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, "sizeDivPadding": { @@ -179728,11 +189684,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 48px)", + "value": "var(--vkui--size_field_height--compact, 36px)", }, "regular": { "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 32px)", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, "sizeFieldHorizontalMargin": { @@ -179742,7 +189698,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 16px)", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, }, "sizeFieldHorizontalPadding": { @@ -179770,13 +189726,9 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_vertical_margin", "value": "var(--vkui--size_field_vertical_margin)", }, - "compact": { - "name": "--vkui--size_field_vertical_margin--compact", - "value": "var(--vkui--size_field_vertical_margin--compact, 24px)", - }, "regular": { "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 20px)", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, "sizeFieldWidthMin": { @@ -179824,11 +189776,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 12px)", + "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": { @@ -180343,7 +190295,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusCompact)", + "value": "var(--vkui--theme_name, octaviusDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -180465,7 +190417,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -180483,94 +190435,94 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", + "active": "#C6442D", + "hover": "#C33C24", "normal": "#c1341b", }, "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)", @@ -180578,68 +190530,68 @@ exports[`shapshots octaviusCompact 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -180648,293 +190600,293 @@ exports[`shapshots octaviusCompact 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", }, "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", + "active": "#3A5FFF", + "hover": "#3258FF", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -180943,18 +190895,18 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", + "active": "#14B2F3", + "hover": "#0AAEF3", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", + "active": "#37E2E2", + "hover": "#2FE0E0", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", + "active": "#B4E326", + "hover": "#B1E21C", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -180963,8 +190915,8 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", + "active": "#66C862", + "hover": "#60C55B", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -180973,18 +190925,18 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", + "active": "#47ED9D", + "hover": "#3FEC98", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", + "active": "#14B7B9", + "hover": "#0AB4B6", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", + "active": "#FF943F", + "hover": "#FF9036", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -180993,294 +190945,294 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", + "active": "#FC3D48", + "hover": "#FC3440", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", + "active": "#ED2B8B", + "hover": "#EC2286", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", + "active": "#FF7CC0", + "hover": "#FF77BE", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", + "active": "#7814FF", + "hover": "#720AFF", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", + "active": "#B47EFF", + "hover": "#B179FF", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", + "active": "#FFC824", + "hover": "#FFC51B", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", }, "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", + "active": "#2A75FF", + "hover": "#206FFF", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", + "active": "#EC5A92", + "hover": "#EB538E", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", + "active": "#2A82F3", + "hover": "#217CF3", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", + "active": "#2488DD", + "hover": "#1B83DB", "normal": "#117eda", }, "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", + "active": "#2FA9F3", + "hover": "#26A5F3", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", + "active": "#B9F1E0", + "hover": "#B6F1DE", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", + "active": "#FFD6AF", + "hover": "#FFD4AB", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", + "active": "#FFB8DD", + "hover": "#FFB5DB", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", + "active": "#D2B9F1", + "hover": "#D0B6F1", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", + "active": "#ABE1FF", + "hover": "#A8DFFF", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", + "active": "#326868", + "hover": "#296262", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", + "active": "#684632", + "hover": "#623E29", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", + "active": "#5F3268", + "hover": "#582962", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", + "active": "#483268", + "hover": "#402962", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", + "active": "#324E68", + "hover": "#294762", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -181288,86 +191240,86 @@ exports[`shapshots octaviusCompact 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", @@ -181580,7 +191532,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, @@ -181615,19 +191567,19 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "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%", + "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%", "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -181640,79 +191592,79 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { "active": "rgba(39, 43, 55, 0.58)", @@ -181720,210 +191672,210 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "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.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", + "active": "#BCBEC3", + "hover": "#B9BBC1", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", + "active": "#9C9EA3", + "hover": "#979A9F", "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#EB5B5F", - "hover": "#F55F61", + "active": "#FF6F6F", + "hover": "#FF6868", "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", + "active": "#40CC8F", + "hover": "#37CA8A", "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", + "active": "#FFAB56", + "hover": "#FFA84E", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", + "active": "#EE565E", + "hover": "#ED4E57", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", + "active": "#7FC419", + "hover": "#7AC20F", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", + "active": "#CD88EE", + "hover": "#CB83ED", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", + "active": "#2FCBD6", + "hover": "#26C9D4", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, - "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", + "octaviusColorLetterAttachListBackground": "linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#222222", + "hover": "#191919", + "normal": "#0F0F0F", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -181931,239 +191883,239 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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", }, "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "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.24)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -182171,43 +192123,43 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", + "active": "#A4A5A9", + "hover": "#A0A1A6", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", + "active": "#2C8FFF", + "hover": "#238AFF", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -182216,49 +192168,49 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusElevationCard": "none", "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", @@ -182293,9 +192245,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "64px", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", + "active": "none", + "hover": "none", + "normal": "underline", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -182351,8 +192303,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "sizeBase": "4px", "sizeBaseMargin": { - "compact": "12px", - "regular": "8px", + "regular": "12px", }, "sizeBasePadding": { "compact": "20px", @@ -182374,7 +192325,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "2px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -182436,8 +192387,8 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "48px", - "regular": "32px", + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -182446,8 +192397,8 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "20px", - "regular": "16px", + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -182459,7 +192410,8 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "32px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -182498,8 +192450,8 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "130px", - "regular": "104px", + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { "regular": "4px", @@ -182514,11 +192466,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "8px", }, "sizeFieldHeight": { - "compact": "48px", - "regular": "32px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { - "regular": "16px", + "regular": "20px", }, "sizeFieldHorizontalPadding": { "regular": "12px", @@ -182527,8 +192479,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "32px", }, "sizeFieldVerticalMargin": { - "compact": "24px", - "regular": "20px", + "regular": "24px", }, "sizeFieldWidthMin": { "compact": "380px", @@ -182542,8 +192493,8 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "20px", }, "sizeIconMargin": { - "compact": "12px", - "regular": "8px", + "compact": "8px", + "regular": "12px", }, "sizeIconMorePadding": { "compact": "8px", @@ -182694,7 +192645,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusCompact", + "themeName": "octaviusDark", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -182728,7 +192679,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` } `; -exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -182746,94 +192697,94 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, }, "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, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "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, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "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, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "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, #006FEF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", - "normal": "var(--vkui--color_action_sheet_text, #0077ff)", + "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, #B2311E)", - "hover": "var(--vkui--color_alert--hover, #B9331C)", + "active": "var(--vkui--color_alert--active, #C6442D)", + "hover": "var(--vkui--color_alert--hover, #C33C24)", "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -182841,68 +192792,68 @@ exports[`shapshots octaviusCompact 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, #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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "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, #006FEF)", - "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 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))", + "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, 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))", + "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, #DDE5EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #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": { @@ -182911,293 +192862,293 @@ exports[`shapshots octaviusCompact 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, #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, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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))", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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, 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))", + "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, #BCD3EF)", - "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", - "normal": "var(--vkui--color_background_sky, #cce4ff)", + "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(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))", + "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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", - "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + "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": "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))", - }, - "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_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.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, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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))", }, "colorPaletteBlue1": { - "active": "var(--vkui--color_palette_blue1--active, #264CEF)", - "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", + "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", "normal": "var(--vkui--color_palette_blue1, #2951ff)", }, "colorPaletteBlue1Alpha": { @@ -183206,18 +193157,18 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_palette_blue1_alpha, rgba(0, 95, 249, 0.12))", }, "colorPaletteBlue2": { - "active": "var(--vkui--color_palette_blue2--active, #009FE4)", - "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "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, #23CED2)", - "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "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, #A0D016)", - "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", + "active": "var(--vkui--color_palette_green1--active, #B4E326)", + "hover": "var(--vkui--color_palette_green1--hover, #B1E21C)", "normal": "var(--vkui--color_palette_green1, #aee113)", }, "colorPaletteGreen1Alpha": { @@ -183226,8 +193177,8 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", }, "colorPaletteGreen2": { - "active": "var(--vkui--color_palette_green2--active, #52B552)", - "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", + "active": "var(--vkui--color_palette_green2--active, #66C862)", + "hover": "var(--vkui--color_palette_green2--hover, #60C55B)", "normal": "var(--vkui--color_palette_green2, #59c354)", }, "colorPaletteGreen2Alpha": { @@ -183236,18 +193187,18 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", }, "colorPaletteGreen3": { - "active": "var(--vkui--color_palette_green3--active, #33D98D)", - "hover": "var(--vkui--color_palette_green3--hover, #35E291)", + "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, #00A4AA)", - "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "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, #EB812F)", - "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "active": "var(--vkui--color_palette_orange1--active, #FF943F)", + "hover": "var(--vkui--color_palette_orange1--hover, #FF9036)", "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", }, "colorPaletteOrange1Alpha": { @@ -183256,294 +193207,294 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", }, "colorPaletteRed1": { - "active": "var(--vkui--color_palette_red1--active, #E82A38)", - "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", + "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, #D8187C)", - "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", + "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, #EB69B1)", - "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "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, #6301EF)", - "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "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, #A06BEF)", - "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "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, #EBB515)", - "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "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": "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)", + "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)", }, "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, #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)", + "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, #1562EF)", - "hover": "var(--vkui--color_social_behance--hover, #1665F7)", + "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, #D74783)", - "hover": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "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, #166FE4)", - "hover": "var(--vkui--color_social_fb--hover, #1773EB)", + "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, #1075CD)", - "hover": "var(--vkui--color_social_mir--hover, #107AD4)", + "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, #DB790C)", - "hover": "var(--vkui--color_social_ok--hover, #E47D0A)", + "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, #1B95E4)", - "hover": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "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, #3A80D3)", - "hover": "var(--vkui--color_social_vk--hover, #3C85D9)", + "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": "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, #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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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)", }, "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + "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, #EBC29F)", - "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + "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, #EBA5CD)", - "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + "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, #BEA6E2)", - "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + "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, #97CEEF)", - "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + "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, #1D5559)", - "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + "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, #543322)", - "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", + "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, #4B1F59)", - "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + "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, #341F59)", - "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + "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, #1D3B59)", - "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + "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": "var(--vkui--color_text_accent--active, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent_themed, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_link_themed, #0070f0)", + "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, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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))", @@ -183551,86 +193502,86 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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, #006FEF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", - "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + "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, Helvetica, Arial, sans-serif)", @@ -183843,7 +193794,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 13px)", + "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)", }, @@ -183878,19 +193829,19 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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%)", + "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%)", "octaviusColorActionArchive": { - "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", - "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "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)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #E2E5E9)", - "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", - "normal": "var(--vkui--octavius_color_background, #F6F7F8)", + "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_background, #19191A)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -183903,79 +193854,79 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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))", - "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", - "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "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))", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "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))", }, "octaviusColorButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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)", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "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))", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "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))", }, "octaviusColorButtonEmptyStateText": { - "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "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)", }, "octaviusColorButtonIcon": { - "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_icon, #333333)", + "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)", }, "octaviusColorButtonText": { - "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_text, #333333)", + "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)", }, "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "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))", }, "octaviusColorDatasetBackground": { - "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "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)", }, "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", + "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)", }, "octaviusColorEmptyStateTextLink": { - "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", - "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", - "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + "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)", }, "octaviusColorHeaderBackground": { - "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)", + "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)", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "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))", + "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)", }, "octaviusColorHeaderButtonText": { - "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)", + "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)", }, "octaviusColorHeaderFilterTextAlpha": { "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(39, 43, 55, 0.58))", @@ -183983,210 +193934,210 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", + "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)", }, "octaviusColorHeaderIconAttach": { - "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)", + "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)", }, "octaviusColorHeaderIconFavorite": { - "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)", + "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)", }, "octaviusColorHeaderIconUnread": { - "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)", + "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)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #006FEF)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", + "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, #DDDFE4)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", - "normal": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", + "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)", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "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)", + "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)", }, "octaviusColorHeaderSearchChipBackground": { - "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)", + "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)", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + "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)", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + "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))", }, "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "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)", }, "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + "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)", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + "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)", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + "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))", }, "octaviusColorHeaderTabTextActiveThemed": { - "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)", + "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)", }, "octaviusColorHeaderTextSecondary": { - "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "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)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "active": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", + "normal": "var(--vkui--octavius_color_icon_event, #FF6262)", }, "octaviusColorIconEventAlpha": { - "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", - "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + "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))", }, "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "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)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + "active": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "active": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", - "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "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)", }, "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", - "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "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)", }, "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "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)", }, "octaviusColorIconOrderAlpha": { - "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + "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))", }, "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "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)", }, "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "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)", }, "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", - "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", + "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "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)", }, "octaviusColorIconTravelAlpha": { - "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", - "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + "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))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #006FEF)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", + "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(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + "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)", }, "octaviusColorLayoutLetterBorderAlpha": { - "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + "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))", }, - "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "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)", }, "octaviusColorLetterListTextUnread": { - "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + "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)", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", - "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + "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)", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", - "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + "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)", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "var(--vkui--octavius_color_list_background_positive_alpha--active, rgba(13, 194, 104, 0.16))", @@ -184194,239 +194145,239 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", - "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + "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)", }, "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "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)", }, "octaviusColorListLetterAdvBackground": { - "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", - "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + "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)", }, "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", - "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + "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)", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + "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))", }, "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "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)", }, "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "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)", }, "octaviusColorNotificationBorder": { - "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", + "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)", }, "octaviusColorOverlayBackground": { - "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "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)", }, "octaviusColorPlaceholderBackground": { - "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "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)", }, "octaviusColorPortalMenuBackground": { - "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + "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)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", - "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + "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))", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", - "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + "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))", }, "octaviusColorPromoBackground": { - "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", - "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "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)", }, "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "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)", }, "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + "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)", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "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(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + "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, #089AEB)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + "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, #E82A38)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + "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, #D40105)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + "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, #2BB97F)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + "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, #EB4FA1)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + "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, #EB9305)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + "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, #AB31ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + "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, #006FEF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0073F7)", + "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(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + "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, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + "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, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + "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, #989BA4)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + "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, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + "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))", @@ -184434,43 +194385,43 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_sidebar_widget_background_alpha, rgba(255, 255, 255, 0.16))", }, "octaviusColorSnackbarBackground": { - "active": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", - "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + "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, #006FEF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", + "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, #EB565A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + "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, #0CB465)", - "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + "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, #90929A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + "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, #EB9305)", - "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + "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, #187CEF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", + "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, #EBECEF)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + "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": { @@ -184479,49 +194430,49 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - "normal": "var(--vkui--octavius_color_text_finance, #27B275)", + "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "normal": "var(--vkui--octavius_color_text_finance, #52C392)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", - "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", + "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", - "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "normal": "var(--vkui--octavius_color_text_school, #D392F2)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "normal": "var(--vkui--octavius_color_text_social, #7688E9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, "octaviusColorThreadFooterBackground": { - "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + "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))", @@ -184556,9 +194507,9 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", - "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + "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)", @@ -184614,8 +194565,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "compact": "var(--vkui--size_base_margin--compact, 12px)", - "regular": "var(--vkui--size_base_margin--regular, 8px)", + "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { "compact": "var(--vkui--size_base_padding--compact, 20px)", @@ -184637,7 +194587,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 2px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -184699,8 +194649,8 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 48px)", - "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)", @@ -184709,8 +194659,8 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 20px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 16px)", + "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)", @@ -184722,7 +194672,8 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 32px)", + "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)", @@ -184761,8 +194712,8 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 130px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 104px)", + "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)", @@ -184777,11 +194728,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 48px)", - "regular": "var(--vkui--size_field_height--regular, 32px)", + "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, 16px)", + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", @@ -184790,8 +194741,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "compact": "var(--vkui--size_field_vertical_margin--compact, 24px)", - "regular": "var(--vkui--size_field_vertical_margin--regular, 20px)", + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { "compact": "var(--vkui--size_field_width_min--compact, 380px)", @@ -184805,8 +194755,8 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 12px)", - "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)", @@ -184957,7 +194907,7 @@ exports[`shapshots octaviusCompact 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)", - "themeName": "var(--vkui--theme_name, octaviusCompact)", + "themeName": "var(--vkui--theme_name, octaviusDark)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -184991,7 +194941,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars } `; -exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -185009,94 +194959,94 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", + "active": "#C6442D", + "hover": "#C33C24", "normal": "#c1341b", }, "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)", @@ -185104,68 +195054,68 @@ exports[`shapshots octaviusCompact 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -185174,293 +195124,293 @@ exports[`shapshots octaviusCompact 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", }, "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", + "active": "#3A5FFF", + "hover": "#3258FF", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -185469,18 +195419,18 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", + "active": "#14B2F3", + "hover": "#0AAEF3", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", + "active": "#37E2E2", + "hover": "#2FE0E0", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", + "active": "#B4E326", + "hover": "#B1E21C", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -185489,8 +195439,8 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", + "active": "#66C862", + "hover": "#60C55B", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -185499,18 +195449,18 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", + "active": "#47ED9D", + "hover": "#3FEC98", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", + "active": "#14B7B9", + "hover": "#0AB4B6", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", + "active": "#FF943F", + "hover": "#FF9036", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -185519,294 +195469,294 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", + "active": "#FC3D48", + "hover": "#FC3440", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", + "active": "#ED2B8B", + "hover": "#EC2286", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", + "active": "#FF7CC0", + "hover": "#FF77BE", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", + "active": "#7814FF", + "hover": "#720AFF", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", + "active": "#B47EFF", + "hover": "#B179FF", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", + "active": "#FFC824", + "hover": "#FFC51B", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", }, "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", + "active": "#2A75FF", + "hover": "#206FFF", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", + "active": "#EC5A92", + "hover": "#EB538E", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", + "active": "#2A82F3", + "hover": "#217CF3", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", + "active": "#2488DD", + "hover": "#1B83DB", "normal": "#117eda", }, "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", + "active": "#2FA9F3", + "hover": "#26A5F3", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", + "active": "#B9F1E0", + "hover": "#B6F1DE", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", + "active": "#FFD6AF", + "hover": "#FFD4AB", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", + "active": "#FFB8DD", + "hover": "#FFB5DB", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", + "active": "#D2B9F1", + "hover": "#D0B6F1", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", + "active": "#ABE1FF", + "hover": "#A8DFFF", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", + "active": "#326868", + "hover": "#296262", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", + "active": "#684632", + "hover": "#623E29", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", + "active": "#5F3268", + "hover": "#582962", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", + "active": "#483268", + "hover": "#402962", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", + "active": "#324E68", + "hover": "#294762", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -185814,86 +195764,86 @@ exports[`shapshots octaviusCompact 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", @@ -186106,9 +196056,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { @@ -186141,19 +196091,19 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "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%", + "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%", "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -186166,79 +196116,79 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { "active": "rgba(39, 43, 55, 0.58)", @@ -186246,210 +196196,210 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "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.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", + "active": "#BCBEC3", + "hover": "#B9BBC1", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", + "active": "#9C9EA3", + "hover": "#979A9F", "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#EB5B5F", - "hover": "#F55F61", + "active": "#FF6F6F", + "hover": "#FF6868", "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", + "active": "#40CC8F", + "hover": "#37CA8A", "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", + "active": "#FFAB56", + "hover": "#FFA84E", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", + "active": "#EE565E", + "hover": "#ED4E57", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", + "active": "#7FC419", + "hover": "#7AC20F", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", + "active": "#CD88EE", + "hover": "#CB83ED", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", + "active": "#2FCBD6", + "hover": "#26C9D4", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, - "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", + "octaviusColorLetterAttachListBackground": "linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#222222", + "hover": "#191919", + "normal": "#0F0F0F", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -186457,239 +196407,239 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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", }, "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "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.24)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -186697,43 +196647,43 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", + "active": "#A4A5A9", + "hover": "#A0A1A6", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", + "active": "#2C8FFF", + "hover": "#238AFF", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -186742,49 +196692,49 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusElevationCard": "none", "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", @@ -186819,9 +196769,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 64, }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", + "active": "none", + "hover": "none", + "normal": "underline", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -186877,8 +196827,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "sizeBase": 4, "sizeBaseMargin": { - "compact": 12, - "regular": 8, + "regular": 12, }, "sizeBasePadding": { "compact": 20, @@ -186900,7 +196849,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 0.33, }, "sizeBorderRadius": { - "regular": 2, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -186962,8 +196911,8 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 48, - "regular": 32, + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -186972,8 +196921,8 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 20, - "regular": 16, + "compact": 16, + "regular": 20, }, "sizeButtonSliderHeight": { "regular": 24, @@ -186985,7 +196934,8 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 16, }, "sizeButtonSmallHeight": { - "regular": 32, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -187024,8 +196974,8 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 130, - "regular": 104, + "compact": 104, + "regular": 130, }, "sizeDivPadding": { "regular": 4, @@ -187040,11 +196990,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 8, }, "sizeFieldHeight": { - "compact": 48, - "regular": 32, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { - "regular": 16, + "regular": 20, }, "sizeFieldHorizontalPadding": { "regular": 12, @@ -187053,8 +197003,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 32, }, "sizeFieldVerticalMargin": { - "compact": 24, - "regular": 20, + "regular": 24, }, "sizeFieldWidthMin": { "compact": 380, @@ -187068,8 +197017,8 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 20, }, "sizeIconMargin": { - "compact": 12, - "regular": 8, + "compact": 8, + "regular": 12, }, "sizeIconMorePadding": { "compact": 8, @@ -187220,7 +197169,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusCompact", + "themeName": "octaviusDark", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -187254,7 +197203,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = } `; -exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -187289,11 +197238,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -187303,221 +197252,221 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077ff)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "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, #A4A5A9)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #9C9DA2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #20C774)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #17C46E)", + "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, #BEFC80)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "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, #FFA614)", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "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": { "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", - "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, #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, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #FF418A)", + "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, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #8C64FF)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #FFA614)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "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, #C66AF4)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #C363F3)", + "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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAlert": { "active": { "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #C6442D)", + "value": "var(--vkui--color_alert--active, #B2311E)", }, "hover": { "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #C33C24)", + "value": "var(--vkui--color_alert--hover, #B9331C)", }, "normal": { "name": "--vkui--color_alert", @@ -187527,15 +197476,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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(0, 0, 0, 0.68))", }, "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(0, 0, 0, 0.64))", }, "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(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -187555,81 +197504,81 @@ exports[`shapshots octaviusCompactDark 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #222223)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #19191A)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "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": { "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, #237EDD)", }, "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, #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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #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", @@ -187639,99 +197588,99 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #DADCE2)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + "value": "var(--vkui--color_background_content--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #414141)", + "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, #383838)", + "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": { @@ -187745,815 +197694,815 @@ exports[`shapshots octaviusCompactDark 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": { "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, #CCDCEF)", }, "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, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #19202f)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "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))", + "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.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, 51, 10, 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, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #17C46E)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #182A22)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "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, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #333333)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #2A2A2B)", + "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(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 28, 61, 0.13))", }, "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, 28, 61, 0.09))", }, "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, 28, 61, 0.05))", }, }, "colorBackgroundSky": { "active": { "name": "--vkui--color_background_sky--active", - "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #333334)", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #2b2b2c)", + "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(51, 51, 51, 0.88))", + "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(51, 51, 51, 0.84))", + "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(51, 51, 51, 0.8))", + "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, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #252525)", + "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(255, 255, 255, 0.14))", + "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(255, 255, 255, 0.1))", + "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(255, 255, 255, 0.02))", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", }, }, "colorBackgroundThumbnail": { "active": { "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #313131)", + "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #282828)", + "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "value": "var(--vkui--color_background_thumbnail, #EBECEF)", }, }, "colorBackgroundThumbnailAlpha": { "active": { "name": "--vkui--color_background_thumbnail_alpha--active", - "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--color_background_thumbnail_alpha--hover", - "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--color_background_thumbnail_alpha", - "value": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #785C14)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #72550A)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #6C4E00)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "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, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "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(255, 255, 255, 0.24))", + "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(255, 255, 255, 0.2))", + "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(255, 255, 255, 0.16))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 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, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "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": { "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "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", - "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, #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", - "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, #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, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B0B1B6)", + "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(245, 246, 255, 0.78))", + "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(245, 246, 255, 0.74))", + "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(245, 246, 255, 0.7))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #20C774)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + "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, #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", - "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, #A4A5A9)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + "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(245, 246, 255, 0.68))", + "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(245, 246, 255, 0.64))", + "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(245, 246, 255, 0.6))", + "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, #8D8E93)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #83848A)", + "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(245, 246, 255, 0.58))", + "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(245, 246, 255, 0.54))", + "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(245, 246, 255, 0.5))", + "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, #FFA614)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #414243)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #393A3B)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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, 28, 61, 0.16))", }, "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, 28, 61, 0.12))", }, "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, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "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))", + "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.40))", }, }, "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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", - "value": "var(--vkui--color_palette_blue1--active, #3A5FFF)", + "value": "var(--vkui--color_palette_blue1--active, #264CEF)", }, "hover": { "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #3258FF)", + "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", }, "normal": { "name": "--vkui--color_palette_blue1", @@ -188577,11 +198526,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteBlue2": { "active": { "name": "--vkui--color_palette_blue2--active", - "value": "var(--vkui--color_palette_blue2--active, #14B2F3)", + "value": "var(--vkui--color_palette_blue2--active, #009FE4)", }, "hover": { "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #0AAEF3)", + "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_palette_blue2", @@ -188591,11 +198540,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteBlue3": { "active": { "name": "--vkui--color_palette_blue3--active", - "value": "var(--vkui--color_palette_blue3--active, #37E2E2)", + "value": "var(--vkui--color_palette_blue3--active, #23CED2)", }, "hover": { "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", + "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", }, "normal": { "name": "--vkui--color_palette_blue3", @@ -188605,11 +198554,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteGreen1": { "active": { "name": "--vkui--color_palette_green1--active", - "value": "var(--vkui--color_palette_green1--active, #B4E326)", + "value": "var(--vkui--color_palette_green1--active, #A0D016)", }, "hover": { "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #B1E21C)", + "value": "var(--vkui--color_palette_green1--hover, #A7D915)", }, "normal": { "name": "--vkui--color_palette_green1", @@ -188633,11 +198582,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteGreen2": { "active": { "name": "--vkui--color_palette_green2--active", - "value": "var(--vkui--color_palette_green2--active, #66C862)", + "value": "var(--vkui--color_palette_green2--active, #52B552)", }, "hover": { "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #60C55B)", + "value": "var(--vkui--color_palette_green2--hover, #55BC53)", }, "normal": { "name": "--vkui--color_palette_green2", @@ -188661,11 +198610,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteGreen3": { "active": { "name": "--vkui--color_palette_green3--active", - "value": "var(--vkui--color_palette_green3--active, #47ED9D)", + "value": "var(--vkui--color_palette_green3--active, #33D98D)", }, "hover": { "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #3FEC98)", + "value": "var(--vkui--color_palette_green3--hover, #35E291)", }, "normal": { "name": "--vkui--color_palette_green3", @@ -188675,11 +198624,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteGreen4": { "active": { "name": "--vkui--color_palette_green4--active", - "value": "var(--vkui--color_palette_green4--active, #14B7B9)", + "value": "var(--vkui--color_palette_green4--active, #00A4AA)", }, "hover": { "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #0AB4B6)", + "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", }, "normal": { "name": "--vkui--color_palette_green4", @@ -188689,11 +198638,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteOrange1": { "active": { "name": "--vkui--color_palette_orange1--active", - "value": "var(--vkui--color_palette_orange1--active, #FF943F)", + "value": "var(--vkui--color_palette_orange1--active, #EB812F)", }, "hover": { "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #FF9036)", + "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", }, "normal": { "name": "--vkui--color_palette_orange1", @@ -188717,11 +198666,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteRed1": { "active": { "name": "--vkui--color_palette_red1--active", - "value": "var(--vkui--color_palette_red1--active, #FC3D48)", + "value": "var(--vkui--color_palette_red1--active, #E82A38)", }, "hover": { "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #FC3440)", + "value": "var(--vkui--color_palette_red1--hover, #F22B38)", }, "normal": { "name": "--vkui--color_palette_red1", @@ -188731,11 +198680,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteRed2": { "active": { "name": "--vkui--color_palette_red2--active", - "value": "var(--vkui--color_palette_red2--active, #ED2B8B)", + "value": "var(--vkui--color_palette_red2--active, #D8187C)", }, "hover": { "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #EC2286)", + "value": "var(--vkui--color_palette_red2--hover, #E2197E)", }, "normal": { "name": "--vkui--color_palette_red2", @@ -188745,11 +198694,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteRed3": { "active": { "name": "--vkui--color_palette_red3--active", - "value": "var(--vkui--color_palette_red3--active, #FF7CC0)", + "value": "var(--vkui--color_palette_red3--active, #EB69B1)", }, "hover": { "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #FF77BE)", + "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", }, "normal": { "name": "--vkui--color_palette_red3", @@ -188759,11 +198708,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteViolet1": { "active": { "name": "--vkui--color_palette_violet1--active", - "value": "var(--vkui--color_palette_violet1--active, #7814FF)", + "value": "var(--vkui--color_palette_violet1--active, #6301EF)", }, "hover": { "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #720AFF)", + "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", }, "normal": { "name": "--vkui--color_palette_violet1", @@ -188773,11 +198722,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteViolet2": { "active": { "name": "--vkui--color_palette_violet2--active", - "value": "var(--vkui--color_palette_violet2--active, #B47EFF)", + "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", }, "hover": { "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #B179FF)", + "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", }, "normal": { "name": "--vkui--color_palette_violet2", @@ -188787,11 +198736,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteYellow1": { "active": { "name": "--vkui--color_palette_yellow1--active", - "value": "var(--vkui--color_palette_yellow1--active, #FFC824)", + "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", }, "hover": { "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", + "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", }, "normal": { "name": "--vkui--color_palette_yellow1", @@ -188801,25 +198750,25 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", }, }, "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", @@ -188829,137 +198778,137 @@ exports[`shapshots octaviusCompactDark 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, #D8DBE2)", }, "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, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #393A3B)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #151516)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #323234)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #202022)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #353537)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #212121)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #181818)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #333333)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #464748)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #3E3F40)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorSocialBehance": { "active": { "name": "--vkui--color_social_behance--active", - "value": "var(--vkui--color_social_behance--active, #2A75FF)", + "value": "var(--vkui--color_social_behance--active, #1562EF)", }, "hover": { "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #206FFF)", + "value": "var(--vkui--color_social_behance--hover, #1665F7)", }, "normal": { "name": "--vkui--color_social_behance", @@ -188969,11 +198918,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialDribbble": { "active": { "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", + "value": "var(--vkui--color_social_dribbble--active, #D74783)", }, "hover": { "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", }, "normal": { "name": "--vkui--color_social_dribbble", @@ -188983,11 +198932,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialFb": { "active": { "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #2A82F3)", + "value": "var(--vkui--color_social_fb--active, #166FE4)", }, "hover": { "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #217CF3)", + "value": "var(--vkui--color_social_fb--hover, #1773EB)", }, "normal": { "name": "--vkui--color_social_fb", @@ -188997,11 +198946,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialMir": { "active": { "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #2488DD)", + "value": "var(--vkui--color_social_mir--active, #1075CD)", }, "hover": { "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #1B83DB)", + "value": "var(--vkui--color_social_mir--hover, #107AD4)", }, "normal": { "name": "--vkui--color_social_mir", @@ -189011,11 +198960,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialOk": { "active": { "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #EF8C1C)", + "value": "var(--vkui--color_social_ok--active, #DB790C)", }, "hover": { "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #EF8712)", + "value": "var(--vkui--color_social_ok--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_social_ok", @@ -189025,11 +198974,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialTwitter": { "active": { "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", + "value": "var(--vkui--color_social_twitter--active, #1B95E4)", }, "hover": { "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", }, "normal": { "name": "--vkui--color_social_twitter", @@ -189039,11 +198988,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialVk": { "active": { "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #4E93E2)", + "value": "var(--vkui--color_social_vk--active, #3A80D3)", }, "hover": { "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #478FE1)", + "value": "var(--vkui--color_social_vk--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_social_vk", @@ -189053,95 +199002,95 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "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": { "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #20C774)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "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, #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)", }, }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", - "value": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", + "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", }, "hover": { "name": "--vkui--color_tag_background_mint--hover", - "value": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", + "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", }, "normal": { "name": "--vkui--color_tag_background_mint", @@ -189151,11 +199100,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagBackgroundOrange": { "active": { "name": "--vkui--color_tag_background_orange--active", - "value": "var(--vkui--color_tag_background_orange--active, #FFD6AF)", + "value": "var(--vkui--color_tag_background_orange--active, #EBC29F)", }, "hover": { "name": "--vkui--color_tag_background_orange--hover", - "value": "var(--vkui--color_tag_background_orange--hover, #FFD4AB)", + "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", }, "normal": { "name": "--vkui--color_tag_background_orange", @@ -189165,11 +199114,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagBackgroundPink": { "active": { "name": "--vkui--color_tag_background_pink--active", - "value": "var(--vkui--color_tag_background_pink--active, #FFB8DD)", + "value": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", }, "hover": { "name": "--vkui--color_tag_background_pink--hover", - "value": "var(--vkui--color_tag_background_pink--hover, #FFB5DB)", + "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", }, "normal": { "name": "--vkui--color_tag_background_pink", @@ -189179,11 +199128,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagBackgroundPurple": { "active": { "name": "--vkui--color_tag_background_purple--active", - "value": "var(--vkui--color_tag_background_purple--active, #D2B9F1)", + "value": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", }, "hover": { "name": "--vkui--color_tag_background_purple--hover", - "value": "var(--vkui--color_tag_background_purple--hover, #D0B6F1)", + "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", }, "normal": { "name": "--vkui--color_tag_background_purple", @@ -189193,11 +199142,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagBackgroundSky": { "active": { "name": "--vkui--color_tag_background_sky--active", - "value": "var(--vkui--color_tag_background_sky--active, #ABE1FF)", + "value": "var(--vkui--color_tag_background_sky--active, #97CEEF)", }, "hover": { "name": "--vkui--color_tag_background_sky--hover", - "value": "var(--vkui--color_tag_background_sky--hover, #A8DFFF)", + "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", }, "normal": { "name": "--vkui--color_tag_background_sky", @@ -189207,11 +199156,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextMint": { "active": { "name": "--vkui--color_tag_text_mint--active", - "value": "var(--vkui--color_tag_text_mint--active, #326868)", + "value": "var(--vkui--color_tag_text_mint--active, #1D5559)", }, "hover": { "name": "--vkui--color_tag_text_mint--hover", - "value": "var(--vkui--color_tag_text_mint--hover, #296262)", + "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", }, "normal": { "name": "--vkui--color_tag_text_mint", @@ -189221,11 +199170,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextOrange": { "active": { "name": "--vkui--color_tag_text_orange--active", - "value": "var(--vkui--color_tag_text_orange--active, #684632)", + "value": "var(--vkui--color_tag_text_orange--active, #543322)", }, "hover": { "name": "--vkui--color_tag_text_orange--hover", - "value": "var(--vkui--color_tag_text_orange--hover, #623E29)", + "value": "var(--vkui--color_tag_text_orange--hover, #573421)", }, "normal": { "name": "--vkui--color_tag_text_orange", @@ -189235,11 +199184,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextPink": { "active": { "name": "--vkui--color_tag_text_pink--active", - "value": "var(--vkui--color_tag_text_pink--active, #5F3268)", + "value": "var(--vkui--color_tag_text_pink--active, #4B1F59)", }, "hover": { "name": "--vkui--color_tag_text_pink--hover", - "value": "var(--vkui--color_tag_text_pink--hover, #582962)", + "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", }, "normal": { "name": "--vkui--color_tag_text_pink", @@ -189249,11 +199198,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextPurple": { "active": { "name": "--vkui--color_tag_text_purple--active", - "value": "var(--vkui--color_tag_text_purple--active, #483268)", + "value": "var(--vkui--color_tag_text_purple--active, #341F59)", }, "hover": { "name": "--vkui--color_tag_text_purple--hover", - "value": "var(--vkui--color_tag_text_purple--hover, #402962)", + "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", }, "normal": { "name": "--vkui--color_tag_text_purple", @@ -189263,11 +199212,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextSky": { "active": { "name": "--vkui--color_tag_text_sky--active", - "value": "var(--vkui--color_tag_text_sky--active, #324E68)", + "value": "var(--vkui--color_tag_text_sky--active, #1D3B59)", }, "hover": { "name": "--vkui--color_tag_text_sky--hover", - "value": "var(--vkui--color_tag_text_sky--hover, #294762)", + "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", }, "normal": { "name": "--vkui--color_tag_text_sky", @@ -189277,417 +199226,417 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #2C8FFF)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #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, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #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", - "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, #6098E2)", + "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, #5993E0)", + "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, #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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #20C774)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #17C46E)", + "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, #E9EAEC)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E7E8EA)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #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, #95979D)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #919398)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #8C8E94)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #BFC1C5)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #74767A)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "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))", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(230, 70, 70, 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))", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", }, "normal": { "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 0.12))", }, }, "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, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #434445)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -189697,62 +199646,62 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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, #3B3B3C)", + "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, #333333)", + "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, #2A2A2B)", + "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, #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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "colorsScheme": { "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", + "value": "var(--vkui--colors_scheme, light)", }, "elevation1": { "name": "--vkui--elevation1", @@ -189796,7 +199745,7 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -189826,10 +199775,6 @@ exports[`shapshots octaviusCompactDark 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)", @@ -189842,7 +199787,7 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -189852,10 +199797,6 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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)", @@ -189888,7 +199829,7 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -189918,10 +199859,6 @@ exports[`shapshots octaviusCompactDark 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)", @@ -189934,7 +199871,7 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -189944,10 +199881,6 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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)", @@ -189980,7 +199913,7 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -190010,10 +199943,6 @@ exports[`shapshots octaviusCompactDark 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)", @@ -190026,7 +199955,7 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -190036,10 +199965,6 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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)", @@ -190222,11 +200147,11 @@ exports[`shapshots octaviusCompactDark 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, 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -190254,7 +200179,7 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -190284,10 +200209,6 @@ exports[`shapshots octaviusCompactDark 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)", @@ -190300,7 +200221,7 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -190310,10 +200231,6 @@ exports[`shapshots octaviusCompactDark 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)", @@ -190338,6 +200255,10 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--font_h0--font_weight", "value": "var(--vkui--font_h0--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h0--letter_spacing", + "value": "var(--vkui--font_h0--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", @@ -190356,7 +200277,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h0--font_size--regular", @@ -190366,6 +200287,10 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--font_h0--font_weight--regular", "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h0--letter_spacing--regular", + "value": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", + }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", "value": "var(--vkui--font_h0--line_height--regular, 32px)", @@ -190386,6 +200311,10 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--font_h1--font_weight", "value": "var(--vkui--font_h1--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h1--letter_spacing", + "value": "var(--vkui--font_h1--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", @@ -190404,7 +200333,7 @@ exports[`shapshots octaviusCompactDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", @@ -190414,6 +200343,10 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--font_h1--font_weight--regular", "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h1--letter_spacing--regular", + "value": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", + }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", "value": "var(--vkui--font_h1--line_height--regular, 28px)", @@ -190434,6 +200367,10 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--font_h2--font_weight", "value": "var(--vkui--font_h2--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h2--letter_spacing", + "value": "var(--vkui--font_h2--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", @@ -190452,7 +200389,7 @@ exports[`shapshots octaviusCompactDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", @@ -190462,6 +200399,10 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--font_h2--font_weight--regular", "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h2--letter_spacing--regular", + "value": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", + }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", "value": "var(--vkui--font_h2--line_height--regular, 26px)", @@ -190487,24 +200428,14 @@ exports[`shapshots octaviusCompactDark 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, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", + "value": "var(--vkui--font_headline--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_headline--font_weight--regular", @@ -190535,24 +200466,14 @@ exports[`shapshots octaviusCompactDark 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, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + "value": "var(--vkui--font_headline1--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--regular", @@ -190669,20 +200590,10 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -190717,24 +200628,14 @@ exports[`shapshots octaviusCompactDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 13px)", + "value": "var(--vkui--font_text--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -190768,7 +200669,7 @@ exports[`shapshots octaviusCompactDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -190806,7 +200707,7 @@ exports[`shapshots octaviusCompactDark 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", @@ -190844,7 +200745,7 @@ exports[`shapshots octaviusCompactDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -190856,7 +200757,7 @@ exports[`shapshots octaviusCompactDark 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)", }, }, }, @@ -190903,29 +200804,29 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", + "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", + "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", + "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "value": "var(--vkui--octavius_color_background--active, #DADCE2)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #222223)", + "value": "var(--vkui--octavius_color_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #19191A)", + "value": "var(--vkui--octavius_color_background, #EDEEF0)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -190945,53 +200846,53 @@ 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(0, 119, 255, 0.2))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(38, 136, 235, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 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))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", }, "normal": { "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, "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))", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "hover": { "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_button_background_alpha", @@ -191001,151 +200902,151 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", }, "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", }, "normal": { "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, }, "octaviusColorButtonIcon": { "active": { "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_icon, #333333)", }, }, "octaviusColorButtonText": { "active": { "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_text, #333333)", }, }, "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))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28))", }, "normal": { "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", + "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #232324)", + "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_empty_state_text, #2C2D2E)", }, }, "octaviusColorEmptyStateTextLink": { "active": { "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #437DC1)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #4681C6)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", + "value": "var(--vkui--octavius_color_empty_state_text_link, #4986cc)", }, }, "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #353536)", + "value": "var(--vkui--octavius_color_header_background--active, #eff1f3)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_header_background--hover, #f5f6f8)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #232324)", + "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(255, 255, 255, 0.2))", + "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(255, 255, 255, 0.16))", + "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", @@ -191155,179 +201056,179 @@ exports[`shapshots octaviusCompactDark 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, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_button_text--active, #000105)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_button_text--hover, #000102)", }, "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, #000000)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 0.56))", }, "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))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52))", }, "normal": { "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.48))", }, }, "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_icon--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon, #2688eb)", }, }, "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, #C8CAD0)", }, "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, #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, #D7D8DB)", + "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, #EBEDF0)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "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, #1482FF)", + "value": "var(--vkui--octavius_color_header_progress--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", + "value": "var(--vkui--octavius_color_header_progress--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #0077FF)", + "value": "var(--vkui--octavius_color_header_progress, #2688eb)", }, }, "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", + "value": "var(--vkui--octavius_color_header_search_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #383838)", + "value": "var(--vkui--octavius_color_header_search_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #303030)", + "value": "var(--vkui--octavius_color_header_search_background, #ebedf0)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #D8DBE2)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #383838)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E2E4E9)", }, "normal": { "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #ebedf0)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", + "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, #484848)", + "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, #404040)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, }, "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", }, "normal": { "name": "--vkui--octavius_color_header_search_icon", @@ -191337,165 +201238,165 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_header_search_text--active, #000105)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_header_search_text--hover, #000102)", }, "normal": { "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_search_text, #000000)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #778292)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", }, "normal": { "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + "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, #E8E9EB)", + "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, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "value": "var(--vkui--octavius_color_header_text_secondary, #818c99)", }, }, "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", + "value": "var(--vkui--octavius_color_icon_event--active, #0697ED)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", + "value": "var(--vkui--octavius_color_icon_event--hover, #079DF4)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #FF6262)", + "value": "var(--vkui--octavius_color_icon_event, #07a3fc)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #EB3046)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #F53247)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", + "value": "var(--vkui--octavius_color_icon_fees--active, #D50206)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #DE0203)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #FF6262)", + "value": "var(--vkui--octavius_color_icon_fees, #e70101)", }, }, "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", + "value": "var(--vkui--octavius_color_icon_finance--active, #1FBA7D)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #21C280)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #2FC885)", + "value": "var(--vkui--octavius_color_icon_finance, #22c983)", }, }, "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", + "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, }, "octaviusColorIconMailings": { "active": { "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", + "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", }, "hover": { "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", }, "normal": { "name": "--vkui--octavius_color_icon_mailings", @@ -191505,25 +201406,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, }, "octaviusColorIconOfficial": { "active": { "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", + "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", }, "hover": { "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", }, "normal": { "name": "--vkui--octavius_color_icon_official", @@ -191533,39 +201434,39 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_icon_order--active, #EB4CA2)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F54EA7)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_icon_order, #ff51ab)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_order_alpha", - "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, }, "octaviusColorIconReceipts": { "active": { "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", + "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", }, "hover": { "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", }, "normal": { "name": "--vkui--octavius_color_icon_receipts", @@ -191575,25 +201476,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_icon_registration--active, #EB9405)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #F59A02)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_icon_registration, #ffa000)", }, }, "octaviusColorIconSchool": { "active": { "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", + "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", }, "hover": { "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", + "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", }, "normal": { "name": "--vkui--octavius_color_icon_school", @@ -191603,25 +201504,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "value": "var(--vkui--octavius_color_icon_social, #7288FF)", }, }, "octaviusColorIconToMyself": { "active": { "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", }, "hover": { "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", }, "normal": { "name": "--vkui--octavius_color_icon_to_myself", @@ -191631,71 +201532,71 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_icon_travel--active, #AE18EF)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #B519F7)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_icon_travel, #bd19ff)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", + "value": "var(--vkui--octavius_color_icon_unread--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", + "value": "var(--vkui--octavius_color_icon_unread, #2688eb)", }, }, "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))", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", }, "hover": { "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_layout_border_alpha", - "value": "var(--vkui--octavius_color_layout_border_alpha, transparent)", + "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_layout_letter_border_alpha", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, }, "octaviusColorLetterAttachListBackground": { @@ -191705,11 +201606,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", }, "normal": { "name": "--vkui--octavius_color_letter_contact_background_alpha", @@ -191719,43 +201620,43 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorLetterListTextUnread": { "active": { "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_letter_list_text_unread", - "value": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, }, "octaviusColorLetterPreviewBackgroundPrimary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #1D1D1D)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", }, "normal": { "name": "--vkui--octavius_color_letter_preview_background_primary", - "value": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, }, "octaviusColorLetterPreviewBackgroundSecondary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #191919)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", }, "normal": { "name": "--vkui--octavius_color_letter_preview_background_secondary", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, }, "octaviusColorListBackgroundPositiveAlpha": { @@ -191775,25 +201676,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #303733)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", }, "normal": { "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, }, "octaviusColorListIconPrimary": { "active": { "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_icon_primary", @@ -191803,53 +201704,53 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #1E1E1E)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", }, "normal": { "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #DADCE2)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #232324)", + "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 0, 0, 0.16))", }, "normal": { "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.12))", }, }, "octaviusColorListTextPrimary": { "active": { "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_text_primary", @@ -191859,11 +201760,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorListTextUnread": { "active": { "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_text_unread", @@ -191873,25 +201774,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #141414)", + "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #000000)", + "value": "var(--vkui--octavius_color_notification_border, #ffffff)", }, }, "octaviusColorOverlayBackground": { "active": { "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", }, "hover": { "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_overlay_background", @@ -191901,81 +201802,81 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #000000)", + "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", + "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", }, "normal": { "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #414141)", + "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", + "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #303030)", + "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, }, "octaviusColorSidebarButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_background", @@ -191985,11 +201886,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_icon", @@ -191999,11 +201900,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_text", @@ -192013,25 +201914,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarComposeButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_background", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", }, }, "octaviusColorSidebarComposeButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_icon", @@ -192041,11 +201942,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarComposeButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_text", @@ -192055,151 +201956,151 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 0, 0, 0.32))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 0, 0, 0.28))", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(0, 0, 0, 0.24))", }, }, "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #FFFFFF)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #0697ED)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #43BDFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #079DF4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D50206)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #EF4444)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DE0203)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #1FBA7D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC985)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #21C280)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4CA2)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F54EA7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9405)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59A02)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AE18EF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B519F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", }, }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_background_alpha", @@ -192209,225 +202110,225 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #3A80D3)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #3F8AE0)", }, }, "octaviusColorSidebarItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2c2d2e)", }, }, "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688eb)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688eb)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, }, "octaviusColorSidebarItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #000105)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #000000)", }, }, "octaviusColorSidebarItemTextPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, }, "octaviusColorSidebarItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818c99)", }, }, "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))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #2c2d2e)", }, }, "octaviusColorSidebarShortItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2c2d2e)", }, }, "octaviusColorSidebarShortItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #9C9DA2)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99a2ad)", }, }, "octaviusColorSidebarShortItemText": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text", - "value": "var(--vkui--octavius_color_sidebar_short_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, }, "octaviusColorSidebarShortItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #000105)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #000102)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #000000)", }, }, "octaviusColorSidebarShortItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818c99)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -192447,11 +202348,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarBackground": { "active": { "name": "--vkui--octavius_color_snackbar_background--active", - "value": "var(--vkui--octavius_color_snackbar_background--active, #414141)", + "value": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", }, "hover": { "name": "--vkui--octavius_color_snackbar_background--hover", - "value": "var(--vkui--octavius_color_snackbar_background--hover, #383838)", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", }, "normal": { "name": "--vkui--octavius_color_snackbar_background", @@ -192461,11 +202362,11 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", @@ -192475,11 +202376,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconNegative": { "active": { "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #FF6969)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_negative--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_negative", @@ -192489,11 +202390,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconPositive": { "active": { "name": "--vkui--octavius_color_snackbar_icon_positive--active", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #20C774)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_positive--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #17C46E)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_positive", @@ -192503,11 +202404,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconSecondary": { "active": { "name": "--vkui--octavius_color_snackbar_icon_secondary--active", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_secondary", @@ -192517,11 +202418,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconWarning": { "active": { "name": "--vkui--octavius_color_snackbar_icon_warning--active", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #FFA614)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_warning--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #FFA20A)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_warning", @@ -192531,11 +202432,11 @@ 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, #2C8FFF)", + "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, #238AFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", @@ -192545,11 +202446,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarTextContrast": { "active": { "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_contrast--hover", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_contrast", @@ -192573,136 +202474,136 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #52C392)", + "value": "var(--vkui--octavius_color_text_finance, #27B275)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "value": "var(--vkui--octavius_color_text_games, #EBAF00)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #37C1E8)", + "value": "var(--vkui--octavius_color_text_news, #08ABD9)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #D392F2)", + "value": "var(--vkui--octavius_color_text_school, #C97EEC)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #7688E9)", + "value": "var(--vkui--octavius_color_text_social, #556AD9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #414141)", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", }, "hover": { "name": "--vkui--octavius_color_thread_footer_background--hover", - "value": "var(--vkui--octavius_color_thread_footer_background--hover, #383838)", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", }, "normal": { "name": "--vkui--octavius_color_thread_footer_background", - "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", + "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, }, "octaviusElevationCard": { "name": "--vkui--octavius_elevation_card", - "value": "var(--vkui--octavius_elevation_card, none)", + "value": "var(--vkui--octavius_elevation_card, 0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC)", }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "value": "var(--vkui--octavius_elevation_header, 0px 1px 0px 0px #E7E8EC)", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -192710,23 +202611,23 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "octaviusFontFamilyDefault": { "name": "--vkui--octavius_font_family_default", - "value": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyDisplay": { "name": "--vkui--octavius_font_family_display", - "value": "var(--vkui--octavius_font_family_display, inherit)", + "value": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyGlobal": { "name": "--vkui--octavius_font_family_global", - "value": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", + "value": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyMac": { "name": "--vkui--octavius_font_family_mac", - "value": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", + "value": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, 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)", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -192815,15 +202716,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusTextDecorationEmptyStateTextLink": { "active": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", }, "hover": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", }, "normal": { "name": "--vkui--octavius_text_decoration_empty_state_text_link", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, underline)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", }, }, "octaviusTextShadowEmptyStateText": { @@ -193011,13 +202912,9 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--size_base_margin", "value": "var(--vkui--size_base_margin)", }, - "compact": { - "name": "--vkui--size_base_margin--compact", - "value": "var(--vkui--size_base_margin--compact, 12px)", - }, "regular": { "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 8px)", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, "sizeBasePadding": { @@ -193091,7 +202988,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 2px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -193299,11 +203196,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 48px)", + "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, 32px)", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, "sizeButtonMinimumWidth": { @@ -193333,11 +203230,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 20px)", + "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, 16px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, "sizeButtonSliderHeight": { @@ -193375,9 +203272,13 @@ exports[`shapshots octaviusCompactDark 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, 32px)", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -193507,11 +203408,11 @@ exports[`shapshots octaviusCompactDark 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)", + "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, 104px)", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, "sizeDivPadding": { @@ -193561,11 +203462,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 48px)", + "value": "var(--vkui--size_field_height--compact, 36px)", }, "regular": { "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 32px)", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, "sizeFieldHorizontalMargin": { @@ -193575,7 +203476,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 16px)", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, }, "sizeFieldHorizontalPadding": { @@ -193603,13 +203504,9 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--size_field_vertical_margin", "value": "var(--vkui--size_field_vertical_margin)", }, - "compact": { - "name": "--vkui--size_field_vertical_margin--compact", - "value": "var(--vkui--size_field_vertical_margin--compact, 24px)", - }, "regular": { "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 20px)", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, "sizeFieldWidthMin": { @@ -193657,11 +203554,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 12px)", + "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": { @@ -194176,7 +204073,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusCompactDark)", + "value": "var(--vkui--theme_name, octaviusVK)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -194298,7 +204195,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = } `; -exports[`shapshots octaviusCompactDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -194316,94 +204213,94 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#F05C44", + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAlert": { - "active": "#C6442D", - "hover": "#C33C24", + "active": "#B2311E", + "hover": "#B9331C", "normal": "#c1341b", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 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)", @@ -194411,363 +204308,363 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "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": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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, 28, 61, 0.13)", + "hover": "rgba(0, 28, 61, 0.09)", + "normal": "rgba(0, 28, 61, 0.05)", }, "colorBackgroundSky": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "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.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#F2F3F5", + "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": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { - "active": "#3A5FFF", - "hover": "#3258FF", + "active": "#264CEF", + "hover": "#274EF7", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -194776,18 +204673,18 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#14B2F3", - "hover": "#0AAEF3", + "active": "#009FE4", + "hover": "#00A5EB", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#37E2E2", - "hover": "#2FE0E0", + "active": "#23CED2", + "hover": "#24D7D9", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#B4E326", - "hover": "#B1E21C", + "active": "#A0D016", + "hover": "#A7D915", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -194796,8 +204693,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#66C862", - "hover": "#60C55B", + "active": "#52B552", + "hover": "#55BC53", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -194806,18 +204703,18 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#47ED9D", - "hover": "#3FEC98", + "active": "#33D98D", + "hover": "#35E291", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#14B7B9", - "hover": "#0AB4B6", + "active": "#00A4AA", + "hover": "#00ABAE", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#FF943F", - "hover": "#FF9036", + "active": "#EB812F", + "hover": "#F5862F", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -194826,376 +204723,376 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#FC3D48", - "hover": "#FC3440", + "active": "#E82A38", + "hover": "#F22B38", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#ED2B8B", - "hover": "#EC2286", + "active": "#D8187C", + "hover": "#E2197E", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#FF7CC0", - "hover": "#FF77BE", + "active": "#EB69B1", + "hover": "#F56DB6", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#7814FF", - "hover": "#720AFF", + "active": "#6301EF", + "hover": "#6801F7", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#B47EFF", - "hover": "#B179FF", + "active": "#A06BEF", + "hover": "#A76FF7", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#FFC824", - "hover": "#FFC51B", + "active": "#EBB515", + "hover": "#F5BC13", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", + "active": "#EBC405", + "hover": "#F5CC02", "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSocialBehance": { - "active": "#2A75FF", - "hover": "#206FFF", + "active": "#1562EF", + "hover": "#1665F7", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#EC5A92", - "hover": "#EB538E", + "active": "#D74783", + "hover": "#E14A86", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#2A82F3", - "hover": "#217CF3", + "active": "#166FE4", + "hover": "#1773EB", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#2488DD", - "hover": "#1B83DB", + "active": "#1075CD", + "hover": "#107AD4", "normal": "#117eda", }, "colorSocialOk": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#2FA9F3", - "hover": "#26A5F3", + "active": "#1B95E4", + "hover": "#1C9BEB", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTagBackgroundMint": { - "active": "#B9F1E0", - "hover": "#B6F1DE", + "active": "#A5DED0", + "hover": "#ACE7D7", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#FFD6AF", - "hover": "#FFD4AB", + "active": "#EBC29F", + "hover": "#F5CAA4", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#FFB8DD", - "hover": "#FFB5DB", + "active": "#EBA5CD", + "hover": "#F5ACD4", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#D2B9F1", - "hover": "#D0B6F1", + "active": "#BEA6E2", + "hover": "#C6ACE9", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#ABE1FF", - "hover": "#A8DFFF", + "active": "#97CEEF", + "hover": "#9DD6F7", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#326868", - "hover": "#296262", + "active": "#1D5559", + "hover": "#1F585A", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#684632", - "hover": "#623E29", + "active": "#543322", + "hover": "#573421", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#5F3268", - "hover": "#582962", + "active": "#4B1F59", + "hover": "#4E1F5A", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#483268", - "hover": "#402962", + "active": "#341F59", + "hover": "#361F5A", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#324E68", - "hover": "#294762", + "active": "#1D3B59", + "hover": "#1F3D5A", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "rgba(230, 70, 70, 0.2)", + "hover": "rgba(230, 70, 70, 0.16)", + "normal": "rgba(230, 70, 70, 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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "colorsScheme": "dark", + "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)", @@ -195203,7 +205100,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "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": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -195211,17 +205108,16 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, - "letterSpacing": "0.26px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -195229,17 +205125,16 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, - "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -195247,10 +205142,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, - "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -195293,12 +205187,12 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -195306,10 +205200,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, @@ -195320,9 +205213,10 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, + "letterSpacing": "-0.56px", "lineHeight": "32px", }, }, @@ -195332,9 +205226,10 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, + "letterSpacing": "-0.48px", "lineHeight": "28px", }, }, @@ -195344,32 +205239,25 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, + "letterSpacing": "-0.4px", "lineHeight": "26px", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, @@ -195395,32 +205283,24 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -195428,7 +205308,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -195436,10 +205316,10 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": "24px", }, }, "fontWeightAccent1": 500, @@ -195453,14 +205333,14 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -195468,295 +205348,295 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "active": "rgba(38, 136, 235, 0.2)", + "hover": "rgba(38, 136, 235, 0.16)", + "normal": "rgba(38, 136, 235, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorButtonText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "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.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorEmptyStateTextLink": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#eff1f3", + "hover": "#f5f6f8", + "normal": "#ffffff", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorHeaderFilterTextAlpha": { - "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)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", + "active": "#A7ABB4", + "hover": "#AFB1B9", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", - "normal": "#93969b", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorIconEvent": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#0697ED", + "hover": "#079DF4", + "normal": "#07a3fc", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "octaviusColorIconFees": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#D50206", + "hover": "#DE0203", + "normal": "#e70101", }, "octaviusColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", - "normal": "#2FC885", + "active": "#1FBA7D", + "hover": "#21C280", + "normal": "#22c983", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { - "active": "#FFAB56", - "hover": "#FFA84E", + "active": "#EB9846", + "hover": "#F59E47", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { - "active": "#EE565E", - "hover": "#ED4E57", + "active": "#D9434E", + "hover": "#E3454F", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4CA2", + "hover": "#F54EA7", + "normal": "#ff51ab", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { - "active": "#7FC419", - "hover": "#7AC20F", + "active": "#6BB109", + "hover": "#6FB807", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "octaviusColorIconSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", + "active": "#B975DE", + "hover": "#C17AE5", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#2FCBD6", - "hover": "#26C9D4", + "active": "#1BB8C6", + "hover": "#1CC0CC", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AE18EF", + "hover": "#B519F7", + "normal": "#bd19ff", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorLayoutBorderAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#222222", - "hover": "#191919", - "normal": "#0F0F0F", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -195764,239 +205644,239 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "octaviusColorListTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", }, "octaviusColorSidebarButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#0697ED", + "hover": "#079DF4", + "normal": "#07a3fc", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#D50206", + "hover": "#DE0203", + "normal": "#e70101", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#1FBA7D", + "hover": "#21C280", + "normal": "#22c983", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4CA2", + "hover": "#F54EA7", + "normal": "#ff51ab", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AE18EF", + "hover": "#B519F7", + "normal": "#bd19ff", }, "octaviusColorSidebarIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.16)", - "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)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "octaviusColorSidebarItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorSidebarScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -196004,43 +205884,43 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", + "active": "#EB565A", + "hover": "#F5595B", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", + "active": "#90929A", + "hover": "#96979E", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", + "active": "#187CEF", + "hover": "#1980F7", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -196049,58 +205929,58 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", }, - "octaviusElevationCard": "none", - "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusElevationCard": "0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC", + "octaviusElevationHeader": "0px 1px 0px 0px #E7E8EC", "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", + "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", + "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -196126,9 +206006,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "64px", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "none", - "hover": "none", - "normal": "underline", + "active": "underline", + "hover": "underline", + "normal": "none", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -196184,8 +206064,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "sizeBase": "4px", "sizeBaseMargin": { - "compact": "12px", - "regular": "8px", + "regular": "12px", }, "sizeBasePadding": { "compact": "20px", @@ -196207,7 +206086,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "2px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -196269,8 +206148,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "48px", - "regular": "32px", + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -196279,8 +206158,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "20px", - "regular": "16px", + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -196292,7 +206171,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "32px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -196331,8 +206211,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "130px", - "regular": "104px", + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { "regular": "4px", @@ -196347,11 +206227,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "8px", }, "sizeFieldHeight": { - "compact": "48px", - "regular": "32px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { - "regular": "16px", + "regular": "20px", }, "sizeFieldHorizontalPadding": { "regular": "12px", @@ -196360,8 +206240,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "32px", }, "sizeFieldVerticalMargin": { - "compact": "24px", - "regular": "20px", + "regular": "24px", }, "sizeFieldWidthMin": { "compact": "380px", @@ -196375,8 +206254,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "20px", }, "sizeIconMargin": { - "compact": "12px", - "regular": "8px", + "compact": "8px", + "regular": "12px", }, "sizeIconMorePadding": { "compact": "8px", @@ -196527,7 +206406,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusCompactDark", + "themeName": "octaviusVK", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -196561,7 +206440,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho } `; -exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -196579,94 +206458,94 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, }, "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, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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, #1BE7F9)", - "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", - "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, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "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, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "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, #BEFC80)", - "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - "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, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "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, #F16953)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", - "normal": "var(--vkui--color_accent_orange_fire, #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": "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)", - "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "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, #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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "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, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "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, #1482FF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", - "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + "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)", }, "colorAlert": { - "active": "var(--vkui--color_alert--active, #C6442D)", - "hover": "var(--vkui--color_alert--hover, #C33C24)", + "active": "var(--vkui--color_alert--active, #B2311E)", + "hover": "var(--vkui--color_alert--hover, #B9331C)", "normal": "var(--vkui--color_alert, #c1341b)", }, "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(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))", @@ -196674,363 +206553,363 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", - "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, #FFA614)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", - "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, #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, #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(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(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, #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, 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))", + "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, #DADCE2)", + "hover": "var(--vkui--color_background_content--hover, #E4E5E9)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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)", - "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, #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, #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, #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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "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, #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, #EBD8DB)", + "hover": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "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))", + "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)", - "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, #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, #D5E6DA)", + "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "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, #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(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, 28, 61, 0.13))", + "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, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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(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))", + "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, #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(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.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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #313131)", - "hover": "var(--vkui--color_background_thumbnail--hover, #282828)", - "normal": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", }, "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))", + "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, "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, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "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, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, "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, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, "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, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, "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, #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(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, 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, #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, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "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, #F3F4F6)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5)", - "normal": "var(--vkui--color_icon_contrast_secondary, #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": "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, #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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "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, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "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, #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)", - "normal": "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": "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, #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(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(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, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "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(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(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, #FFA614)", - "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "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(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, 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, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "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(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, 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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "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.40))", }, "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPaletteBlue1": { - "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", - "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", + "active": "var(--vkui--color_palette_blue1--active, #264CEF)", + "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", "normal": "var(--vkui--color_palette_blue1, #2951ff)", }, "colorPaletteBlue1Alpha": { @@ -197039,18 +206918,18 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--color_palette_blue2--active, #009FE4)", + "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", "normal": "var(--vkui--color_palette_blue2, #00abf2)", }, "colorPaletteBlue3": { - "active": "var(--vkui--color_palette_blue3--active, #37E2E2)", - "hover": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", + "active": "var(--vkui--color_palette_blue3--active, #23CED2)", + "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", "normal": "var(--vkui--color_palette_blue3, #26dfdf)", }, "colorPaletteGreen1": { - "active": "var(--vkui--color_palette_green1--active, #B4E326)", - "hover": "var(--vkui--color_palette_green1--hover, #B1E21C)", + "active": "var(--vkui--color_palette_green1--active, #A0D016)", + "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", "normal": "var(--vkui--color_palette_green1, #aee113)", }, "colorPaletteGreen1Alpha": { @@ -197059,8 +206938,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--color_palette_green2--active, #52B552)", + "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", "normal": "var(--vkui--color_palette_green2, #59c354)", }, "colorPaletteGreen2Alpha": { @@ -197069,18 +206948,18 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--color_palette_green3--active, #33D98D)", + "hover": "var(--vkui--color_palette_green3--hover, #35E291)", "normal": "var(--vkui--color_palette_green3, #37eb94)", }, "colorPaletteGreen4": { - "active": "var(--vkui--color_palette_green4--active, #14B7B9)", - "hover": "var(--vkui--color_palette_green4--hover, #0AB4B6)", + "active": "var(--vkui--color_palette_green4--active, #00A4AA)", + "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", "normal": "var(--vkui--color_palette_green4, #00b1b3)", }, "colorPaletteOrange1": { - "active": "var(--vkui--color_palette_orange1--active, #FF943F)", - "hover": "var(--vkui--color_palette_orange1--hover, #FF9036)", + "active": "var(--vkui--color_palette_orange1--active, #EB812F)", + "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", }, "colorPaletteOrange1Alpha": { @@ -197089,376 +206968,376 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--color_palette_red1--active, #E82A38)", + "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", "normal": "var(--vkui--color_palette_red1, #fc2c38)", }, "colorPaletteRed2": { - "active": "var(--vkui--color_palette_red2--active, #ED2B8B)", - "hover": "var(--vkui--color_palette_red2--hover, #EC2286)", + "active": "var(--vkui--color_palette_red2--active, #D8187C)", + "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", "normal": "var(--vkui--color_palette_red2, #eb1981)", }, "colorPaletteRed3": { - "active": "var(--vkui--color_palette_red3--active, #FF7CC0)", - "hover": "var(--vkui--color_palette_red3--hover, #FF77BE)", + "active": "var(--vkui--color_palette_red3--active, #EB69B1)", + "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", "normal": "var(--vkui--color_palette_red3, #ff71bb)", }, "colorPaletteViolet1": { - "active": "var(--vkui--color_palette_violet1--active, #7814FF)", - "hover": "var(--vkui--color_palette_violet1--hover, #720AFF)", + "active": "var(--vkui--color_palette_violet1--active, #6301EF)", + "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", "normal": "var(--vkui--color_palette_violet1, #6c00ff)", }, "colorPaletteViolet2": { - "active": "var(--vkui--color_palette_violet2--active, #B47EFF)", - "hover": "var(--vkui--color_palette_violet2--hover, #B179FF)", + "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", "normal": "var(--vkui--color_palette_violet2, #ae73ff)", }, "colorPaletteYellow1": { - "active": "var(--vkui--color_palette_yellow1--active, #FFC824)", - "hover": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", + "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "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)", + "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)", }, "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, #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, #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, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", }, "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, #BBBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", }, "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, #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, 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, 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, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "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, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "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, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "active": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", }, "colorSocialBehance": { - "active": "var(--vkui--color_social_behance--active, #2A75FF)", - "hover": "var(--vkui--color_social_behance--hover, #206FFF)", + "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, #EC5A92)", - "hover": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "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, #2A82F3)", - "hover": "var(--vkui--color_social_fb--hover, #217CF3)", + "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, #2488DD)", - "hover": "var(--vkui--color_social_mir--hover, #1B83DB)", + "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, #EF8C1C)", - "hover": "var(--vkui--color_social_ok--hover, #EF8712)", + "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, #2FA9F3)", - "hover": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "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, #4E93E2)", - "hover": "var(--vkui--color_social_vk--hover, #478FE1)", + "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, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "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": "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, #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)", }, "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", + "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", "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)", + "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", "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)", + "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", "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)", + "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", "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)", + "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", "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)", + "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", "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)", + "active": "var(--vkui--color_tag_text_orange--active, #543322)", + "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", "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)", + "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", "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)", + "active": "var(--vkui--color_tag_text_purple--active, #341F59)", + "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", "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)", + "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "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, #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, #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, #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, #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)", - "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, #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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "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": "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, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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": "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, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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": "var(--vkui--color_thumb_error_background_alpha--active, rgba(230, 70, 70, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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": "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(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, #1482FF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + "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, #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, #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, #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, 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, dark)", + "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))", @@ -197466,7 +207345,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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, VKSansText, 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)", @@ -197474,17 +207353,16 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, VKSansText, 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)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, VKSansText, 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)", @@ -197492,17 +207370,16 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, VKSansText, 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)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, VKSansText, 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)", @@ -197510,10 +207387,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, VKSansText, 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)", }, @@ -197556,12 +207432,12 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, VKSansText, 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)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, VKSansText, 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)", @@ -197569,10 +207445,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, VKSansText, 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)", }, @@ -197583,9 +207458,10 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, @@ -197595,9 +207471,10 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, @@ -197607,32 +207484,25 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", "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)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 15px)", "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)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, Helvetica, 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)", }, @@ -197658,32 +207528,24 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, }, "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, VKSansText, 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, 13px)", + "fontFamily": "var(--vkui--font_text--font_family--regular, VKSansText, Helvetica, 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, 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)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -197691,7 +207553,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "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)", @@ -197699,10 +207561,10 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "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, 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)", @@ -197716,14 +207578,14 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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%)", "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)", + "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", - "hover": "var(--vkui--octavius_color_background--hover, #222223)", - "normal": "var(--vkui--octavius_color_background, #19191A)", + "active": "var(--vkui--octavius_color_background--active, #DADCE2)", + "hover": "var(--vkui--octavius_color_background--hover, #E4E5E9)", + "normal": "var(--vkui--octavius_color_background, #EDEEF0)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -197731,295 +207593,295 @@ 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(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))", + "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(38, 136, 235, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.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))", + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, "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))", + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "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))", + "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "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))", + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, "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))", + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, "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)", + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_icon, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_text, #333333)", }, "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))", + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24))", }, "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)", + "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, "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)", + "active": "var(--vkui--octavius_color_empty_state_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_empty_state_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #437DC1)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #4681C6)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #4986cc)", }, "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)", + "active": "var(--vkui--octavius_color_header_background--active, #eff1f3)", + "hover": "var(--vkui--octavius_color_header_background--hover, #f5f6f8)", + "normal": "var(--vkui--octavius_color_header_background, #ffffff)", }, "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))", + "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, #D7D8DB)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", + "active": "var(--vkui--octavius_color_header_button_text--active, #000105)", + "hover": "var(--vkui--octavius_color_header_button_text--hover, #000102)", + "normal": "var(--vkui--octavius_color_header_button_text, #000000)", }, "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))", + "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.48))", }, "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)", + "active": "var(--vkui--octavius_color_header_icon--active, #237EDD)", + "hover": "var(--vkui--octavius_color_header_icon--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_header_icon, #2688eb)", }, "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, #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, #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, #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, #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, #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, #1482FF)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", - "normal": "var(--vkui--octavius_color_header_progress, #0077FF)", + "active": "var(--vkui--octavius_color_header_progress--active, #237EDD)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_header_progress, #2688eb)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_background--active, #D8DBE2)", + "hover": "var(--vkui--octavius_color_header_search_background--hover, #E2E4E9)", + "normal": "var(--vkui--octavius_color_header_search_background, #ebedf0)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #D8DBE2)", + "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E2E4E9)", + "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #ebedf0)", }, "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)", + "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, #4D4D4D)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text--active, #000105)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #000102)", + "normal": "var(--vkui--octavius_color_header_search_text, #000000)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #778292)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", }, "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))", + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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, #E9EAEC)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + "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, #9C9EA3)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "active": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #818c99)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", - "normal": "var(--vkui--octavius_color_icon_event, #FF6262)", + "active": "var(--vkui--octavius_color_icon_event--active, #0697ED)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #079DF4)", + "normal": "var(--vkui--octavius_color_icon_event, #07a3fc)", }, "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))", + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, "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)", + "active": "var(--vkui--octavius_color_icon_favorite--active, #EB3046)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F53247)", + "normal": "var(--vkui--octavius_color_icon_favorite, #ff3347)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", - "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", + "active": "var(--vkui--octavius_color_icon_fees--active, #D50206)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #DE0203)", + "normal": "var(--vkui--octavius_color_icon_fees, #e70101)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", - "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", + "active": "var(--vkui--octavius_color_icon_finance--active, #1FBA7D)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #21C280)", + "normal": "var(--vkui--octavius_color_icon_finance, #22c983)", }, "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)", + "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", - "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #EE565E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "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)", + "active": "var(--vkui--octavius_color_icon_order--active, #EB4CA2)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F54EA7)", + "normal": "var(--vkui--octavius_color_icon_order, #ff51ab)", }, "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))", + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "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)", + "active": "var(--vkui--octavius_color_icon_registration--active, #EB9405)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59A02)", + "normal": "var(--vkui--octavius_color_icon_registration, #ffa000)", }, "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", + "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", - "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", }, "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", + "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "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)", + "active": "var(--vkui--octavius_color_icon_travel--active, #AE18EF)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #B519F7)", + "normal": "var(--vkui--octavius_color_icon_travel, #bd19ff)", }, "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))", + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, "octaviusColorIconUnread": { - "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)", + "active": "var(--vkui--octavius_color_icon_unread--active, #237EDD)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_icon_unread, #2688eb)", }, "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)", + "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, "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))", + "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", "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))", + "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, "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)", + "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, "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)", + "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "var(--vkui--octavius_color_list_background_positive_alpha--active, rgba(13, 194, 104, 0.16))", @@ -198027,239 +207889,239 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_background--active, #DADCE2)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #E4E5E9)", + "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.12))", }, "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", }, "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", "normal": "var(--vkui--octavius_color_overlay_background, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, "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)", + "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, "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)", + "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", }, "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", }, "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", }, "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", "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)", + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(0, 0, 0, 0.24))", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #FFFFFF)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #0697ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #079DF4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D50206)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DE0203)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #1FBA7D)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #21C280)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4CA2)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F54EA7)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9405)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59A02)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AE18EF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B519F7)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", }, "octaviusColorSidebarIconUnread": { - "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", }, "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))", + "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", "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))", + "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #3A80D3)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #3C85D9)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #3F8AE0)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2c2d2e)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688eb)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688eb)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #000105)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #000000)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818c99)", }, "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))", + "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #2c2d2e)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2c2d2e)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #8D96A4)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #939CA9)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99a2ad)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #000105)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #000102)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #000000)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #778292)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818c99)", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -198267,43 +208129,43 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", + "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", "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)", + "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, #FF6969)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", + "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", "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)", + "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, #D7D8DB)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", + "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_snackbar_text_contrast, #FFFFFF)", }, "octaviusColorSnackbarTransparent": { @@ -198312,58 +208174,58 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", - "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", - "normal": "var(--vkui--octavius_color_text_finance, #52C392)", + "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "normal": "var(--vkui--octavius_color_text_finance, #27B275)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", - "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", - "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", - "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", - "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", - "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", + "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", - "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", - "normal": "var(--vkui--octavius_color_text_school, #D392F2)", + "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", - "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", - "normal": "var(--vkui--octavius_color_text_social, #7688E9)", + "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "normal": "var(--vkui--octavius_color_text_social, #556AD9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", - "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, "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)", + "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, - "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "octaviusElevationCard": "var(--vkui--octavius_elevation_card, 0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC)", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 1px 0px 0px #E7E8EC)", "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)", + "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, 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)", @@ -198389,9 +208251,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", }, "octaviusTextShadowEmptyStateText": "var(--vkui--octavius_text_shadow_empty_state_text, none)", "octaviusTextShadowSidebarItemText": "var(--vkui--octavius_text_shadow_sidebar_item_text, none)", @@ -198447,8 +208309,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "compact": "var(--vkui--size_base_margin--compact, 12px)", - "regular": "var(--vkui--size_base_margin--regular, 8px)", + "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { "compact": "var(--vkui--size_base_padding--compact, 20px)", @@ -198470,7 +208331,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 2px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -198532,8 +208393,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 48px)", - "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)", @@ -198542,8 +208403,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 20px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 16px)", + "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)", @@ -198555,7 +208416,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 32px)", + "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)", @@ -198594,8 +208456,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 130px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 104px)", + "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)", @@ -198610,11 +208472,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 48px)", - "regular": "var(--vkui--size_field_height--regular, 32px)", + "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, 16px)", + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", @@ -198623,8 +208485,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "compact": "var(--vkui--size_field_vertical_margin--compact, 24px)", - "regular": "var(--vkui--size_field_vertical_margin--regular, 20px)", + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { "compact": "var(--vkui--size_field_width_min--compact, 380px)", @@ -198638,8 +208499,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 12px)", - "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)", @@ -198790,7 +208651,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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, octaviusCompactDark)", + "themeName": "var(--vkui--theme_name, octaviusVK)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -198824,7 +208685,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV } `; -exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -198842,94 +208703,94 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#F05C44", + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAlert": { - "active": "#C6442D", - "hover": "#C33C24", + "active": "#B2311E", + "hover": "#B9331C", "normal": "#c1341b", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 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)", @@ -198937,363 +208798,363 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "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": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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, 28, 61, 0.13)", + "hover": "rgba(0, 28, 61, 0.09)", + "normal": "rgba(0, 28, 61, 0.05)", }, "colorBackgroundSky": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "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.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#F2F3F5", + "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": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { - "active": "#3A5FFF", - "hover": "#3258FF", + "active": "#264CEF", + "hover": "#274EF7", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -199302,18 +209163,18 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#14B2F3", - "hover": "#0AAEF3", + "active": "#009FE4", + "hover": "#00A5EB", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#37E2E2", - "hover": "#2FE0E0", + "active": "#23CED2", + "hover": "#24D7D9", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#B4E326", - "hover": "#B1E21C", + "active": "#A0D016", + "hover": "#A7D915", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -199322,8 +209183,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#66C862", - "hover": "#60C55B", + "active": "#52B552", + "hover": "#55BC53", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -199332,18 +209193,18 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#47ED9D", - "hover": "#3FEC98", + "active": "#33D98D", + "hover": "#35E291", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#14B7B9", - "hover": "#0AB4B6", + "active": "#00A4AA", + "hover": "#00ABAE", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#FF943F", - "hover": "#FF9036", + "active": "#EB812F", + "hover": "#F5862F", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -199352,376 +209213,376 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#FC3D48", - "hover": "#FC3440", + "active": "#E82A38", + "hover": "#F22B38", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#ED2B8B", - "hover": "#EC2286", + "active": "#D8187C", + "hover": "#E2197E", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#FF7CC0", - "hover": "#FF77BE", + "active": "#EB69B1", + "hover": "#F56DB6", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#7814FF", - "hover": "#720AFF", + "active": "#6301EF", + "hover": "#6801F7", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#B47EFF", - "hover": "#B179FF", + "active": "#A06BEF", + "hover": "#A76FF7", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#FFC824", - "hover": "#FFC51B", + "active": "#EBB515", + "hover": "#F5BC13", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", + "active": "#EBC405", + "hover": "#F5CC02", "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSocialBehance": { - "active": "#2A75FF", - "hover": "#206FFF", + "active": "#1562EF", + "hover": "#1665F7", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#EC5A92", - "hover": "#EB538E", + "active": "#D74783", + "hover": "#E14A86", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#2A82F3", - "hover": "#217CF3", + "active": "#166FE4", + "hover": "#1773EB", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#2488DD", - "hover": "#1B83DB", + "active": "#1075CD", + "hover": "#107AD4", "normal": "#117eda", }, "colorSocialOk": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#2FA9F3", - "hover": "#26A5F3", + "active": "#1B95E4", + "hover": "#1C9BEB", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTagBackgroundMint": { - "active": "#B9F1E0", - "hover": "#B6F1DE", + "active": "#A5DED0", + "hover": "#ACE7D7", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#FFD6AF", - "hover": "#FFD4AB", + "active": "#EBC29F", + "hover": "#F5CAA4", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#FFB8DD", - "hover": "#FFB5DB", + "active": "#EBA5CD", + "hover": "#F5ACD4", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#D2B9F1", - "hover": "#D0B6F1", + "active": "#BEA6E2", + "hover": "#C6ACE9", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#ABE1FF", - "hover": "#A8DFFF", + "active": "#97CEEF", + "hover": "#9DD6F7", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#326868", - "hover": "#296262", + "active": "#1D5559", + "hover": "#1F585A", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#684632", - "hover": "#623E29", + "active": "#543322", + "hover": "#573421", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#5F3268", - "hover": "#582962", + "active": "#4B1F59", + "hover": "#4E1F5A", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#483268", - "hover": "#402962", + "active": "#341F59", + "hover": "#361F5A", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#324E68", - "hover": "#294762", + "active": "#1D3B59", + "hover": "#1F3D5A", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "rgba(230, 70, 70, 0.2)", + "hover": "rgba(230, 70, 70, 0.16)", + "normal": "rgba(230, 70, 70, 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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "colorsScheme": "dark", + "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)", @@ -199729,7 +209590,7 @@ exports[`shapshots octaviusCompactDark 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": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -199737,17 +209598,16 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, - "letterSpacing": "0.26px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -199755,17 +209615,16 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, - "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -199773,10 +209632,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, - "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -199819,12 +209677,12 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -199832,10 +209690,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 18, "textTransform": "uppercase", }, @@ -199846,9 +209703,10 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, + "letterSpacing": "-0.56px", "lineHeight": 32, }, }, @@ -199858,9 +209716,10 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, + "letterSpacing": "-0.48px", "lineHeight": 28, }, }, @@ -199870,32 +209729,25 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, + "letterSpacing": "-0.4px", "lineHeight": 26, }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, @@ -199921,32 +209773,24 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -199954,7 +209798,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -199962,10 +209806,10 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 22, + "lineHeight": 24, }, }, "fontWeightAccent1": 500, @@ -199979,14 +209823,14 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -199994,295 +209838,295 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "active": "rgba(38, 136, 235, 0.2)", + "hover": "rgba(38, 136, 235, 0.16)", + "normal": "rgba(38, 136, 235, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorButtonText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "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.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorEmptyStateTextLink": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#eff1f3", + "hover": "#f5f6f8", + "normal": "#ffffff", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorHeaderFilterTextAlpha": { - "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)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", + "active": "#A7ABB4", + "hover": "#AFB1B9", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", - "normal": "#93969b", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorIconEvent": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#0697ED", + "hover": "#079DF4", + "normal": "#07a3fc", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "octaviusColorIconFees": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#D50206", + "hover": "#DE0203", + "normal": "#e70101", }, "octaviusColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", - "normal": "#2FC885", + "active": "#1FBA7D", + "hover": "#21C280", + "normal": "#22c983", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { - "active": "#FFAB56", - "hover": "#FFA84E", + "active": "#EB9846", + "hover": "#F59E47", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { - "active": "#EE565E", - "hover": "#ED4E57", + "active": "#D9434E", + "hover": "#E3454F", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4CA2", + "hover": "#F54EA7", + "normal": "#ff51ab", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { - "active": "#7FC419", - "hover": "#7AC20F", + "active": "#6BB109", + "hover": "#6FB807", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "octaviusColorIconSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", + "active": "#B975DE", + "hover": "#C17AE5", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#2FCBD6", - "hover": "#26C9D4", + "active": "#1BB8C6", + "hover": "#1CC0CC", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AE18EF", + "hover": "#B519F7", + "normal": "#bd19ff", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorLayoutBorderAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#222222", - "hover": "#191919", - "normal": "#0F0F0F", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -200290,239 +210134,239 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "octaviusColorListTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", }, "octaviusColorSidebarButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#0697ED", + "hover": "#079DF4", + "normal": "#07a3fc", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#D50206", + "hover": "#DE0203", + "normal": "#e70101", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#1FBA7D", + "hover": "#21C280", + "normal": "#22c983", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4CA2", + "hover": "#F54EA7", + "normal": "#ff51ab", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AE18EF", + "hover": "#B519F7", + "normal": "#bd19ff", }, "octaviusColorSidebarIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.16)", - "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)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "octaviusColorSidebarItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorSidebarScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -200530,43 +210374,43 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", + "active": "#EB565A", + "hover": "#F5595B", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", + "active": "#90929A", + "hover": "#96979E", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", + "active": "#187CEF", + "hover": "#1980F7", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -200575,58 +210419,58 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", }, - "octaviusElevationCard": "none", - "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusElevationCard": "0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC", + "octaviusElevationHeader": "0px 1px 0px 0px #E7E8EC", "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", + "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", + "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -200652,9 +210496,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 64, }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "none", - "hover": "none", - "normal": "underline", + "active": "underline", + "hover": "underline", + "normal": "none", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -200710,8 +210554,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "sizeBase": 4, "sizeBaseMargin": { - "compact": 12, - "regular": 8, + "regular": 12, }, "sizeBasePadding": { "compact": 20, @@ -200733,7 +210576,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 2, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -200795,8 +210638,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 48, - "regular": 32, + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -200805,8 +210648,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 20, - "regular": 16, + "compact": 16, + "regular": 20, }, "sizeButtonSliderHeight": { "regular": 24, @@ -200818,7 +210661,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 16, }, "sizeButtonSmallHeight": { - "regular": 32, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -200857,8 +210701,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 130, - "regular": 104, + "compact": 104, + "regular": 130, }, "sizeDivPadding": { "regular": 4, @@ -200873,11 +210717,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 8, }, "sizeFieldHeight": { - "compact": 48, - "regular": 32, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { - "regular": 16, + "regular": 20, }, "sizeFieldHorizontalPadding": { "regular": 12, @@ -200886,8 +210730,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 32, }, "sizeFieldVerticalMargin": { - "compact": 24, - "regular": 20, + "regular": 24, }, "sizeFieldWidthMin": { "compact": 380, @@ -200901,8 +210744,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 20, }, "sizeIconMargin": { - "compact": 12, - "regular": 8, + "compact": 8, + "regular": 12, }, "sizeIconMorePadding": { "compact": 8, @@ -201053,7 +210896,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusCompactDark", + "themeName": "octaviusVK", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -201087,7 +210930,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` } `; -exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -201136,85 +210979,85 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077ff)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "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, #A4A5A9)", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #9C9DA2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #20C774)", + "value": "var(--vkui--color_accent_green--active, #59B959)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #17C46E)", + "value": "var(--vkui--color_accent_green--hover, #52B652)", }, "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, #BEFC80)", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "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, #FFA614)", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -201228,7 +211071,7 @@ exports[`shapshots octaviusDark 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": { @@ -201248,29 +211091,29 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #FF498F)", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #FF418A)", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "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, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #8C64FF)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { @@ -201284,63 +211127,63 @@ exports[`shapshots octaviusDark 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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #FF4356)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #FFA614)", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", }, "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, #C66AF4)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #C363F3)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAlert": { @@ -201360,15 +211203,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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(0, 0, 0, 0.68))", }, "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(0, 0, 0, 0.64))", }, "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(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -201388,43 +211231,43 @@ exports[`shapshots octaviusDark 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #222223)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #19191A)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "value": "var(--vkui--color_background_accent_alternative, #529ef4)", }, }, "colorBackgroundAccentThemed": { @@ -201472,57 +211315,57 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #F1F8FF)", }, "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, #F1F7FF)", }, "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, #353535)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + "value": "var(--vkui--color_background_content--hover, #2B2B2C)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", + "value": "var(--vkui--color_background_content, #19191A)", }, }, "colorBackgroundContentInverse": { @@ -201556,15 +211399,15 @@ exports[`shapshots octaviusDark 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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -201584,43 +211427,43 @@ exports[`shapshots octaviusDark 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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #303030)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #19202f)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #414141)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #383838)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #303030)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "colorBackgroundModalInverse": { @@ -201648,7 +211491,7 @@ exports[`shapshots octaviusDark 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": { @@ -201662,133 +211505,133 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "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))", + "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.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, 51, 10, 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, #FEF0ED)", }, "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, #FEF0EC)", }, "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, #59B959)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #17C46E)", + "value": "var(--vkui--color_background_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #182A22)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "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, #EEFAF4)", }, "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, #EDFAF3)", }, "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, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #333333)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #2A2A2B)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { @@ -201802,77 +211645,77 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 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(255, 255, 255, 0.08))", }, }, "colorBackgroundSky": { "active": { "name": "--vkui--color_background_sky--active", - "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + "value": "var(--vkui--color_background_sky--active, #D0E6FF)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #333334)", + "value": "var(--vkui--color_background_sky--hover, #CEE5FF)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #2b2b2c)", + "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(51, 51, 51, 0.88))", + "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(51, 51, 51, 0.84))", + "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(51, 51, 51, 0.8))", + "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, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #252525)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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.03))", }, }, "colorBackgroundThumbnail": { "active": { "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #313131)", + "value": "var(--vkui--color_background_thumbnail--active, #EDEEF0)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #282828)", + "value": "var(--vkui--color_background_thumbnail--hover, #ECEDF0)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "value": "var(--vkui--color_background_thumbnail, #EBECEF)", }, }, "colorBackgroundThumbnailAlpha": { @@ -201892,85 +211735,85 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #785C14)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #72550A)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #6C4E00)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "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, #FFFCE2)", }, "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, #FFFCE1)", }, "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, #FFFCE2)", }, "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, #FFFCE1)", }, "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, #222223)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #29292A)", + "value": "var(--vkui--color_button_contrast--hover, #1F1F20)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #252526)", + "value": "var(--vkui--color_button_contrast, #1B1B1C)", }, }, "colorButtonContrastAlpha": { @@ -202046,43 +211889,43 @@ exports[`shapshots octaviusDark 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.24))", + "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(255, 255, 255, 0.2))", + "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(255, 255, 255, 0.16))", + "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, #353536)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #232324)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { @@ -202124,21 +211967,21 @@ exports[`shapshots octaviusDark 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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { @@ -202152,21 +211995,21 @@ exports[`shapshots octaviusDark 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(245, 246, 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(245, 246, 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(245, 246, 255, 0.7))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { @@ -202180,35 +212023,35 @@ exports[`shapshots octaviusDark 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, #20C774)", + "value": "var(--vkui--color_icon_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", }, "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, #DCDDE0)", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #D9DADD)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "colorIconPrimaryInvariably": { @@ -202222,77 +212065,77 @@ exports[`shapshots octaviusDark 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, #A4A5A9)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + "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(245, 246, 255, 0.68))", + "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(245, 246, 255, 0.64))", + "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(245, 246, 255, 0.6))", + "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, #8D8E93)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #83848A)", + "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(245, 246, 255, 0.58))", + "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(245, 246, 255, 0.54))", + "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(245, 246, 255, 0.5))", + "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, #FFA614)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "value": "var(--vkui--color_icon_warning, #EDB055)", }, }, "colorImageBorderAlpha": { @@ -202312,29 +212155,29 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #494A4B)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #414243)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #393A3B)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.8))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "colorLinkContrast": { @@ -202354,29 +212197,29 @@ exports[`shapshots octaviusDark 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.40))", }, }, "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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "colorPaletteBlue1": { @@ -202634,15 +212477,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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, "colorRating": { @@ -202662,15 +212505,15 @@ exports[`shapshots octaviusDark 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, #464748)", }, "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, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #393A3B)", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, "colorSegmentedControl": { @@ -202690,99 +212533,99 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #282829)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #151516)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #323234)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #202022)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #353537)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "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, 0, 0, 0.48))", + "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, 0, 0, 0.44))", + "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, 0, 0, 0.4))", + "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, #2A2A2A)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #212121)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #181818)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #333333)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #464748)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #3E3F40)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorSocialBehance": { @@ -202886,15 +212729,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, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { @@ -202936,21 +212779,21 @@ exports[`shapshots octaviusDark 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, #20C774)", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -202964,7 +212807,7 @@ exports[`shapshots octaviusDark 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)", }, }, "colorTagBackgroundMint": { @@ -203110,15 +212953,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, #2C8FFF)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { @@ -203152,29 +212995,29 @@ exports[`shapshots octaviusDark 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, #141414)", }, "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, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { @@ -203202,35 +213045,35 @@ exports[`shapshots octaviusDark 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, #6098E2)", + "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, #5993E0)", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", }, "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, #E9EAEC)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #E7E8EA)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { @@ -203244,35 +213087,35 @@ exports[`shapshots octaviusDark 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, #20C774)", + "value": "var(--vkui--color_text_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #17C46E)", + "value": "var(--vkui--color_text_positive--hover, #52B652)", }, "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, #E9EAEC)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E7E8EA)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { @@ -203292,29 +213135,29 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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, #141414)", }, "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, #0A0A0A)", }, "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, #95979D)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #919398)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #8C8E94)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { @@ -203334,183 +213177,183 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #BFC1C5)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #74767A)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "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))", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(230, 70, 70, 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))", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", }, "normal": { "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 0.12))", }, }, "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, #E0EBFF)", }, "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, #DEEAFF)", }, "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, #D2EFE8)", }, "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, #D0EFE7)", }, "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, #F9D7C2)", }, "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, #F9D5C0)", }, "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, #F3EAFF)", }, "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, #F3E9FF)", }, "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, #2E5384)", }, "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, #254B7E)", }, "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, #1C8679)", }, "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, #128173)", }, "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, #83563B)", }, "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, #7D4E33)", }, "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, #7E5FA7)", }, "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, #7958A3)", }, "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, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #434445)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -203530,29 +213373,29 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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, #3B3B3C)", + "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, #333333)", + "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, #2A2A2B)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { @@ -203566,7 +213409,7 @@ exports[`shapshots octaviusDark 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": { @@ -203589,23 +213432,23 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "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": { @@ -203629,7 +213472,7 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -203659,10 +213502,6 @@ exports[`shapshots octaviusDark 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)", @@ -203675,7 +213514,7 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -203685,10 +213524,6 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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)", @@ -203721,7 +213556,7 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -203751,10 +213586,6 @@ exports[`shapshots octaviusDark 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)", @@ -203767,7 +213598,7 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -203777,10 +213608,6 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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)", @@ -203813,7 +213640,7 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -203843,10 +213670,6 @@ exports[`shapshots octaviusDark 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)", @@ -203859,7 +213682,7 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -203869,10 +213692,6 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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)", @@ -204055,11 +213874,11 @@ exports[`shapshots octaviusDark 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, 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -204087,7 +213906,7 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -204117,10 +213936,6 @@ exports[`shapshots octaviusDark 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)", @@ -204133,7 +213948,7 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -204143,10 +213958,6 @@ exports[`shapshots octaviusDark 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)", @@ -204171,6 +213982,10 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight", "value": "var(--vkui--font_h0--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h0--letter_spacing", + "value": "var(--vkui--font_h0--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", @@ -204189,7 +214004,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h0--font_size--regular", @@ -204199,6 +214014,10 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight--regular", "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h0--letter_spacing--regular", + "value": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", + }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", "value": "var(--vkui--font_h0--line_height--regular, 32px)", @@ -204219,6 +214038,10 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight", "value": "var(--vkui--font_h1--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h1--letter_spacing", + "value": "var(--vkui--font_h1--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", @@ -204237,7 +214060,7 @@ exports[`shapshots octaviusDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", @@ -204247,6 +214070,10 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight--regular", "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h1--letter_spacing--regular", + "value": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", + }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", "value": "var(--vkui--font_h1--line_height--regular, 28px)", @@ -204267,6 +214094,10 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight", "value": "var(--vkui--font_h2--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h2--letter_spacing", + "value": "var(--vkui--font_h2--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", @@ -204285,7 +214116,7 @@ exports[`shapshots octaviusDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", @@ -204295,6 +214126,10 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight--regular", "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h2--letter_spacing--regular", + "value": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", + }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", "value": "var(--vkui--font_h2--line_height--regular, 26px)", @@ -204320,24 +214155,14 @@ exports[`shapshots octaviusDark 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, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", + "value": "var(--vkui--font_headline--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_headline--font_weight--regular", @@ -204368,24 +214193,14 @@ exports[`shapshots octaviusDark 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, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + "value": "var(--vkui--font_headline1--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--regular", @@ -204502,20 +214317,10 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -204550,24 +214355,14 @@ exports[`shapshots octaviusDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", + "value": "var(--vkui--font_text--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -204601,7 +214396,7 @@ exports[`shapshots octaviusDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -204639,7 +214434,7 @@ exports[`shapshots octaviusDark 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", @@ -204677,7 +214472,7 @@ exports[`shapshots octaviusDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -204689,7 +214484,7 @@ exports[`shapshots octaviusDark 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)", }, }, }, @@ -204719,7 +214514,7 @@ exports[`shapshots octaviusDark 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", @@ -204727,7 +214522,7 @@ exports[`shapshots octaviusDark 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", @@ -204736,29 +214531,29 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", + "value": "var(--vkui--octavius_color_action_archive--active, #316935)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", + "value": "var(--vkui--octavius_color_action_archive--hover, #28632C)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", + "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "value": "var(--vkui--octavius_color_background--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #222223)", + "value": "var(--vkui--octavius_color_background--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #19191A)", + "value": "var(--vkui--octavius_color_background, #000000)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -204778,43 +214573,43 @@ 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(0, 119, 255, 0.2))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(82, 158, 244, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(82, 158, 244, 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))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(82, 158, 244, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", }, "normal": { "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, "octaviusColorButtonBackgroundAlpha": { @@ -204834,43 +214629,43 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", }, "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", }, "normal": { "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, }, "octaviusColorButtonIcon": { @@ -204904,43 +214699,43 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.2))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", + "value": "var(--vkui--octavius_color_dataset_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #222223)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #232324)", + "value": "var(--vkui--octavius_color_dataset_background, #19191a)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_empty_state_text, #e1e3e6)", }, }, "octaviusColorEmptyStateTextLink": { @@ -204960,15 +214755,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #353536)", + "value": "var(--vkui--octavius_color_header_background--active, #353535)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_header_background--hover, #2B2B2C)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #232324)", + "value": "var(--vkui--octavius_color_header_background, #161616)", }, }, "octaviusColorHeaderButtonBackgroundAlpha": { @@ -204988,155 +214783,155 @@ exports[`shapshots octaviusDark 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, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_button_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_button_text--hover, #E2E4E7)", }, "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, #e1e3e6)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", }, "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))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", }, "normal": { "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, 0.48))", }, }, "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_icon--active, #60A6F5)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_icon--hover, #59A2F4)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon, #529ef4)", }, }, "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": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #1482FF)", + "value": "var(--vkui--octavius_color_header_progress--active, #60A6F5)", }, "hover": { "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", + "value": "var(--vkui--octavius_color_header_progress--hover, #59A2F4)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #0077FF)", + "value": "var(--vkui--octavius_color_header_progress, #529ef4)", }, }, "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", + "value": "var(--vkui--octavius_color_header_search_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #383838)", + "value": "var(--vkui--octavius_color_header_search_background--hover, #141414)", }, "normal": { "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #303030)", + "value": "var(--vkui--octavius_color_header_search_background, #0a0a0a)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #1E1E1E)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #383838)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #141414)", }, "normal": { "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #0a0a0a)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, #2E2F30)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #484848)", + "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #252627)", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background", - "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #1C1D1E)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #393939)", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #313131)", }, }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { @@ -205156,169 +214951,169 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_header_search_icon", - "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + "value": "var(--vkui--octavius_color_header_search_icon, #76787a)", }, }, "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_header_search_text--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_header_search_text--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_search_text, #76787a)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #76787a)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + "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, #E8E9EB)", + "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, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "value": "var(--vkui--octavius_color_header_text_secondary, #76787a)", }, }, "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", + "value": "var(--vkui--octavius_color_icon_event--active, #1BAAFC)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", + "value": "var(--vkui--octavius_color_icon_event--hover, #11A7FC)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #FF6262)", + "value": "var(--vkui--octavius_color_icon_event, #07a3fc)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #FF4356)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF3B4E)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", + "value": "var(--vkui--octavius_color_icon_fees--active, #E91515)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #E80B0B)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #FF6262)", + "value": "var(--vkui--octavius_color_icon_fees, #e70101)", }, }, "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", + "value": "var(--vkui--octavius_color_icon_finance--active, #34CD8D)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2BCB88)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #2FC885)", + "value": "var(--vkui--octavius_color_icon_finance, #22c983)", }, }, "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", + "value": "var(--vkui--octavius_color_icon_games--active, #FDD04D)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #FDCE46)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, }, "octaviusColorIconMailings": { @@ -205338,15 +215133,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "value": "var(--vkui--octavius_color_icon_news--active, #37C5ED)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "value": "var(--vkui--octavius_color_icon_news--hover, #2FC3EC)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, }, "octaviusColorIconOfficial": { @@ -205366,29 +215161,29 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_icon_order--active, #FF5FB2)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_icon_order--hover, #FF58AE)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_icon_order, #ff51ab)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_order_alpha", - "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, }, "octaviusColorIconReceipts": { @@ -205408,15 +215203,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_icon_registration--active, #FFA814)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA40A)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_icon_registration, #ffa000)", }, }, "octaviusColorIconSchool": { @@ -205436,15 +215231,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "value": "var(--vkui--octavius_color_icon_social--active, #7D92FF)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "value": "var(--vkui--octavius_color_icon_social--hover, #788DFF)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "value": "var(--vkui--octavius_color_icon_social, #7288FF)", }, }, "octaviusColorIconToMyself": { @@ -205464,43 +215259,43 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_icon_travel--active, #C22BFF)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #C022FF)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_icon_travel, #bd19ff)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", + "value": "var(--vkui--octavius_color_icon_unread--active, #60A6F5)", }, "hover": { "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #59A2F4)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", + "value": "var(--vkui--octavius_color_icon_unread, #529ef4)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -205608,15 +215403,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #F3FAF5)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #303733)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #F3FAF4)", }, "normal": { "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, }, "octaviusColorListIconPrimary": { @@ -205636,43 +215431,43 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #F1F6FF)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #1E1E1E)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #F1F5FF)", }, "normal": { "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #353535)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #2B2B2C)", }, "normal": { "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #232324)", + "value": "var(--vkui--octavius_color_list_letter_background, #19191A)", }, }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(255, 255, 255, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorListTextPrimary": { @@ -205706,15 +215501,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #141414)", + "value": "var(--vkui--octavius_color_notification_border--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_notification_border--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #000000)", + "value": "var(--vkui--octavius_color_notification_border, #FFFFFF)", }, }, "octaviusColorOverlayBackground": { @@ -205734,71 +215529,71 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #292929)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #1F1F1F)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #000000)", + "value": "var(--vkui--octavius_color_placeholder_background, #161616)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #313131)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", }, "normal": { "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", + "value": "var(--vkui--octavius_color_portal_menu_background, rgb(31, 31, 31))", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", }, "normal": { "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #414141)", + "value": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", + "value": "var(--vkui--octavius_color_promo_background--hover, #323232)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #303030)", + "value": "var(--vkui--octavius_color_promo_background, #292929)", }, }, "octaviusColorSidebarButtonBackground": { @@ -205888,151 +215683,151 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.38))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(255, 255, 255, 0.30))", }, }, "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #e1e3e6)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #1BAAFC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #43BDFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #11A7FC)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF4356)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF3B4E)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #E91515)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #EF4444)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #E80B0B)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #34CD8D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC985)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2BCB88)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #FF5FB2)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #FF58AE)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA814)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA40A)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C22BFF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C022FF)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #3792ED)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2F8DEC)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", }, }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_background_alpha", @@ -206056,15 +215851,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #e1e3e6)", }, }, "octaviusColorSidebarItemIconActive": { @@ -206084,43 +215879,43 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #e1e3e6)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #76787a)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text, #e1e3e6)", }, }, "octaviusColorSidebarItemTextActive": { @@ -206140,29 +215935,29 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemTextPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, }, "octaviusColorSidebarItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #76787a)", }, }, "octaviusColorSidebarScrollbarAlpha": { @@ -206182,85 +215977,85 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #e1e3e6)", }, }, "octaviusColorSidebarShortItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #e1e3e6)", }, }, "octaviusColorSidebarShortItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #9C9DA2)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #76787a)", }, }, "octaviusColorSidebarShortItemText": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text", - "value": "var(--vkui--octavius_color_sidebar_short_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #e1e3e6)", }, }, "octaviusColorSidebarShortItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #e1e3e6)", }, }, "octaviusColorSidebarShortItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #76787a)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -206406,127 +216201,127 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "value": "var(--vkui--octavius_color_text_fees--active, #FF4040)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "value": "var(--vkui--octavius_color_text_fees--hover, #FF3737)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "value": "var(--vkui--octavius_color_text_finance--active, #38B880)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "value": "var(--vkui--octavius_color_text_finance--hover, #30B57B)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #52C392)", + "value": "var(--vkui--octavius_color_text_finance, #27B275)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "value": "var(--vkui--octavius_color_text_games--active, #EDB514)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "value": "var(--vkui--octavius_color_text_games--hover, #ECB20A)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "value": "var(--vkui--octavius_color_text_games, #EBAF00)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "value": "var(--vkui--octavius_color_text_mailings--active, #FC9328)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #FC8F1E)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "value": "var(--vkui--octavius_color_text_news--active, #1CB2DC)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "value": "var(--vkui--octavius_color_text_news--hover, #12AEDB)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #37C1E8)", + "value": "var(--vkui--octavius_color_text_news, #08ABD9)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "value": "var(--vkui--octavius_color_text_school--active, #CD88EE)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "value": "var(--vkui--octavius_color_text_school--hover, #CB83ED)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #D392F2)", + "value": "var(--vkui--octavius_color_text_school, #C97EEC)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "value": "var(--vkui--octavius_color_text_social--active, #6376DC)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "value": "var(--vkui--octavius_color_text_social--hover, #5C70DB)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #7688E9)", + "value": "var(--vkui--octavius_color_text_social, #556AD9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #26BAC4)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #1CB7C2)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #414141)", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #3E3E3F)", }, "hover": { "name": "--vkui--octavius_color_thread_footer_background--hover", - "value": "var(--vkui--octavius_color_thread_footer_background--hover, #383838)", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #353536)", }, "normal": { "name": "--vkui--octavius_color_thread_footer_background", - "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", + "value": "var(--vkui--octavius_color_thread_footer_background, #2D2D2E)", }, }, "octaviusElevationCard": { @@ -206535,7 +216330,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "value": "var(--vkui--octavius_elevation_header, none)", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -206543,23 +216338,23 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyDefault": { "name": "--vkui--octavius_font_family_default", - "value": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyDisplay": { "name": "--vkui--octavius_font_family_display", - "value": "var(--vkui--octavius_font_family_display, inherit)", + "value": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyGlobal": { "name": "--vkui--octavius_font_family_global", - "value": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", + "value": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyMac": { "name": "--vkui--octavius_font_family_mac", - "value": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", + "value": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, 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)", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -208005,7 +217800,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusDark)", + "value": "var(--vkui--theme_name, octaviusVKDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -208127,7 +217922,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -208150,39 +217945,39 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", "hover": "#F1634B", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { "active": "#FFC56F", @@ -208190,39 +217985,39 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFC062", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", "hover": "#F166C3", - "normal": "#F060C0", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAlert": { "active": "#C6442D", @@ -208230,9 +218025,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#c1341b", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 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)", @@ -208240,19 +218035,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -208270,24 +218065,24 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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": "#F1F8FF", + "hover": "#F1F7FF", + "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": "#353535", + "hover": "#2B2B2C", + "normal": "#19191A", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -208300,9 +218095,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -208310,19 +218105,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -208332,87 +218127,87 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "normal": "#522E2E", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#FEF0ED", + "hover": "#FEF0EC", + "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", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "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": "#EEFAF4", + "hover": "#EDFAF3", + "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSky": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#D0E6FF", + "hover": "#CEE5FF", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#EDEEF0", + "hover": "#ECEDF0", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -208420,34 +218215,34 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": "#FFFCE2", + "hover": "#FFFCE1", + "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": "#FFFCE2", + "hover": "#FFFCE1", + "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": "#222223", + "hover": "#1F1F20", + "normal": "#1B1B1C", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -208475,19 +218270,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#232324", }, "colorFieldBorderAlpha": { - "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)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -208502,67 +218297,67 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "colorIconContrastSecondary": { "active": "#F3F4F6", "hover": "#F3F3F5", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { "active": "#B6B7BC", "hover": "#B3B4B9", - "normal": "#B0B1B6", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -208570,14 +218365,14 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 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": "#D7D8DB", @@ -208585,14 +218380,14 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "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.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -208685,9 +218480,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorRating": { "active": "#FFD714", @@ -208695,9 +218490,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -208705,39 +218500,39 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorSocialBehance": { "active": "#2A75FF", @@ -208775,9 +218570,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -208792,17 +218587,17 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", - "normal": "#76787A", + "normal": "#76787a", }, "colorTagBackgroundMint": { "active": "#B9F1E0", @@ -208855,9 +218650,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -208870,14 +218665,14 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -208887,32 +218682,32 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "colorTextLinkTint": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -208920,14 +218715,14 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -208935,69 +218730,69 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "rgba(230, 70, 70, 0.2)", + "hover": "rgba(230, 70, 70, 0.16)", + "normal": "rgba(230, 70, 70, 0.12)", }, "colorTooltipBackgroundBlueTint": { + "active": "#E0EBFF", + "hover": "#DEEAFF", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#D2EFE8", + "hover": "#D0EFE7", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#F9D7C2", + "hover": "#F9D5C0", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#F3EAFF", + "hover": "#F3E9FF", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { "active": "#2E5384", "hover": "#254B7E", "normal": "#1C4479", }, - "colorTooltipBackgroundGreenTint": { + "colorTooltipTextGreenThemed": { "active": "#1C8679", "hover": "#128173", "normal": "#087C6D", }, - "colorTooltipBackgroundOrangeTint": { + "colorTooltipTextOrangeThemed": { "active": "#83563B", "hover": "#7D4E33", "normal": "#78472A", }, - "colorTooltipBackgroundPurpleTint": { + "colorTooltipTextPurpleThemed": { "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", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -209005,19 +218800,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -209025,14 +218820,14 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "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)", + "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", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -209040,17 +218835,16 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, - "letterSpacing": "0.26px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -209058,17 +218852,16 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, - "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -209076,10 +218869,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, - "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -209122,12 +218914,12 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -209135,10 +218927,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, @@ -209149,9 +218940,10 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, + "letterSpacing": "-0.56px", "lineHeight": "32px", }, }, @@ -209161,9 +218953,10 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, + "letterSpacing": "-0.48px", "lineHeight": "28px", }, }, @@ -209173,32 +218966,25 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, + "letterSpacing": "-0.4px", "lineHeight": "26px", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, @@ -209224,32 +219010,24 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -209257,7 +219035,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -209265,10 +219043,10 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": "24px", }, }, "fontWeightAccent1": 500, @@ -209277,19 +219055,19 @@ exports[`shapshots octaviusDark 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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#316935", + "hover": "#28632C", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -209297,19 +219075,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "active": "rgba(82, 158, 244, 0.2)", + "hover": "rgba(82, 158, 244, 0.16)", + "normal": "rgba(82, 158, 244, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -209317,19 +219095,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { "active": "#E9EAEC", @@ -209342,19 +219120,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "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.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorEmptyStateTextLink": { "active": "#E9EAEC", @@ -209362,9 +219140,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#161616", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -209372,59 +219150,59 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#60A6F5", + "hover": "#59A2F4", + "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", - }, - "octaviusColorHeaderProgress": { "active": "#1482FF", "hover": "#0A7CFF", - "normal": "#0077FF", + "normal": "#0077ff", + }, + "octaviusColorHeaderProgress": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#414141", + "hover": "#393939", + "normal": "#313131", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "rgba(255, 255, 255, 0.56)", @@ -209432,64 +219210,64 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", - "normal": "#b6b8be", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", - "normal": "#93969b", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorIconEvent": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#1BAAFC", + "hover": "#11A7FC", + "normal": "#07a3fc", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "octaviusColorIconFees": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#E91515", + "hover": "#E80B0B", + "normal": "#e70101", }, "octaviusColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", - "normal": "#2FC885", + "active": "#34CD8D", + "hover": "#2BCB88", + "normal": "#22c983", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#FDD04D", + "hover": "#FDCE46", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { "active": "#FFAB56", @@ -209497,9 +219275,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#37C5ED", + "hover": "#2FC3EC", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { "active": "#EE565E", @@ -209507,14 +219285,14 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#FF5FB2", + "hover": "#FF58AE", + "normal": "#ff51ab", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { "active": "#7FC419", @@ -209522,9 +219300,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "octaviusColorIconSchool": { "active": "#CD88EE", @@ -209532,9 +219310,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#7D92FF", + "hover": "#788DFF", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { "active": "#2FCBD6", @@ -209542,19 +219320,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#C22BFF", + "hover": "#C022FF", + "normal": "#bd19ff", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -209593,9 +219371,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#F3FAF5", + "hover": "#F3FAF4", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { "active": "#3D3E3F", @@ -209603,19 +219381,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#F1F6FF", + "hover": "#F1F5FF", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#19191A", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorListTextPrimary": { "active": "#3D3E3F", @@ -209628,9 +219406,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -209638,29 +219416,29 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "transparent", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#292929", + "hover": "#1F1F1F", + "normal": "#161616", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#313131", + "hover": "#282828", + "normal": "rgb(31, 31, 31)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "octaviusColorSidebarButtonBackground": { "active": "#D7D8DB", @@ -209693,58 +219471,58 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#1BAAFC", + "hover": "#11A7FC", + "normal": "#07a3fc", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#E91515", + "hover": "#E80B0B", + "normal": "#e70101", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#34CD8D", + "hover": "#2BCB88", + "normal": "#22c983", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#FF5FB2", + "hover": "#FF58AE", + "normal": "#ff51ab", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#C22BFF", + "hover": "#C022FF", + "normal": "#bd19ff", }, "octaviusColorSidebarIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -209753,9 +219531,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemIconActive": { "active": "#D7D8DB", @@ -209763,19 +219541,19 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemTextActive": { "active": "#D7D8DB", @@ -209783,14 +219561,14 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -209798,34 +219576,34 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -209878,58 +219656,58 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#FF4040", + "hover": "#FF3737", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#38B880", + "hover": "#30B57B", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#EDB514", + "hover": "#ECB20A", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#FC9328", + "hover": "#FC8F1E", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#1CB2DC", + "hover": "#12AEDB", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#CD88EE", + "hover": "#CB83ED", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#6376DC", + "hover": "#5C70DB", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#26BAC4", + "hover": "#1CB7C2", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3E3E3F", + "hover": "#353536", + "normal": "#2D2D2E", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusElevationHeader": "none", "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", + "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", + "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -210355,7 +220133,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusDark", + "themeName": "octaviusVKDark", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -210389,7 +220167,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = } `; -exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -210412,39 +220190,39 @@ 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, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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, #1BE7F9)", - "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "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, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "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, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "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, #BEFC80)", - "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "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, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "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)", "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)", @@ -210452,39 +220230,39 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "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": "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "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)", "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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "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, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "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, #1482FF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", - "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + "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)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #C6442D)", @@ -210492,9 +220270,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_alert, #c1341b)", }, "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(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))", @@ -210502,19 +220280,19 @@ exports[`shapshots octaviusDark 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "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, #FFA614)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "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)", @@ -210532,24 +220310,24 @@ 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, 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))", + "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, #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(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, #353535)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2C)", + "normal": "var(--vkui--color_background_content, #19191A)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -210562,9 +220340,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "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))", @@ -210572,19 +220350,19 @@ exports[`shapshots octaviusDark 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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "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)", @@ -210594,87 +220372,87 @@ exports[`shapshots octaviusDark 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)", "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522e2e)", + "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))", + "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, #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(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)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "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, #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, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "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, #EEFAF4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #EDFAF3)", + "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, #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.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))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundSky": { - "active": "var(--vkui--color_background_sky--active, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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(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))", + "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, #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.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(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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #313131)", - "hover": "var(--vkui--color_background_thumbnail--hover, #282828)", - "normal": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "active": "var(--vkui--color_background_thumbnail--active, #EDEEF0)", + "hover": "var(--vkui--color_background_thumbnail--hover, #ECEDF0)", + "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", }, "colorBackgroundThumbnailAlpha": { "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(255, 255, 255, 0.16))", @@ -210682,34 +220460,34 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", }, "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, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", }, "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, #FFFCE2)", + "hover": "var(--vkui--color_background_warning_tint--hover, #FFFCE1)", + "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, #FFFCE2)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #FFFCE1)", + "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, #222223)", + "hover": "var(--vkui--color_button_contrast--hover, #1F1F20)", + "normal": "var(--vkui--color_button_contrast, #1B1B1C)", }, "colorButtonContrastAlpha": { "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", @@ -210737,19 +220515,19 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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))", + "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, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "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, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "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)", @@ -210764,67 +220542,67 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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, #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, #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, #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(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(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, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "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, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "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, #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, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "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(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(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, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "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(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(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, #FFA614)", - "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "colorImageBorderAlpha": { "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", @@ -210832,14 +220610,14 @@ exports[`shapshots octaviusDark 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, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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, #D7D8DB)", @@ -210847,14 +220625,14 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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.40))", }, "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", @@ -210947,9 +220725,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, #1482FF)", - "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_panel_header_icon, #0077FF)", + "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)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -210957,9 +220735,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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, #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)", @@ -210967,39 +220745,39 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "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, #323234)", - "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", - "normal": "var(--vkui--color_separator_primary2x, #202022)", + "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, #3E3E40)", - "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", - "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "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, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "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, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorSocialBehance": { "active": "var(--vkui--color_social_behance--active, #2A75FF)", @@ -211037,9 +220815,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, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "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)", @@ -211054,17 +220832,17 @@ exports[`shapshots octaviusDark 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, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "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, #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)", }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", @@ -211117,9 +220895,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, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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, #D7D8DB)", @@ -211132,14 +220910,14 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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, #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, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "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)", @@ -211149,32 +220927,32 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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, #6098E2)", - "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "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, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "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, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "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, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", @@ -211182,14 +220960,14 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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": "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, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", @@ -211197,69 +220975,69 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "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": "var(--vkui--color_thumb_error_background_alpha--active, rgba(230, 70, 70, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 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, #E0EBFF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #DEEAFF)", + "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, #D2EFE8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #D0EFE7)", + "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, #F9D7C2)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #F9D5C0)", + "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, #F3EAFF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #F3E9FF)", + "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, #2E5384)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #254B7E)", + "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, #1C8679)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #128173)", + "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, #83563B)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #7D4E33)", + "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, #7E5FA7)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #7958A3)", + "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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": "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))", @@ -211267,19 +221045,19 @@ 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, #1482FF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + "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, #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, #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, #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))", @@ -211287,14 +221065,14 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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))", + "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)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, VKSansText, 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)", @@ -211302,17 +221080,16 @@ exports[`shapshots octaviusDark 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, VKSansText, 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)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, VKSansText, 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)", @@ -211320,17 +221097,16 @@ exports[`shapshots octaviusDark 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, VKSansText, 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)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, VKSansText, 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)", @@ -211338,10 +221114,9 @@ exports[`shapshots octaviusDark 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, VKSansText, 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)", }, @@ -211384,12 +221159,12 @@ exports[`shapshots octaviusDark 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)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, VKSansText, 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)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, VKSansText, 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)", @@ -211397,10 +221172,9 @@ exports[`shapshots octaviusDark 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, VKSansText, 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)", }, @@ -211411,9 +221185,10 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, @@ -211423,9 +221198,10 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, @@ -211435,32 +221211,25 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", "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)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 15px)", "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)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, Helvetica, 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)", }, @@ -211486,32 +221255,24 @@ exports[`shapshots octaviusDark 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, 18px)", - }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansText, 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)", + "fontFamily": "var(--vkui--font_text--font_family--regular, VKSansText, Helvetica, 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, 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)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -211519,7 +221280,7 @@ exports[`shapshots octaviusDark 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, 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)", @@ -211527,10 +221288,10 @@ exports[`shapshots octaviusDark 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, 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)", @@ -211539,19 +221300,19 @@ exports[`shapshots octaviusDark 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%)", "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)", + "active": "var(--vkui--octavius_color_action_archive--active, #316935)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #28632C)", + "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", - "hover": "var(--vkui--octavius_color_background--hover, #222223)", - "normal": "var(--vkui--octavius_color_background, #19191A)", + "active": "var(--vkui--octavius_color_background--active, #141414)", + "hover": "var(--vkui--octavius_color_background--hover, #0A0A0A)", + "normal": "var(--vkui--octavius_color_background, #000000)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -211559,19 +221320,19 @@ 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(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))", + "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(82, 158, 244, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(82, 158, 244, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(82, 158, 244, 0.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))", + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, "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))", + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "octaviusColorButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -211579,19 +221340,19 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "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))", + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, "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))", + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, "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)", + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #343536)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, "octaviusColorButtonIcon": { "active": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", @@ -211604,19 +221365,19 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, "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))", + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.2))", }, "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)", + "active": "var(--vkui--octavius_color_dataset_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_dataset_background, #19191a)", }, "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)", + "active": "var(--vkui--octavius_color_empty_state_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_empty_state_text, #e1e3e6)", }, "octaviusColorEmptyStateTextLink": { "active": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", @@ -211624,9 +221385,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, "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)", + "active": "var(--vkui--octavius_color_header_background--active, #353535)", + "hover": "var(--vkui--octavius_color_header_background--hover, #2B2B2C)", + "normal": "var(--vkui--octavius_color_header_background, #161616)", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", @@ -211634,59 +221395,59 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_header_button_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_header_button_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_header_button_text, #e1e3e6)", }, "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))", + "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, 0.48))", }, "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)", + "active": "var(--vkui--octavius_color_header_icon--active, #60A6F5)", + "hover": "var(--vkui--octavius_color_header_icon--hover, #59A2F4)", + "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, #1482FF)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", - "normal": "var(--vkui--octavius_color_header_progress, #0077FF)", + "active": "var(--vkui--octavius_color_header_progress--active, #60A6F5)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #59A2F4)", + "normal": "var(--vkui--octavius_color_header_progress, #529ef4)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_background--active, #1E1E1E)", + "hover": "var(--vkui--octavius_color_header_search_background--hover, #141414)", + "normal": "var(--vkui--octavius_color_header_search_background, #0a0a0a)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #1E1E1E)", + "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #141414)", + "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #0a0a0a)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_chip_background--active, #2E2F30)", + "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #252627)", + "normal": "var(--vkui--octavius_color_header_search_chip_background, #1C1D1E)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #414141)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #393939)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #313131)", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", @@ -211694,64 +221455,64 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, "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)", + "active": "var(--vkui--octavius_color_header_search_icon--active, #818385)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_header_search_icon, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text--active, #818385)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_header_search_text, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #818385)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #76787a)", }, "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))", + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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, #E9EAEC)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + "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, #9C9EA3)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "active": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #76787a)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", - "normal": "var(--vkui--octavius_color_icon_event, #FF6262)", + "active": "var(--vkui--octavius_color_icon_event--active, #1BAAFC)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #11A7FC)", + "normal": "var(--vkui--octavius_color_icon_event, #07a3fc)", }, "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))", + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, "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)", + "active": "var(--vkui--octavius_color_icon_favorite--active, #FF4356)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #FF3B4E)", + "normal": "var(--vkui--octavius_color_icon_favorite, #ff3347)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", - "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", + "active": "var(--vkui--octavius_color_icon_fees--active, #E91515)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #E80B0B)", + "normal": "var(--vkui--octavius_color_icon_fees, #e70101)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", - "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", + "active": "var(--vkui--octavius_color_icon_finance--active, #34CD8D)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2BCB88)", + "normal": "var(--vkui--octavius_color_icon_finance, #22c983)", }, "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)", + "active": "var(--vkui--octavius_color_icon_games--active, #FDD04D)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #FDCE46)", + "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, "octaviusColorIconMailings": { "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", @@ -211759,9 +221520,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", - "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "active": "var(--vkui--octavius_color_icon_news--active, #37C5ED)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #2FC3EC)", + "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, "octaviusColorIconOfficial": { "active": "var(--vkui--octavius_color_icon_official--active, #EE565E)", @@ -211769,14 +221530,14 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "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)", + "active": "var(--vkui--octavius_color_icon_order--active, #FF5FB2)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #FF58AE)", + "normal": "var(--vkui--octavius_color_icon_order, #ff51ab)", }, "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))", + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, "octaviusColorIconReceipts": { "active": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", @@ -211784,9 +221545,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "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)", + "active": "var(--vkui--octavius_color_icon_registration--active, #FFA814)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #FFA40A)", + "normal": "var(--vkui--octavius_color_icon_registration, #ffa000)", }, "octaviusColorIconSchool": { "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", @@ -211794,9 +221555,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", - "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "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)", }, "octaviusColorIconToMyself": { "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", @@ -211804,19 +221565,19 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "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)", + "active": "var(--vkui--octavius_color_icon_travel--active, #C22BFF)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #C022FF)", + "normal": "var(--vkui--octavius_color_icon_travel, #bd19ff)", }, "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))", + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, "octaviusColorIconUnread": { - "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)", + "active": "var(--vkui--octavius_color_icon_unread--active, #60A6F5)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #59A2F4)", + "normal": "var(--vkui--octavius_color_icon_unread, #529ef4)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", @@ -211855,9 +221616,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #F3FAF5)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #F3FAF4)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, "octaviusColorListIconPrimary": { "active": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", @@ -211865,19 +221626,19 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #F1F6FF)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #F1F5FF)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_background--active, #353535)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #2B2B2C)", + "normal": "var(--vkui--octavius_color_list_letter_background, #19191A)", }, "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))", + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(255, 255, 255, 0.12))", }, "octaviusColorListTextPrimary": { "active": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", @@ -211890,9 +221651,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_notification_border--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_notification_border, #FFFFFF)", }, "octaviusColorOverlayBackground": { "active": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", @@ -211900,29 +221661,29 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_overlay_background, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_placeholder_background--active, #292929)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #1F1F1F)", + "normal": "var(--vkui--octavius_color_placeholder_background, #161616)", }, "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)", + "active": "var(--vkui--octavius_color_portal_menu_background--active, #313131)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", + "normal": "var(--vkui--octavius_color_portal_menu_background, rgb(31, 31, 31))", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, "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)", + "active": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #323232)", + "normal": "var(--vkui--octavius_color_promo_background, #292929)", }, "octaviusColorSidebarButtonBackground": { "active": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", @@ -211955,58 +221716,58 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(255, 255, 255, 0.30))", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #1BAAFC)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #11A7FC)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF4356)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF3B4E)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #E91515)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #E80B0B)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #34CD8D)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2BCB88)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #FF5FB2)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #FF58AE)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA814)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA40A)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C22BFF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C022FF)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", }, "octaviusColorSidebarIconUnread": { - "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #3792ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2F8DEC)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", }, "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))", + "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -212015,9 +221776,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #e1e3e6)", }, "octaviusColorSidebarItemIconActive": { "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", @@ -212025,19 +221786,19 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #e1e3e6)", }, "octaviusColorSidebarItemTextActive": { "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #D7D8DB)", @@ -212045,14 +221806,14 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #343536)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #76787a)", }, "octaviusColorSidebarScrollbarAlpha": { "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", @@ -212060,34 +221821,34 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #76787a)", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -212140,58 +221901,58 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", - "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "active": "var(--vkui--octavius_color_text_fees--active, #FF4040)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #FF3737)", + "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", - "normal": "var(--vkui--octavius_color_text_finance, #52C392)", + "active": "var(--vkui--octavius_color_text_finance--active, #38B880)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #30B57B)", + "normal": "var(--vkui--octavius_color_text_finance, #27B275)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", - "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", - "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "active": "var(--vkui--octavius_color_text_games--active, #EDB514)", + "hover": "var(--vkui--octavius_color_text_games--hover, #ECB20A)", + "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", - "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "active": "var(--vkui--octavius_color_text_mailings--active, #FC9328)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #FC8F1E)", + "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", - "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", - "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", + "active": "var(--vkui--octavius_color_text_news--active, #1CB2DC)", + "hover": "var(--vkui--octavius_color_text_news--hover, #12AEDB)", + "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", - "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", - "normal": "var(--vkui--octavius_color_text_school, #D392F2)", + "active": "var(--vkui--octavius_color_text_school--active, #CD88EE)", + "hover": "var(--vkui--octavius_color_text_school--hover, #CB83ED)", + "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", - "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", - "normal": "var(--vkui--octavius_color_text_social, #7688E9)", + "active": "var(--vkui--octavius_color_text_social--active, #6376DC)", + "hover": "var(--vkui--octavius_color_text_social--hover, #5C70DB)", + "normal": "var(--vkui--octavius_color_text_social, #556AD9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", - "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #26BAC4)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #1CB7C2)", + "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, "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)", + "active": "var(--vkui--octavius_color_thread_footer_background--active, #3E3E3F)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #353536)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #2D2D2E)", }, "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, none)", "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)", + "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, 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)", @@ -212617,7 +222378,7 @@ exports[`shapshots octaviusDark 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, octaviusDark)", + "themeName": "var(--vkui--theme_name, octaviusVKDark)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -212651,7 +222412,7 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] } `; -exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -212674,39 +222435,39 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", "hover": "#F1634B", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { "active": "#FFC56F", @@ -212714,39 +222475,39 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", "hover": "#F166C3", - "normal": "#F060C0", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAlert": { "active": "#C6442D", @@ -212754,9 +222515,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#c1341b", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 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)", @@ -212764,19 +222525,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -212794,24 +222555,24 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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": "#F1F8FF", + "hover": "#F1F7FF", + "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": "#353535", + "hover": "#2B2B2C", + "normal": "#19191A", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -212824,9 +222585,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -212834,19 +222595,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -212856,87 +222617,87 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "normal": "#522E2E", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#FEF0ED", + "hover": "#FEF0EC", + "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", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "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": "#EEFAF4", + "hover": "#EDFAF3", + "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSky": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#D0E6FF", + "hover": "#CEE5FF", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#EDEEF0", + "hover": "#ECEDF0", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -212944,34 +222705,34 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": "#FFFCE2", + "hover": "#FFFCE1", + "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": "#FFFCE2", + "hover": "#FFFCE1", + "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": "#222223", + "hover": "#1F1F20", + "normal": "#1B1B1C", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -212999,19 +222760,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorFieldBorderAlpha": { - "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)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -213026,67 +222787,67 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "colorIconContrastSecondary": { "active": "#F3F4F6", "hover": "#F3F3F5", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { "active": "#B6B7BC", "hover": "#B3B4B9", - "normal": "#B0B1B6", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -213094,14 +222855,14 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 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": "#D7D8DB", @@ -213109,14 +222870,14 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "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.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -213209,9 +222970,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorRating": { "active": "#FFD714", @@ -213219,9 +222980,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -213229,39 +222990,39 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorSocialBehance": { "active": "#2A75FF", @@ -213299,9 +223060,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -213316,17 +223077,17 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", - "normal": "#76787A", + "normal": "#76787a", }, "colorTagBackgroundMint": { "active": "#B9F1E0", @@ -213379,9 +223140,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -213394,14 +223155,14 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -213411,32 +223172,32 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "colorTextLinkTint": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -213444,14 +223205,14 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -213459,69 +223220,69 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "rgba(230, 70, 70, 0.2)", + "hover": "rgba(230, 70, 70, 0.16)", + "normal": "rgba(230, 70, 70, 0.12)", }, "colorTooltipBackgroundBlueTint": { + "active": "#E0EBFF", + "hover": "#DEEAFF", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#D2EFE8", + "hover": "#D0EFE7", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#F9D7C2", + "hover": "#F9D5C0", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#F3EAFF", + "hover": "#F3E9FF", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { "active": "#2E5384", "hover": "#254B7E", "normal": "#1C4479", }, - "colorTooltipBackgroundGreenTint": { + "colorTooltipTextGreenThemed": { "active": "#1C8679", "hover": "#128173", "normal": "#087C6D", }, - "colorTooltipBackgroundOrangeTint": { + "colorTooltipTextOrangeThemed": { "active": "#83563B", "hover": "#7D4E33", "normal": "#78472A", }, - "colorTooltipBackgroundPurpleTint": { + "colorTooltipTextPurpleThemed": { "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", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -213529,19 +223290,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -213549,14 +223310,14 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "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)", + "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", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -213564,17 +223325,16 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, - "letterSpacing": "0.26px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -213582,17 +223342,16 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, - "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -213600,10 +223359,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, - "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -213646,12 +223404,12 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -213659,10 +223417,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 18, "textTransform": "uppercase", }, @@ -213673,9 +223430,10 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, + "letterSpacing": "-0.56px", "lineHeight": 32, }, }, @@ -213685,9 +223443,10 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, + "letterSpacing": "-0.48px", "lineHeight": 28, }, }, @@ -213697,32 +223456,25 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, + "letterSpacing": "-0.4px", "lineHeight": 26, }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, @@ -213748,32 +223500,24 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -213781,7 +223525,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -213789,10 +223533,10 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 22, + "lineHeight": 24, }, }, "fontWeightAccent1": 500, @@ -213801,19 +223545,19 @@ exports[`shapshots octaviusDark 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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#316935", + "hover": "#28632C", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -213821,19 +223565,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "active": "rgba(82, 158, 244, 0.2)", + "hover": "rgba(82, 158, 244, 0.16)", + "normal": "rgba(82, 158, 244, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -213841,19 +223585,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { "active": "#E9EAEC", @@ -213866,19 +223610,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "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.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorEmptyStateTextLink": { "active": "#E9EAEC", @@ -213886,9 +223630,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#161616", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -213896,59 +223640,59 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#60A6F5", + "hover": "#59A2F4", + "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", - }, - "octaviusColorHeaderProgress": { "active": "#1482FF", "hover": "#0A7CFF", - "normal": "#0077FF", + "normal": "#0077ff", + }, + "octaviusColorHeaderProgress": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#414141", + "hover": "#393939", + "normal": "#313131", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "rgba(255, 255, 255, 0.56)", @@ -213956,64 +223700,64 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", - "normal": "#b6b8be", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", - "normal": "#93969b", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorIconEvent": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#1BAAFC", + "hover": "#11A7FC", + "normal": "#07a3fc", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "octaviusColorIconFees": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#E91515", + "hover": "#E80B0B", + "normal": "#e70101", }, "octaviusColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", - "normal": "#2FC885", + "active": "#34CD8D", + "hover": "#2BCB88", + "normal": "#22c983", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#FDD04D", + "hover": "#FDCE46", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { "active": "#FFAB56", @@ -214021,9 +223765,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#37C5ED", + "hover": "#2FC3EC", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { "active": "#EE565E", @@ -214031,14 +223775,14 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#FF5FB2", + "hover": "#FF58AE", + "normal": "#ff51ab", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { "active": "#7FC419", @@ -214046,9 +223790,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "octaviusColorIconSchool": { "active": "#CD88EE", @@ -214056,9 +223800,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#7D92FF", + "hover": "#788DFF", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { "active": "#2FCBD6", @@ -214066,19 +223810,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#C22BFF", + "hover": "#C022FF", + "normal": "#bd19ff", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -214117,9 +223861,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#F3FAF5", + "hover": "#F3FAF4", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { "active": "#3D3E3F", @@ -214127,19 +223871,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#F1F6FF", + "hover": "#F1F5FF", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#19191A", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorListTextPrimary": { "active": "#3D3E3F", @@ -214152,9 +223896,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -214162,29 +223906,29 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#292929", + "hover": "#1F1F1F", + "normal": "#161616", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#313131", + "hover": "#282828", + "normal": "rgb(31, 31, 31)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "octaviusColorSidebarButtonBackground": { "active": "#D7D8DB", @@ -214217,58 +223961,58 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#1BAAFC", + "hover": "#11A7FC", + "normal": "#07a3fc", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#E91515", + "hover": "#E80B0B", + "normal": "#e70101", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#34CD8D", + "hover": "#2BCB88", + "normal": "#22c983", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#FF5FB2", + "hover": "#FF58AE", + "normal": "#ff51ab", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#C22BFF", + "hover": "#C022FF", + "normal": "#bd19ff", }, "octaviusColorSidebarIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -214277,9 +224021,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemIconActive": { "active": "#D7D8DB", @@ -214287,19 +224031,19 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemTextActive": { "active": "#D7D8DB", @@ -214307,14 +224051,14 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -214322,34 +224066,34 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -214402,58 +224146,58 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#FF4040", + "hover": "#FF3737", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#38B880", + "hover": "#30B57B", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#EDB514", + "hover": "#ECB20A", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#FC9328", + "hover": "#FC8F1E", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#1CB2DC", + "hover": "#12AEDB", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#CD88EE", + "hover": "#CB83ED", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#6376DC", + "hover": "#5C70DB", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#26BAC4", + "hover": "#1CB7C2", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3E3E3F", + "hover": "#353536", + "normal": "#2D2D2E", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusElevationHeader": "none", "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", + "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", + "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -214879,7 +224623,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusDark", + "themeName": "octaviusVKDark", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -214913,7 +224657,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -214962,85 +224706,85 @@ exports[`shapshots octaviusVK 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, #0059EA)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #005CF1)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #005FF9)", }, }, "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": { @@ -215054,7 +224798,7 @@ exports[`shapshots octaviusVK 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": { @@ -215074,29 +224818,29 @@ exports[`shapshots octaviusVK 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": { @@ -215110,63 +224854,63 @@ exports[`shapshots octaviusVK 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, #DA300E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "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, #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, #0059EA)", }, "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, #005CF1)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #005FF9)", }, }, "colorAlert": { @@ -215186,15 +224930,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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": { @@ -215214,71 +224958,71 @@ exports[`shapshots octaviusVK 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, #0059EA)", }, "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, #005CF1)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "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(38, 136, 235, 0.28))", + "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(38, 136, 235, 0.24))", + "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(38, 136, 235, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -215340,29 +225084,29 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #DADCE2)", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #E4E5E9)", + "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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, "colorBackgroundContrast": { @@ -215376,21 +225120,21 @@ exports[`shapshots octaviusVK 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": { @@ -215404,7 +225148,7 @@ exports[`shapshots octaviusVK 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": { @@ -215424,15 +225168,15 @@ exports[`shapshots octaviusVK 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": { @@ -215452,43 +225196,43 @@ exports[`shapshots octaviusVK 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, #EADDDD)", }, "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, #F4E6E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, "colorBackgroundNegativeTintAlpha": { @@ -215536,29 +225280,29 @@ exports[`shapshots octaviusVK 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, #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": { @@ -215606,29 +225350,29 @@ exports[`shapshots octaviusVK 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, #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, 28, 61, 0.13))", + "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, 28, 61, 0.09))", + "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, 28, 61, 0.05))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, "colorBackgroundSky": { @@ -215662,29 +225406,29 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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))", }, }, "colorBackgroundThumbnail": { @@ -215718,15 +225462,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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": { @@ -215816,71 +225560,71 @@ exports[`shapshots octaviusVK 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, #0059EA)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #005FF9)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #005FF9)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #0059EA)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #005CF1)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #005FF9)", }, }, "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": { @@ -215894,35 +225638,35 @@ exports[`shapshots octaviusVK 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, #0059EA)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #005CF1)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #005FF9)", }, }, "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, #0059EA)", }, "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, #005CF1)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, "colorIconContrast": { @@ -215936,7 +225680,7 @@ exports[`shapshots octaviusVK 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": { @@ -215950,7 +225694,7 @@ exports[`shapshots octaviusVK 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": { @@ -215964,63 +225708,63 @@ exports[`shapshots octaviusVK 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": { @@ -216034,7 +225778,7 @@ exports[`shapshots octaviusVK 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": { @@ -216048,119 +225792,119 @@ exports[`shapshots octaviusVK 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": { @@ -216174,7 +225918,7 @@ exports[`shapshots octaviusVK 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": { @@ -216188,21 +225932,21 @@ exports[`shapshots octaviusVK 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": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, "colorPaletteBlue1": { @@ -216460,15 +226204,15 @@ exports[`shapshots octaviusVK 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, #0059EA)", }, "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, #005CF1)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "value": "var(--vkui--color_panel_header_icon, #005FF9)", }, }, "colorRating": { @@ -216488,15 +226232,15 @@ exports[`shapshots octaviusVK 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, #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": { @@ -216510,105 +226254,105 @@ exports[`shapshots octaviusVK 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)", }, }, "colorSocialBehance": { @@ -216712,29 +226456,29 @@ exports[`shapshots octaviusVK 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, #0059EA)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #005FF9)", }, }, "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, #0059EA)", }, "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, #005CF1)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, "colorStrokeContrast": { @@ -216748,35 +226492,35 @@ exports[`shapshots octaviusVK 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": { @@ -216790,7 +226534,7 @@ exports[`shapshots octaviusVK 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)", }, }, "colorTagBackgroundMint": { @@ -216936,29 +226680,29 @@ exports[`shapshots octaviusVK 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, #0059EA)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #005CF1)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #005FF9)", }, }, "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, #0059EA)", }, "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, #005CF1)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, "colorTextContrast": { @@ -216972,7 +226716,7 @@ exports[`shapshots octaviusVK 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": { @@ -216986,35 +226730,35 @@ exports[`shapshots octaviusVK 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, #0055C5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #0058CB)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #005BD1)", }, }, "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, #0055C5)", }, "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, #0058CB)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #005BD1)", }, }, "colorTextLinkTint": { @@ -217028,21 +226772,21 @@ exports[`shapshots octaviusVK 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": { @@ -217056,49 +226800,49 @@ exports[`shapshots octaviusVK 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, #DA0A35)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #E40A34)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ED0A34)", }, }, "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)", }, }, "colorTextPrimaryAlpha": { @@ -217118,29 +226862,29 @@ exports[`shapshots octaviusVK 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, #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)", }, }, "colorTextSecondaryAlpha": { @@ -217160,43 +226904,43 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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(230, 70, 70, 0.2))", + "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(230, 70, 70, 0.16))", + "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(230, 70, 70, 0.12))", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, }, "colorTooltipBackgroundBlueTint": { @@ -217314,29 +227058,29 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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": { @@ -217356,29 +227100,29 @@ exports[`shapshots octaviusVK 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, #0059EA)", }, "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, #005CF1)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #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": { @@ -217392,21 +227136,21 @@ exports[`shapshots octaviusVK 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": { @@ -217455,7 +227199,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -217485,6 +227229,10 @@ exports[`shapshots octaviusVK 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)", @@ -217497,7 +227245,7 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -217507,6 +227255,10 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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)", @@ -217539,7 +227291,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -217569,6 +227321,10 @@ exports[`shapshots octaviusVK 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)", @@ -217581,7 +227337,7 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -217591,6 +227347,10 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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)", @@ -217623,7 +227383,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -217653,6 +227413,10 @@ exports[`shapshots octaviusVK 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)", @@ -217665,7 +227429,7 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -217675,6 +227439,10 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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)", @@ -217857,11 +227625,11 @@ exports[`shapshots octaviusVK 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -217889,7 +227657,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -217919,6 +227687,10 @@ exports[`shapshots octaviusVK 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)", @@ -217931,7 +227703,7 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -217941,6 +227713,10 @@ exports[`shapshots octaviusVK 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)", @@ -217965,10 +227741,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight", "value": "var(--vkui--font_h0--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h0--letter_spacing", - "value": "var(--vkui--font_h0--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", @@ -217987,7 +227759,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, 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", @@ -217997,10 +227769,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight--regular", "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h0--letter_spacing--regular", - "value": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", - }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", "value": "var(--vkui--font_h0--line_height--regular, 32px)", @@ -218021,10 +227789,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight", "value": "var(--vkui--font_h1--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h1--letter_spacing", - "value": "var(--vkui--font_h1--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", @@ -218043,7 +227807,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, 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", @@ -218053,10 +227817,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight--regular", "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h1--letter_spacing--regular", - "value": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", - }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", "value": "var(--vkui--font_h1--line_height--regular, 28px)", @@ -218077,10 +227837,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight", "value": "var(--vkui--font_h2--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h2--letter_spacing", - "value": "var(--vkui--font_h2--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", @@ -218099,7 +227855,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, 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", @@ -218109,10 +227865,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight--regular", "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h2--letter_spacing--regular", - "value": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", - }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", "value": "var(--vkui--font_h2--line_height--regular, 26px)", @@ -218138,14 +227890,24 @@ exports[`shapshots octaviusVK 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, 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", - "value": "var(--vkui--font_headline--font_size--regular, 15px)", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_headline--font_weight--regular", @@ -218176,14 +227938,24 @@ exports[`shapshots octaviusVK 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, 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", - "value": "var(--vkui--font_headline1--font_size--regular, 15px)", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--regular", @@ -218300,10 +228072,20 @@ exports[`shapshots octaviusVK 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, VKSansText, 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", @@ -218338,14 +228120,24 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "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, 15px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -218379,7 +228171,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -218417,7 +228209,7 @@ exports[`shapshots octaviusVK 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -218455,7 +228247,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -218467,7 +228259,7 @@ exports[`shapshots octaviusVK 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)", }, }, }, @@ -218528,15 +228320,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #DADCE2)", + "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #E4E5E9)", + "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #EDEEF0)", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -218556,15 +228348,15 @@ exports[`shapshots octaviusVK 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(38, 136, 235, 0.2))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(0, 95, 249, 0.2))", }, "hover": { "name": "--vkui--octavius_color_background_accent_toned_alpha--hover", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(0, 95, 249, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0,95,249,0.12))", }, }, "octaviusColorBackgroundNegativeTintAlpha": { @@ -218682,15 +228474,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorContentScrollbarAlpha": { "active": { "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorDatasetBackground": { @@ -218710,43 +228502,43 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #2C2D2E)", + "value": "var(--vkui--octavius_color_empty_state_text, #333333)", }, }, "octaviusColorEmptyStateTextLink": { "active": { "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #437DC1)", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #4681C6)", + "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #4986cc)", + "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, }, "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #eff1f3)", + "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, #f5f6f8)", + "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #ffffff)", + "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", }, }, "octaviusColorHeaderButtonBackgroundAlpha": { @@ -218766,43 +228558,43 @@ exports[`shapshots octaviusVK 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, #000105)", + "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, #000102)", + "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, #000000)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #237EDD)", + "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, #2483E4)", + "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #2688eb)", + "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, }, "octaviusColorHeaderIconAttach": { @@ -218836,57 +228628,57 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #0059EA)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "value": "var(--vkui--octavius_color_header_icon_unread--hover, #005CF1)", }, "normal": { "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", + "value": "var(--vkui--octavius_color_header_icon_unread, #005FF9)", }, }, "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #237EDD)", + "value": "var(--vkui--octavius_color_header_progress--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #2483E4)", + "value": "var(--vkui--octavius_color_header_progress--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #2688eb)", + "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", }, }, "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #D8DBE2)", + "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, #E2E4E9)", + "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, #ebedf0)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "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, #ebedf0)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", }, }, "octaviusColorHeaderSearchChipBackground": { @@ -218948,29 +228740,29 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #000105)", + "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #000102)", + "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #000000)", + "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #778292)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, "octaviusColorHeaderTabActiveThemedAlpha": { @@ -218990,43 +228782,43 @@ 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, #006FEF)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", }, "normal": { "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #818c99)", + "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, }, "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #0697ED)", + "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #079DF4)", + "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #07a3fc)", + "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, }, "octaviusColorIconEventAlpha": { @@ -219046,85 +228838,85 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #EB3046)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #F53247)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)", + "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #D50206)", + "value": "var(--vkui--octavius_color_icon_fees--active, #D40105)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #DE0203)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #DD0102)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #e70101)", + "value": "var(--vkui--octavius_color_icon_fees, #e60000)", }, }, "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #1FBA7D)", + "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #21C280)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #22c983)", + "value": "var(--vkui--octavius_color_icon_finance, #2fc885)", }, }, "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "value": "var(--vkui--octavius_color_icon_games--active, #E4AC09)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #EEB306)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, }, "octaviusColorIconMailings": { "active": { "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "value": "var(--vkui--octavius_color_icon_mailings--active, #E88018)", }, "hover": { "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #F28517)", }, "normal": { "name": "--vkui--octavius_color_icon_mailings", - "value": "var(--vkui--octavius_color_icon_mailings, #FFA447)", + "value": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", }, }, "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "value": "var(--vkui--octavius_color_icon_news--active, #079FCD)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "value": "var(--vkui--octavius_color_icon_news--hover, #08A5D3)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "value": "var(--vkui--octavius_color_icon_news, #08ABD9)", }, }, "octaviusColorIconOfficial": { @@ -219144,15 +228936,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #EB4CA2)", + "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F54EA7)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff51ab)", + "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, }, "octaviusColorIconOrderAlpha": { @@ -219186,29 +228978,29 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #EB9405)", + "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #F59A02)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ffa000)", + "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, }, "octaviusColorIconSchool": { "active": { "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "value": "var(--vkui--octavius_color_icon_school--active, #9E75DE)", }, "hover": { "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "value": "var(--vkui--octavius_color_icon_school--hover, #A57AE5)", }, "normal": { "name": "--vkui--octavius_color_icon_school", - "value": "var(--vkui--octavius_color_icon_school, #C97EEC)", + "value": "var(--vkui--octavius_color_icon_school, #AC7EEC)", }, }, "octaviusColorIconSocial": { @@ -219228,29 +229020,29 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconToMyself": { "active": { "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #00AF8C)", }, "hover": { "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #00B690)", }, "normal": { "name": "--vkui--octavius_color_icon_to_myself", - "value": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", + "value": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", }, }, "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #AE18EF)", + "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #B519F7)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #bd19ff)", + "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, }, "octaviusColorIconTravelAlpha": { @@ -219270,15 +229062,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #237EDD)", + "value": "var(--vkui--octavius_color_icon_unread--active, #0059EA)", }, "hover": { "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #2483E4)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #005CF1)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #2688eb)", + "value": "var(--vkui--octavius_color_icon_unread, #005FF9)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -219428,11 +229220,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #DADCE2)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #E4E5E9)", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", }, "normal": { "name": "--vkui--octavius_color_list_letter_background", @@ -219442,15 +229234,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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.2))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", }, "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.16))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.12))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, }, "octaviusColorListTextPrimary": { @@ -219666,141 +229458,141 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarCounterBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 0, 0, 0.28))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", }, }, "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #EBECEF)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #0697ED)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #079DF4)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D50206)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DE0203)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #1FBA7D)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #21C280)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4CA2)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F54EA7)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9405)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59A02)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AE18EF)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B519F7)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #0059EA)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #005CF1)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #005FF9)", }, }, "octaviusColorSidebarItemBackgroundAlpha": { @@ -219834,15 +229626,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #3A80D3)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #3C85D9)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #3F8AE0)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, }, "octaviusColorSidebarItemIconActive": { @@ -219856,35 +229648,35 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2c2d2e)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, }, "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688eb)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688eb)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, }, "octaviusColorSidebarItemText": { @@ -219904,15 +229696,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #000105)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #000000)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, }, "octaviusColorSidebarItemTextPrimary": { @@ -219932,15 +229724,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818c99)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, }, "octaviusColorSidebarScrollbarAlpha": { @@ -219960,15 +229752,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #2c2d2e)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", }, }, "octaviusColorSidebarShortItemIconActive": { @@ -219982,21 +229774,21 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2c2d2e)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", }, }, "octaviusColorSidebarShortItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99a2ad)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", }, }, "octaviusColorSidebarShortItemText": { @@ -220016,29 +229808,29 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarShortItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #000105)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #000102)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #000000)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", }, }, "octaviusColorSidebarShortItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #778292)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7C8795)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818c99)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -220072,15 +229864,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, #006FEF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--active, #5190EF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", - "value": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", }, }, "octaviusColorSnackbarIconNegative": { @@ -220142,15 +229934,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, #187CEF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--active, #5190EF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", - "value": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", }, }, "octaviusColorSnackbarTextContrast": { @@ -220309,11 +230101,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "octaviusElevationCard": { "name": "--vkui--octavius_elevation_card", - "value": "var(--vkui--octavius_elevation_card, 0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC)", + "value": "var(--vkui--octavius_elevation_card, none)", }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, 0px 1px 0px 0px #E7E8EC)", + "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -220321,23 +230113,23 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyDefault": { "name": "--vkui--octavius_font_family_default", - "value": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", + "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, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_display, inherit)", }, "octaviusFontFamilyGlobal": { "name": "--vkui--octavius_font_family_global", - "value": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", + "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, VKSansText, Helvetica, Arial, sans-serif)", + "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, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -221783,7 +231575,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusVK)", + "value": "var(--vkui--theme_name, octaviusWhite)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -221905,7 +231697,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -221928,39 +231720,39 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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", @@ -221968,39 +231760,39 @@ exports[`shapshots octaviusVK 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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "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": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorAlert": { "active": "#B2311E", @@ -222008,9 +231800,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#c1341b", }, "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)", @@ -222018,29 +231810,29 @@ exports[`shapshots octaviusVK 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": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -222063,29 +231855,29 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#ffffff", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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", @@ -222093,9 +231885,9 @@ exports[`shapshots octaviusVK 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", @@ -222103,19 +231895,19 @@ exports[`shapshots octaviusVK 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": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { "active": "rgba(237, 51, 10, 0.16)", @@ -222133,14 +231925,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "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)", @@ -222158,14 +231950,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 28, 61, 0.13)", - "hover": "rgba(0, 28, 61, 0.09)", - "normal": "rgba(0, 28, 61, 0.05)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, "colorBackgroundSky": { "active": "#BCD3EF", @@ -222178,14 +231970,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "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)", }, "colorBackgroundThumbnail": { "active": "#D8DAE1", @@ -222198,9 +231990,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, "colorBackgroundWarningTint": { "active": "#EBE9D3", @@ -222233,144 +232025,144 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -222463,9 +232255,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorRating": { "active": "#EBC405", @@ -222473,49 +232265,49 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "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", }, "colorSocialBehance": { "active": "#1562EF", @@ -222553,34 +232345,34 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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", }, "colorTagBackgroundMint": { "active": "#A5DED0", @@ -222633,64 +232425,64 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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": "#0055C5", + "hover": "#0058CB", + "normal": "#005BD1", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005BD1", }, "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": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "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", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -222698,14 +232490,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.84)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -222713,19 +232505,19 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "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(230, 70, 70, 0.2)", - "hover": "rgba(230, 70, 70, 0.16)", - "normal": "rgba(230, 70, 70, 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": "#CBD8EF", @@ -222768,14 +232560,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "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)", @@ -222783,24 +232575,24 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", @@ -222810,7 +232602,7 @@ exports[`shapshots octaviusVK 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": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -222818,16 +232610,17 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, + "letterSpacing": "0.26px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -222835,16 +232628,17 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -222852,9 +232646,10 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -222897,12 +232692,12 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -222910,9 +232705,10 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, @@ -222923,10 +232719,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, - "letterSpacing": "-0.56px", "lineHeight": "32px", }, }, @@ -222936,10 +232731,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, - "letterSpacing": "-0.48px", "lineHeight": "28px", }, }, @@ -222949,25 +232743,32 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, - "letterSpacing": "-0.4px", "lineHeight": "26px", }, }, "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, }, "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, @@ -222993,24 +232794,32 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { - "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -223018,7 +232827,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -223026,10 +232835,10 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "22px", }, }, "fontWeightAccent1": 500, @@ -223048,9 +232857,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -223058,9 +232867,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(38, 136, 235, 0.2)", - "hover": "rgba(38, 136, 235, 0.16)", - "normal": "rgba(38, 136, 235, 0.12)", + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0,95,249,0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -223103,9 +232912,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorDatasetBackground": { "active": "#EBECEF", @@ -223113,19 +232922,19 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorEmptyStateTextLink": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#eff1f3", - "hover": "#f5f6f8", - "normal": "#ffffff", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.4)", @@ -223133,19 +232942,19 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { - "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)", }, "octaviusColorHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { "active": "#C8CAD0", @@ -223158,24 +232967,24 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "octaviusColorHeaderProgress": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "octaviusColorHeaderSearchBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchChipBackground": { "active": "rgba(255, 255, 255, 0.4)", @@ -223198,14 +233007,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": "rgba(0, 95, 249, 0.18)", @@ -223213,19 +233022,19 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "octaviusColorHeaderTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#878B93", + "hover": "#8D9197", + "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#0697ED", - "hover": "#079DF4", - "normal": "#07a3fc", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorIconEventAlpha": { "active": "rgba(59, 186, 254, 0.18)", @@ -223233,34 +233042,34 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorIconFees": { - "active": "#D50206", - "hover": "#DE0203", - "normal": "#e70101", + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, "octaviusColorIconFinance": { - "active": "#1FBA7D", - "hover": "#21C280", - "normal": "#22c983", + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "active": "#E4AC09", + "hover": "#EEB306", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", - "normal": "#FFA447", + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", }, "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", }, "octaviusColorIconOfficial": { "active": "#D9434E", @@ -223268,9 +233077,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4CA2", - "hover": "#F54EA7", - "normal": "#ff51ab", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorIconOrderAlpha": { "active": "rgba(249, 76, 163, 0.18)", @@ -223283,14 +233092,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "active": "#9E75DE", + "hover": "#A57AE5", + "normal": "#AC7EEC", }, "octaviusColorIconSocial": { "active": "#697EEF", @@ -223298,14 +233107,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", - "normal": "#1DC7D2", + "active": "#00AF8C", + "hover": "#00B690", + "normal": "#00BD93", }, "octaviusColorIconTravel": { - "active": "#AE18EF", - "hover": "#B519F7", - "normal": "#bd19ff", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorIconTravelAlpha": { "active": "rgba(193, 93, 243, 0.18)", @@ -223313,9 +233122,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -223369,14 +233178,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", + "active": "#ebecef", + "hover": "#f5f5f7", "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { "active": "#282B2F", @@ -223454,54 +233263,54 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, "octaviusColorSidebarCounterText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarIconEvent": { - "active": "#0697ED", - "hover": "#079DF4", - "normal": "#07a3fc", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorSidebarIconFavorite": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorSidebarIconFees": { - "active": "#D50206", - "hover": "#DE0203", - "normal": "#e70101", + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, "octaviusColorSidebarIconFinance": { - "active": "#1FBA7D", - "hover": "#21C280", - "normal": "#22c983", + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4CA2", - "hover": "#F54EA7", - "normal": "#ff51ab", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorSidebarIconTravel": { - "active": "#AE18EF", - "hover": "#B519F7", - "normal": "#bd19ff", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(0, 16, 61, 0.08)", @@ -223514,24 +233323,24 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemIconActive": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarItemText": { "active": "#2F3034", @@ -223539,9 +233348,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextPrimary": { "active": "#282B2F", @@ -223549,9 +233358,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(0, 16, 61, 0.16)", @@ -223559,19 +233368,19 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemIconActive": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "octaviusColorSidebarShortItemText": { "active": "#2F3034", @@ -223579,14 +233388,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -223599,9 +233408,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#5190EF", + "hover": "#5495F7", + "normal": "#589BFF", }, "octaviusColorSnackbarIconNegative": { "active": "#EB565A", @@ -223624,9 +233433,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", - "normal": "#1A85FF", + "active": "#5190EF", + "hover": "#5495F7", + "normal": "#589BFF", }, "octaviusColorSnackbarTextContrast": { "active": "#EBECEF", @@ -223683,14 +233492,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "hover": "#E2E3E8", "normal": "#ebecef", }, - "octaviusElevationCard": "0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC", - "octaviusElevationHeader": "0px 1px 0px 0px #E7E8EC", + "octaviusElevationCard": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", - "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", - "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", + "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", @@ -224116,7 +233925,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusVK", + "themeName": "octaviusWhite", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -224150,7 +233959,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -224173,39 +233982,39 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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, #0059EA)", + "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", + "normal": "var(--vkui--color_accent_blue, #005FF9)", }, "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)", @@ -224213,39 +234022,39 @@ exports[`shapshots octaviusVK 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, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "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, #0059EA)", + "hover": "var(--vkui--color_action_sheet_text--hover, #005CF1)", + "normal": "var(--vkui--color_action_sheet_text, #005FF9)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #B2311E)", @@ -224253,9 +234062,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -224263,29 +234072,29 @@ exports[`shapshots octaviusVK 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, #0059EA)", + "hover": "var(--vkui--color_background_accent_themed--hover, #005CF1)", + "normal": "var(--vkui--color_background_accent_themed, #005FF9)", }, "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, 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))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -224308,29 +234117,29 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 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)", - "hover": "var(--vkui--color_background_content--hover, #E4E5E9)", - "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "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)", @@ -224338,9 +234147,9 @@ exports[`shapshots octaviusVK 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)", @@ -224348,19 +234157,19 @@ exports[`shapshots octaviusVK 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, #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, #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))", @@ -224378,14 +234187,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 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)", + "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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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))", @@ -224403,14 +234212,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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, 28, 61, 0.13))", - "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))", + "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)", @@ -224423,14 +234232,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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))", }, "colorBackgroundThumbnail": { "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", @@ -224443,9 +234252,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, "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)", @@ -224478,144 +234287,144 @@ exports[`shapshots octaviusVK 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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", }, "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, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", }, "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, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", }, "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, #0059EA)", + "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", + "normal": "var(--vkui--color_icon_accent, #005FF9)", }, "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, #0059EA)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", + "normal": "var(--vkui--color_icon_accent_themed, #005FF9)", }, "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(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", @@ -224708,9 +234517,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "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, #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)", @@ -224718,49 +234527,49 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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)", }, "colorSocialBehance": { "active": "var(--vkui--color_social_behance--active, #1562EF)", @@ -224798,34 +234607,34 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "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, #0059EA)", + "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_accent, #005FF9)", }, "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, #0059EA)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, "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)", }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", @@ -224878,64 +234687,64 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "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, #0059EA)", + "hover": "var(--vkui--color_text_accent--hover, #005CF1)", + "normal": "var(--vkui--color_text_accent, #005FF9)", }, "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, #0059EA)", + "hover": "var(--vkui--color_text_accent_themed--hover, #005CF1)", + "normal": "var(--vkui--color_text_accent_themed, #005FF9)", }, "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, #0055C5)", + "hover": "var(--vkui--color_text_link--hover, #0058CB)", + "normal": "var(--vkui--color_text_link, #005BD1)", }, "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, #0055C5)", + "hover": "var(--vkui--color_text_link_themed--hover, #0058CB)", + "normal": "var(--vkui--color_text_link_themed, #005BD1)", }, "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, #DA0A35)", + "hover": "var(--vkui--color_text_negative--hover, #E40A34)", + "normal": "var(--vkui--color_text_negative, #ED0A34)", }, "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)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", @@ -224943,14 +234752,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", @@ -224958,19 +234767,19 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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(230, 70, 70, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 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": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", @@ -225013,14 +234822,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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))", @@ -225028,24 +234837,24 @@ exports[`shapshots octaviusVK 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, #0059EA)", + "hover": "var(--vkui--color_write_bar_icon--hover, #005CF1)", + "normal": "var(--vkui--color_write_bar_icon, #005FF9)", }, "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, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", @@ -225055,7 +234864,7 @@ exports[`shapshots octaviusVK 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, VKSansText, 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)", @@ -225063,16 +234872,17 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, VKSansText, 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)", "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, VKSansText, 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)", @@ -225080,16 +234890,17 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, VKSansText, 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)", "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, VKSansText, 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)", @@ -225097,9 +234908,10 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, VKSansText, 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)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, @@ -225142,12 +234954,12 @@ exports[`shapshots octaviusVK 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, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, VKSansText, 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, VKSansText, 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)", @@ -225155,9 +234967,10 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, VKSansText, 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)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, @@ -225168,10 +234981,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, @@ -225181,10 +234993,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, @@ -225194,25 +235005,32 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", "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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 15px)", + "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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 15px)", + "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)", }, @@ -225238,24 +235056,32 @@ exports[`shapshots octaviusVK 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, 18px)", + }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansText, 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)", }, }, "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, VKSansText, Helvetica, 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, VKSansDisplay, 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)", @@ -225263,7 +235089,7 @@ exports[`shapshots octaviusVK 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, 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)", @@ -225271,10 +235097,10 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, 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, 24px)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", @@ -225293,9 +235119,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #DADCE2)", - "hover": "var(--vkui--octavius_color_background--hover, #E4E5E9)", - "normal": "var(--vkui--octavius_color_background, #EDEEF0)", + "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))", @@ -225303,9 +235129,9 @@ exports[`shapshots octaviusVK 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(38, 136, 235, 0.2))", - "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12))", + "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))", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", @@ -225348,9 +235174,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_button_text, #333333)", }, "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24))", + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, "octaviusColorDatasetBackground": { "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", @@ -225358,19 +235184,19 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_empty_state_text, #2C2D2E)", + "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", }, "octaviusColorEmptyStateTextLink": { - "active": "var(--vkui--octavius_color_empty_state_text_link--active, #437DC1)", - "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #4681C6)", - "normal": "var(--vkui--octavius_color_empty_state_text_link, #4986cc)", + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, "octaviusColorHeaderBackground": { - "active": "var(--vkui--octavius_color_header_background--active, #eff1f3)", - "hover": "var(--vkui--octavius_color_header_background--hover, #f5f6f8)", - "normal": "var(--vkui--octavius_color_header_background, #ffffff)", + "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(255, 255, 255, 0.4))", @@ -225378,19 +235204,19 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "octaviusColorHeaderButtonText": { - "active": "var(--vkui--octavius_color_header_button_text--active, #000105)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #000102)", - "normal": "var(--vkui--octavius_color_header_button_text, #000000)", + "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(0, 0, 0, 0.56))", - "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.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, #237EDD)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_header_icon, #2688eb)", + "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)", @@ -225403,24 +235229,24 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, "octaviusColorHeaderIconUnread": { - "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)", + "active": "var(--vkui--octavius_color_header_icon_unread--active, #0059EA)", + "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #005CF1)", + "normal": "var(--vkui--octavius_color_header_icon_unread, #005FF9)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #237EDD)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_header_progress, #2688eb)", + "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)", }, "octaviusColorHeaderSearchBackground": { - "active": "var(--vkui--octavius_color_header_search_background--active, #D8DBE2)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #E2E4E9)", - "normal": "var(--vkui--octavius_color_header_search_background, #ebedf0)", + "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, #D8DBE2)", - "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E2E4E9)", - "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #ebedf0)", + "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, rgba(255, 255, 255, 0.4))", @@ -225443,14 +235269,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #000105)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #000102)", - "normal": "var(--vkui--octavius_color_header_search_text, #000000)", + "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #778292)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", @@ -225458,19 +235284,19 @@ 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, #006FEF)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", + "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)", }, "octaviusColorHeaderTextSecondary": { - "active": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #818c99)", + "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #0697ED)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #079DF4)", - "normal": "var(--vkui--octavius_color_icon_event, #07a3fc)", + "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, "octaviusColorIconEventAlpha": { "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", @@ -225478,34 +235304,34 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #EB3046)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F53247)", - "normal": "var(--vkui--octavius_color_icon_favorite, #ff3347)", + "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #D50206)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #DE0203)", - "normal": "var(--vkui--octavius_color_icon_fees, #e70101)", + "active": "var(--vkui--octavius_color_icon_fees--active, #D40105)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #DD0102)", + "normal": "var(--vkui--octavius_color_icon_fees, #e60000)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #1FBA7D)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #21C280)", - "normal": "var(--vkui--octavius_color_icon_finance, #22c983)", + "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_icon_finance, #2fc885)", }, "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", - "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "active": "var(--vkui--octavius_color_icon_games--active, #E4AC09)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #EEB306)", + "normal": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", - "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", + "active": "var(--vkui--octavius_color_icon_mailings--active, #E88018)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F28517)", + "normal": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", - "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "active": "var(--vkui--octavius_color_icon_news--active, #079FCD)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #08A5D3)", + "normal": "var(--vkui--octavius_color_icon_news, #08ABD9)", }, "octaviusColorIconOfficial": { "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", @@ -225513,9 +235339,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #EB4CA2)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #F54EA7)", - "normal": "var(--vkui--octavius_color_icon_order, #ff51ab)", + "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, "octaviusColorIconOrderAlpha": { "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", @@ -225528,14 +235354,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #EB9405)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59A02)", - "normal": "var(--vkui--octavius_color_icon_registration, #ffa000)", + "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", + "active": "var(--vkui--octavius_color_icon_school--active, #9E75DE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #A57AE5)", + "normal": "var(--vkui--octavius_color_icon_school, #AC7EEC)", }, "octaviusColorIconSocial": { "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", @@ -225543,14 +235369,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", }, "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", - "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", + "active": "var(--vkui--octavius_color_icon_to_myself--active, #00AF8C)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #00B690)", + "normal": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", }, "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #AE18EF)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #B519F7)", - "normal": "var(--vkui--octavius_color_icon_travel, #bd19ff)", + "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, "octaviusColorIconTravelAlpha": { "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", @@ -225558,9 +235384,9 @@ exports[`shapshots octaviusVK 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, #237EDD)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_icon_unread, #2688eb)", + "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)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", @@ -225614,14 +235440,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #DADCE2)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #E4E5E9)", + "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.12))", + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, "octaviusColorListTextPrimary": { "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", @@ -225699,54 +235525,54 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(0, 0, 0, 0.24))", + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", }, "octaviusColorSidebarCounterText": { - "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #FFFFFF)", + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, "octaviusColorSidebarIconEvent": { - "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #0697ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #079DF4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, "octaviusColorSidebarIconFavorite": { - "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, "octaviusColorSidebarIconFees": { - "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D50206)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DE0203)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, "octaviusColorSidebarIconFinance": { - "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #1FBA7D)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #21C280)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, "octaviusColorSidebarIconOrder": { - "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4CA2)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F54EA7)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, "octaviusColorSidebarIconRegistration": { - "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9405)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59A02)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, "octaviusColorSidebarIconTravel": { - "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AE18EF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B519F7)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, "octaviusColorSidebarIconUnread": { - "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", + "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)", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", @@ -225759,24 +235585,24 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", }, "octaviusColorSidebarItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #3A80D3)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #3C85D9)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #3F8AE0)", + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, "octaviusColorSidebarItemIconActive": { "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2c2d2e)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, "octaviusColorSidebarItemIconPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688eb)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, "octaviusColorSidebarItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688eb)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, "octaviusColorSidebarItemText": { "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", @@ -225784,9 +235610,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, "octaviusColorSidebarItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #000105)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #000000)", + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, "octaviusColorSidebarItemTextPrimary": { "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", @@ -225794,9 +235620,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, "octaviusColorSidebarItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818c99)", + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, "octaviusColorSidebarScrollbarAlpha": { "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", @@ -225804,19 +235630,19 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, "octaviusColorSidebarShortItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #2c2d2e)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", }, "octaviusColorSidebarShortItemIconActive": { "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2c2d2e)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #8D96A4)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99a2ad)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", }, "octaviusColorSidebarShortItemText": { "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", @@ -225824,14 +235650,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, "octaviusColorSidebarShortItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #000105)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #000102)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #000000)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #778292)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818c99)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -225844,9 +235670,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, #006FEF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--octavius_color_snackbar_icon_accent, #0077FF)", + "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)", }, "octaviusColorSnackbarIconNegative": { "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", @@ -225869,9 +235695,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, #187CEF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", - "normal": "var(--vkui--octavius_color_snackbar_text_accent, #1A85FF)", + "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)", }, "octaviusColorSnackbarTextContrast": { "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", @@ -225928,14 +235754,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, - "octaviusElevationCard": "var(--vkui--octavius_elevation_card, 0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 1px 0px 0px #E7E8EC)", + "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, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", @@ -226361,7 +236187,7 @@ exports[`shapshots octaviusVK 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, octaviusVK)", + "themeName": "var(--vkui--theme_name, octaviusWhite)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -226395,7 +236221,7 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = } `; -exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -226418,39 +236244,39 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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", @@ -226458,39 +236284,39 @@ exports[`shapshots octaviusVK 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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "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": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorAlert": { "active": "#B2311E", @@ -226498,9 +236324,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#c1341b", }, "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)", @@ -226508,29 +236334,29 @@ exports[`shapshots octaviusVK 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": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -226553,29 +236379,29 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#ffffff", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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", @@ -226583,9 +236409,9 @@ exports[`shapshots octaviusVK 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", @@ -226593,19 +236419,19 @@ exports[`shapshots octaviusVK 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": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, "colorBackgroundNegativeTintAlpha": { "active": "rgba(237, 51, 10, 0.16)", @@ -226623,14 +236449,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "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)", @@ -226648,14 +236474,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 28, 61, 0.13)", - "hover": "rgba(0, 28, 61, 0.09)", - "normal": "rgba(0, 28, 61, 0.05)", + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, "colorBackgroundSky": { "active": "#BCD3EF", @@ -226668,14 +236494,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "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)", }, "colorBackgroundThumbnail": { "active": "#D8DAE1", @@ -226688,9 +236514,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, "colorBackgroundWarningTint": { "active": "#EBE9D3", @@ -226723,144 +236549,144 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -226953,9 +236779,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorRating": { "active": "#EBC405", @@ -226963,49 +236789,49 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "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", }, "colorSocialBehance": { "active": "#1562EF", @@ -227043,34 +236869,34 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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", }, "colorTagBackgroundMint": { "active": "#A5DED0", @@ -227123,64 +236949,64 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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": "#0055C5", + "hover": "#0058CB", + "normal": "#005BD1", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005BD1", }, "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": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "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", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -227188,14 +237014,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.84)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -227203,19 +237029,19 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "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(230, 70, 70, 0.2)", - "hover": "rgba(230, 70, 70, 0.16)", - "normal": "rgba(230, 70, 70, 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": "#CBD8EF", @@ -227258,14 +237084,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "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)", @@ -227273,24 +237099,24 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "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": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", @@ -227300,7 +237126,7 @@ exports[`shapshots octaviusVK 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": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -227308,16 +237134,17 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, + "letterSpacing": "0.26px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -227325,16 +237152,17 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -227342,9 +237170,10 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -227387,12 +237216,12 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -227400,9 +237229,10 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 18, "textTransform": "uppercase", }, @@ -227413,10 +237243,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, - "letterSpacing": "-0.56px", "lineHeight": 32, }, }, @@ -227426,10 +237255,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, - "letterSpacing": "-0.48px", "lineHeight": 28, }, }, @@ -227439,25 +237267,32 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, - "letterSpacing": "-0.4px", "lineHeight": 26, }, }, "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, }, "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, @@ -227483,24 +237318,32 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { - "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -227508,7 +237351,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -227516,10 +237359,10 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 24, + "lineHeight": 22, }, }, "fontWeightAccent1": 500, @@ -227538,9 +237381,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -227548,9 +237391,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(38, 136, 235, 0.2)", - "hover": "rgba(38, 136, 235, 0.16)", - "normal": "rgba(38, 136, 235, 0.12)", + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0,95,249,0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -227593,9 +237436,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorDatasetBackground": { "active": "#EBECEF", @@ -227603,19 +237446,19 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorEmptyStateTextLink": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#eff1f3", - "hover": "#f5f6f8", - "normal": "#ffffff", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.4)", @@ -227623,19 +237466,19 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { - "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)", }, "octaviusColorHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { "active": "#C8CAD0", @@ -227648,24 +237491,24 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "octaviusColorHeaderProgress": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "octaviusColorHeaderSearchBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchChipBackground": { "active": "rgba(255, 255, 255, 0.4)", @@ -227688,14 +237531,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": "rgba(0, 95, 249, 0.18)", @@ -227703,19 +237546,19 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "octaviusColorHeaderTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#878B93", + "hover": "#8D9197", + "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#0697ED", - "hover": "#079DF4", - "normal": "#07a3fc", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorIconEventAlpha": { "active": "rgba(59, 186, 254, 0.18)", @@ -227723,34 +237566,34 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorIconFees": { - "active": "#D50206", - "hover": "#DE0203", - "normal": "#e70101", + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, "octaviusColorIconFinance": { - "active": "#1FBA7D", - "hover": "#21C280", - "normal": "#22c983", + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "active": "#E4AC09", + "hover": "#EEB306", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", - "normal": "#FFA447", + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", }, "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", }, "octaviusColorIconOfficial": { "active": "#D9434E", @@ -227758,9 +237601,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4CA2", - "hover": "#F54EA7", - "normal": "#ff51ab", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorIconOrderAlpha": { "active": "rgba(249, 76, 163, 0.18)", @@ -227773,14 +237616,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "active": "#9E75DE", + "hover": "#A57AE5", + "normal": "#AC7EEC", }, "octaviusColorIconSocial": { "active": "#697EEF", @@ -227788,14 +237631,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", - "normal": "#1DC7D2", + "active": "#00AF8C", + "hover": "#00B690", + "normal": "#00BD93", }, "octaviusColorIconTravel": { - "active": "#AE18EF", - "hover": "#B519F7", - "normal": "#bd19ff", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorIconTravelAlpha": { "active": "rgba(193, 93, 243, 0.18)", @@ -227803,9 +237646,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -227859,14 +237702,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", + "active": "#ebecef", + "hover": "#f5f5f7", "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { "active": "#282B2F", @@ -227944,54 +237787,54 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, "octaviusColorSidebarCounterText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarIconEvent": { - "active": "#0697ED", - "hover": "#079DF4", - "normal": "#07a3fc", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorSidebarIconFavorite": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorSidebarIconFees": { - "active": "#D50206", - "hover": "#DE0203", - "normal": "#e70101", + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, "octaviusColorSidebarIconFinance": { - "active": "#1FBA7D", - "hover": "#21C280", - "normal": "#22c983", + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4CA2", - "hover": "#F54EA7", - "normal": "#ff51ab", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorSidebarIconTravel": { - "active": "#AE18EF", - "hover": "#B519F7", - "normal": "#bd19ff", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(0, 16, 61, 0.08)", @@ -228004,24 +237847,24 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemIconActive": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarItemText": { "active": "#2F3034", @@ -228029,9 +237872,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextPrimary": { "active": "#282B2F", @@ -228039,9 +237882,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(0, 16, 61, 0.16)", @@ -228049,19 +237892,19 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemIconActive": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "octaviusColorSidebarShortItemText": { "active": "#2F3034", @@ -228069,14 +237912,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -228089,9 +237932,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#5190EF", + "hover": "#5495F7", + "normal": "#589BFF", }, "octaviusColorSnackbarIconNegative": { "active": "#EB565A", @@ -228114,9 +237957,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", - "normal": "#1A85FF", + "active": "#5190EF", + "hover": "#5495F7", + "normal": "#589BFF", }, "octaviusColorSnackbarTextContrast": { "active": "#EBECEF", @@ -228173,14 +238016,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "hover": "#E2E3E8", "normal": "#ebecef", }, - "octaviusElevationCard": "0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC", - "octaviusElevationHeader": "0px 1px 0px 0px #E7E8EC", + "octaviusElevationCard": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", - "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", - "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", + "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", @@ -228606,7 +238449,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusVK", + "themeName": "octaviusWhite", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -228640,7 +238483,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -228689,85 +238532,85 @@ exports[`shapshots octaviusVKDark 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, #3880FC)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #307BFC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2775FC)", }, }, "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": { @@ -228781,7 +238624,7 @@ exports[`shapshots octaviusVKDark 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": { @@ -228801,29 +238644,29 @@ exports[`shapshots octaviusVKDark 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": { @@ -228837,63 +238680,63 @@ exports[`shapshots octaviusVKDark 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, #4C8CFD)", }, "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, #4487FD)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3C82FD)", }, }, "colorAlert": { @@ -228913,15 +238756,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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": { @@ -228941,43 +238784,43 @@ exports[`shapshots octaviusVKDark 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, #3880FC)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #307BFC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #2775FC)", }, }, "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": { @@ -229025,57 +238868,57 @@ 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, 119, 255, 0.14))", + "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, 119, 255, 0.1))", + "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, 119, 255, 0.06))", + "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, #F1F8FF)", + "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, #F1F7FF)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #F1F4FF)", }, "normal": { "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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, 119, 255, 0.14))", + "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, 119, 255, 0.1))", + "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, 119, 255, 0.06))", + "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, #353535)", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2C)", + "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)", }, }, "colorBackgroundContentInverse": { @@ -229109,15 +238952,15 @@ exports[`shapshots octaviusVKDark 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": { @@ -229137,43 +238980,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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": { @@ -229201,7 +239044,7 @@ exports[`shapshots octaviusVKDark 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": { @@ -229215,133 +239058,133 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "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.16))", + "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, 51, 10, 0.12))", + "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, 51, 10, 0.08))", + "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, #FEF0ED)", + "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, #FEF0EC)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #FAECEC)", }, "normal": { "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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))", + "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, 51, 10, 0.12))", + "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, 51, 10, 0.08))", + "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, #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.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, #EEFAF4)", + "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, #EDFAF3)", + "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, #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": { @@ -229355,77 +239198,77 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "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, #D0E6FF)", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #CEE5FF)", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "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(204, 228, 255, 0.98))", + "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(204, 228, 255, 0.9400000000000001))", + "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(204, 228, 255, 0.9))", + "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))", }, }, "colorBackgroundThumbnail": { "active": { "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #EDEEF0)", + "value": "var(--vkui--color_background_thumbnail--active, #313131)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #ECEDF0)", + "value": "var(--vkui--color_background_thumbnail--hover, #282828)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #EBECEF)", + "value": "var(--vkui--color_background_thumbnail, #1F1F1F)", }, }, "colorBackgroundThumbnailAlpha": { @@ -229445,85 +239288,85 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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, #FFFCE2)", + "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, #FFFCE1)", + "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, #FFFCE2)", + "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, #FFFCE1)", + "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, #222223)", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #1F1F20)", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #1B1B1C)", + "value": "var(--vkui--color_button_contrast, #252526)", }, }, "colorButtonContrastAlpha": { @@ -229599,43 +239442,43 @@ exports[`shapshots octaviusVKDark 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, #4C8CFD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #3C82FD)", }, }, "colorIconAccentThemed": { @@ -229677,21 +239520,21 @@ exports[`shapshots octaviusVKDark 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": { @@ -229705,21 +239548,21 @@ exports[`shapshots octaviusVKDark 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": { @@ -229733,35 +239576,35 @@ exports[`shapshots octaviusVKDark 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": { @@ -229775,77 +239618,77 @@ exports[`shapshots octaviusVKDark 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": { @@ -229865,29 +239708,29 @@ exports[`shapshots octaviusVKDark 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": { @@ -229907,29 +239750,29 @@ exports[`shapshots octaviusVKDark 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": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPaletteBlue1": { @@ -230187,15 +240030,15 @@ exports[`shapshots octaviusVKDark 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, #4C8CFD)", }, "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, #4487FD)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "value": "var(--vkui--color_panel_header_icon, #3C82FD)", }, }, "colorRating": { @@ -230215,15 +240058,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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": { @@ -230243,99 +240086,99 @@ exports[`shapshots octaviusVKDark 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)", }, }, "colorSocialBehance": { @@ -230439,15 +240282,15 @@ exports[`shapshots octaviusVKDark 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, #4C8CFD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #3C82FD)", }, }, "colorStrokeAccentThemed": { @@ -230489,21 +240332,21 @@ exports[`shapshots octaviusVKDark 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": { @@ -230517,7 +240360,7 @@ exports[`shapshots octaviusVKDark 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)", }, }, "colorTagBackgroundMint": { @@ -230663,15 +240506,15 @@ exports[`shapshots octaviusVKDark 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, #4C8CFD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #3C82FD)", }, }, "colorTextAccentThemed": { @@ -230705,29 +240548,29 @@ exports[`shapshots octaviusVKDark 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, #65A3FF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #5F9FFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #589BFF)", }, }, "colorTextLinkThemed": { @@ -230755,35 +240598,35 @@ exports[`shapshots octaviusVKDark 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": { @@ -230797,35 +240640,35 @@ exports[`shapshots octaviusVKDark 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)", }, }, "colorTextPrimaryAlpha": { @@ -230845,29 +240688,29 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", }, }, "colorTextSecondaryAlpha": { @@ -230887,183 +240730,183 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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(230, 70, 70, 0.2))", + "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(230, 70, 70, 0.16))", + "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(230, 70, 70, 0.12))", + "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, #E0EBFF)", + "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, #DEEAFF)", + "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, #D2EFE8)", + "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, #D0EFE7)", + "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, #F9D7C2)", + "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, #F9D5C0)", + "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, #F3EAFF)", + "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, #F3E9FF)", + "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, #2E5384)", + "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, #254B7E)", + "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, #1C8679)", + "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, #128173)", + "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, #83563B)", + "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, #7D4E33)", + "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, #7E5FA7)", + "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, #7958A3)", + "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, #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": { @@ -231083,29 +240926,29 @@ exports[`shapshots octaviusVKDark 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, #4C8CFD)", }, "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, #4487FD)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #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": { @@ -231119,7 +240962,7 @@ exports[`shapshots octaviusVKDark 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": { @@ -231142,23 +240985,23 @@ exports[`shapshots octaviusVKDark 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, 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": { @@ -231182,7 +241025,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -231212,6 +241055,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -231224,7 +241071,7 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -231234,6 +241081,10 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", @@ -231266,7 +241117,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -231296,6 +241147,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -231308,7 +241163,7 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -231318,6 +241173,10 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", @@ -231350,7 +241209,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -231380,6 +241239,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -231392,7 +241255,7 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -231402,6 +241265,10 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", @@ -231584,11 +241451,11 @@ exports[`shapshots octaviusVKDark 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -231616,7 +241483,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -231646,6 +241513,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -231658,7 +241529,7 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -231668,6 +241539,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -231692,10 +241567,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight", "value": "var(--vkui--font_h0--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h0--letter_spacing", - "value": "var(--vkui--font_h0--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", @@ -231714,7 +241585,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, 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", @@ -231724,10 +241595,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight--regular", "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h0--letter_spacing--regular", - "value": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", - }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", "value": "var(--vkui--font_h0--line_height--regular, 32px)", @@ -231748,10 +241615,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight", "value": "var(--vkui--font_h1--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h1--letter_spacing", - "value": "var(--vkui--font_h1--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", @@ -231770,7 +241633,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, 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", @@ -231780,10 +241643,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight--regular", "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h1--letter_spacing--regular", - "value": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", - }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", "value": "var(--vkui--font_h1--line_height--regular, 28px)", @@ -231804,10 +241663,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight", "value": "var(--vkui--font_h2--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h2--letter_spacing", - "value": "var(--vkui--font_h2--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", @@ -231826,7 +241681,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, 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", @@ -231836,10 +241691,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight--regular", "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h2--letter_spacing--regular", - "value": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", - }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", "value": "var(--vkui--font_h2--line_height--regular, 26px)", @@ -231865,14 +241716,24 @@ exports[`shapshots octaviusVKDark 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, 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", - "value": "var(--vkui--font_headline--font_size--regular, 15px)", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_headline--font_weight--regular", @@ -231903,14 +241764,24 @@ exports[`shapshots octaviusVKDark 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, 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", - "value": "var(--vkui--font_headline1--font_size--regular, 15px)", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--regular", @@ -232027,10 +241898,20 @@ exports[`shapshots octaviusVKDark 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, VKSansText, 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", @@ -232065,14 +241946,24 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "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, 15px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -232106,7 +241997,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -232144,7 +242035,7 @@ exports[`shapshots octaviusVKDark 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -232182,7 +242073,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -232194,7 +242085,7 @@ exports[`shapshots octaviusVKDark 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)", }, }, }, @@ -232224,7 +242115,7 @@ exports[`shapshots octaviusVKDark 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", @@ -232232,7 +242123,7 @@ exports[`shapshots octaviusVKDark 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", @@ -232241,29 +242132,29 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #316935)", + "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #28632C)", + "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #141414)", + "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_background--hover, #222223)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #000000)", + "value": "var(--vkui--octavius_color_background, #19191A)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -232283,43 +242174,43 @@ exports[`shapshots octaviusVKDark 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(82, 158, 244, 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(82, 158, 244, 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(82, 158, 244, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, }, "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.2))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", }, "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.16))", + "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.12))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", }, }, "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.18))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.2))", }, "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.14))", + "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.1))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", }, }, "octaviusColorButtonBackgroundAlpha": { @@ -232339,43 +242230,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorButtonBackgroundContrastAlpha": { "active": { "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "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.99))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "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(0, 16, 61, 0.06))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #343536)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", }, }, "octaviusColorButtonIcon": { @@ -232409,43 +242300,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorContentScrollbarAlpha": { "active": { "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.24))", + "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.2))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #2B2B2C)", + "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #222223)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #19191a)", + "value": "var(--vkui--octavius_color_dataset_background, #232324)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #E3E5E8)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", }, }, "octaviusColorEmptyStateTextLink": { @@ -232465,15 +242356,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #353535)", + "value": "var(--vkui--octavius_color_header_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #2B2B2C)", + "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #161616)", + "value": "var(--vkui--octavius_color_header_background, #232324)", }, }, "octaviusColorHeaderButtonBackgroundAlpha": { @@ -232493,155 +242384,155 @@ exports[`shapshots octaviusVKDark 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, #E3E5E8)", + "value": "var(--vkui--octavius_color_header_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, }, "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, 0.48))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #60A6F5)", + "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #59A2F4)", + "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #529ef4)", + "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, }, "octaviusColorHeaderIconAttach": { "active": { "name": "--vkui--octavius_color_header_icon_attach--active", - "value": "var(--vkui--octavius_color_header_icon_attach--active, #DCDDE0)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #DBDBDE)", + "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, #D9DADD)", + "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #FC3D48)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #FC3440)", + "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, #FC2C38)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #1482FF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0A7CFF)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, }, "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #60A6F5)", + "value": "var(--vkui--octavius_color_header_progress--active, #FFA614)", }, "hover": { "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #59A2F4)", + "value": "var(--vkui--octavius_color_header_progress--hover, #FFA20A)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #529ef4)", + "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", }, }, "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #1E1E1E)", + "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #141414)", + "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, #0a0a0a)", + "value": "var(--vkui--octavius_color_header_search_background, #303030)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #1E1E1E)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #141414)", + "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, #0a0a0a)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, #2E2F30)", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #252627)", + "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, #1C1D1E)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #414141)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #393939)", + "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, #313131)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", }, }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { @@ -232661,169 +242552,169 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #818385)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, }, "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #818385)", + "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #818385)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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(0, 95, 249, .10))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #1482FF)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0A7CFF)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, }, "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #1BAAFC)", + "value": "var(--vkui--octavius_color_icon_event--active, #4BC0FE)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #11A7FC)", + "value": "var(--vkui--octavius_color_icon_event--hover, #43BDFE)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #07a3fc)", + "value": "var(--vkui--octavius_color_icon_event, #3BBAFE)", }, }, "octaviusColorIconEventAlpha": { "active": { "name": "--vkui--octavius_color_icon_event_alpha--active", - "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "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(59, 186, 254, 0.1))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #FF4356)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF3B4E)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)", + "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #E91515)", + "value": "var(--vkui--octavius_color_icon_fees--active, #EF4C4C)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #E80B0B)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #EF4444)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #e70101)", + "value": "var(--vkui--octavius_color_icon_fees, #EE3C3C)", }, }, "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #34CD8D)", + "value": "var(--vkui--octavius_color_icon_finance--active, #36CB8A)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2BCB88)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC985)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #22c983)", + "value": "var(--vkui--octavius_color_icon_finance, #24C780)", }, }, "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #FDD04D)", + "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #FDCE46)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, }, "octaviusColorIconMailings": { @@ -232843,15 +242734,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #37C5ED)", + "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #2FC3EC)", + "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, }, "octaviusColorIconOfficial": { @@ -232871,29 +242762,29 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #FF5FB2)", + "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #FF58AE)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff51ab)", + "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", }, }, "octaviusColorIconOrderAlpha": { "active": { "name": "--vkui--octavius_color_icon_order_alpha--active", - "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "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(249, 76, 163, 0.1))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconReceipts": { @@ -232913,15 +242804,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #FFA814)", + "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA40A)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ffa000)", + "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", }, }, "octaviusColorIconSchool": { @@ -232941,15 +242832,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #7D92FF)", + "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #788DFF)", + "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #7288FF)", + "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, }, "octaviusColorIconToMyself": { @@ -232969,43 +242860,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #C22BFF)", + "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #C022FF)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #bd19ff)", + "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", }, }, "octaviusColorIconTravelAlpha": { "active": { "name": "--vkui--octavius_color_icon_travel_alpha--active", - "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "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(193, 93, 243, 0.1))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #60A6F5)", + "value": "var(--vkui--octavius_color_icon_unread--active, #1F86FF)", }, "hover": { "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #59A2F4)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #1681FF)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #529ef4)", + "value": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -233113,15 +243004,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #F3FAF5)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #F3FAF4)", + "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, #F2FAF4)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", }, }, "octaviusColorListIconPrimary": { @@ -233141,43 +243032,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #F1F6FF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #F1F5FF)", + "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, #F0F5FF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #353535)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #2B2B2C)", + "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, #19191A)", + "value": "var(--vkui--octavius_color_list_letter_background, #232324)", }, }, "octaviusColorListLetterSeparatorAlpha": { "active": { "name": "--vkui--octavius_color_list_letter_separator_alpha--active", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + "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(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", }, }, "octaviusColorListTextPrimary": { @@ -233211,15 +243102,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_notification_border--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #FFFFFF)", + "value": "var(--vkui--octavius_color_notification_border, #000000)", }, }, "octaviusColorOverlayBackground": { @@ -233239,71 +243130,71 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #292929)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #1F1F1F)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #161616)", + "value": "var(--vkui--octavius_color_placeholder_background, #000000)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #313131)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", + "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, rgb(31, 31, 31))", + "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, }, "octaviusColorPortalSearchBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_background_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--octavius_color_portal_search_background_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "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, .99))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", }, }, "octaviusColorPortalSearchIconThemedAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "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(0, 95, 255, .99))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", + "value": "var(--vkui--octavius_color_promo_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #323232)", + "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #292929)", + "value": "var(--vkui--octavius_color_promo_background, #303030)", }, }, "octaviusColorSidebarButtonBackground": { @@ -233393,151 +243284,151 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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.38))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.08))", }, "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.34))", + "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, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", }, }, "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E3E5E8)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #1BAAFC)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #11A7FC)", + "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, #07a3fc)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF4356)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF3B4E)", + "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, #ff3347)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #E91515)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #E80B0B)", + "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, #e70101)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #34CD8D)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2BCB88)", + "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, #22c983)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #FF5FB2)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #FF58AE)", + "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, #ff51ab)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA814)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA40A)", + "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, #ffa000)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C22BFF)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C022FF)", + "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, #bd19ff)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #3792ED)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1F86FF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2F8DEC)", + "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, #2688eb)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0C7CFF)", }, }, "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.2))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", }, "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.16))", + "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", @@ -233561,15 +243452,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E3E5E8)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", }, }, "octaviusColorSidebarItemIconActive": { @@ -233589,43 +243480,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #818385)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", }, }, "octaviusColorSidebarItemTextActive": { @@ -233645,29 +243536,29 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemTextPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #3D3E3F)", + "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, #343536)", + "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, #2C2D2E)", + "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, #818385)", + "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, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", }, }, "octaviusColorSidebarScrollbarAlpha": { @@ -233687,85 +243578,85 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "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, #818385)", + "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, #7B7D7F)", + "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, #76787a)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "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, #818385)", + "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, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -233911,127 +243802,127 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #FF4040)", + "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #FF3737)", + "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #38B880)", + "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #30B57B)", + "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #27B275)", + "value": "var(--vkui--octavius_color_text_finance, #52C392)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #EDB514)", + "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #ECB20A)", + "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #EBAF00)", + "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #FC9328)", + "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #FC8F1E)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #1CB2DC)", + "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #12AEDB)", + "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #08ABD9)", + "value": "var(--vkui--octavius_color_text_news, #37C1E8)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #CD88EE)", + "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #CB83ED)", + "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #C97EEC)", + "value": "var(--vkui--octavius_color_text_school, #D392F2)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #6376DC)", + "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #5C70DB)", + "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #556AD9)", + "value": "var(--vkui--octavius_color_text_social, #7688E9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #26BAC4)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #1CB7C2)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #3E3E3F)", + "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, #353536)", + "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, #2D2D2E)", + "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", }, }, "octaviusElevationCard": { @@ -234040,7 +243931,7 @@ exports[`shapshots octaviusVKDark 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", @@ -234048,23 +243939,23 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyDefault": { "name": "--vkui--octavius_font_family_default", - "value": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", + "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, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_display, inherit)", }, "octaviusFontFamilyGlobal": { "name": "--vkui--octavius_font_family_global", - "value": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", + "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, VKSansText, Helvetica, Arial, sans-serif)", + "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, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -235510,7 +245401,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusVKDark)", + "value": "var(--vkui--theme_name, octaviusWhiteDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -235632,7 +245523,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -235655,39 +245546,39 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "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", @@ -235695,39 +245586,39 @@ exports[`shapshots octaviusVKDark 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": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorAlert": { "active": "#C6442D", @@ -235735,9 +245626,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#c1341b", }, "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)", @@ -235745,19 +245636,19 @@ exports[`shapshots octaviusVKDark 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": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -235775,24 +245666,24 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 0.06)", + "active": "rgba(0, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#F1F8FF", - "hover": "#F1F7FF", - "normal": "#f0f7ff", + "active": "#F1F5FF", + "hover": "#F1F4FF", + "normal": "#f0f4ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 0.06)", + "active": "rgba(0, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundContent": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -235805,9 +245696,9 @@ exports[`shapshots octaviusVKDark 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)", @@ -235815,19 +245706,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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", @@ -235837,87 +245728,87 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 0.08)", + "active": "rgba(237, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.12)", + "normal": "rgba(237, 10, 52, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#FEF0ED", - "hover": "#FEF0EC", - "normal": "#feefeb", + "active": "#FAEDED", + "hover": "#FAECEC", + "normal": "#faebeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#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.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": "#EEFAF4", - "hover": "#EDFAF3", - "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundSky": { - "active": "#D0E6FF", - "hover": "#CEE5FF", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#EDEEF0", - "hover": "#ECEDF0", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -235925,34 +245816,34 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": "#FFFCE2", - "hover": "#FFFCE1", - "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": "#FFFCE2", - "hover": "#FFFCE1", - "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": "#222223", - "hover": "#1F1F20", - "normal": "#1B1B1C", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -235980,19 +245871,19 @@ exports[`shapshots octaviusVKDark 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": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -236007,67 +245898,67 @@ exports[`shapshots octaviusVKDark 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)", @@ -236075,14 +245966,14 @@ exports[`shapshots octaviusVKDark 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", @@ -236090,14 +245981,14 @@ exports[`shapshots octaviusVKDark 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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -236190,9 +246081,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorRating": { "active": "#FFD714", @@ -236200,9 +246091,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -236210,39 +246101,39 @@ exports[`shapshots octaviusVKDark theme should match pixelify 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", }, "colorSocialBehance": { "active": "#2A75FF", @@ -236280,9 +246171,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -236297,17 +246188,17 @@ exports[`shapshots octaviusVKDark 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", }, "colorTagBackgroundMint": { "active": "#B9F1E0", @@ -236360,9 +246251,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#203F5B", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -236375,14 +246266,14 @@ exports[`shapshots octaviusVKDark 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": "#65A3FF", + "hover": "#5F9FFF", + "normal": "#589BFF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -236392,32 +246283,32 @@ exports[`shapshots octaviusVKDark 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", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -236425,14 +246316,14 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(249, 252, 255, 0.72)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -236440,69 +246331,69 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(247, 251, 255, 0.42)", }, "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(230, 70, 70, 0.2)", - "hover": "rgba(230, 70, 70, 0.16)", - "normal": "rgba(230, 70, 70, 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": "#E0EBFF", - "hover": "#DEEAFF", - "normal": "#DDE9FF", - }, - "colorTooltipBackgroundGreenTint": { - "active": "#D2EFE8", - "hover": "#D0EFE7", - "normal": "#CEEEE6", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "#F9D7C2", - "hover": "#F9D5C0", - "normal": "#F9D3BD", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "#F3EAFF", - "hover": "#F3E9FF", - "normal": "#F2E8FF", - }, - "colorTooltipTextBlueThemed": { "active": "#2E5384", "hover": "#254B7E", "normal": "#1C4479", }, - "colorTooltipTextGreenThemed": { + "colorTooltipBackgroundGreenTint": { "active": "#1C8679", "hover": "#128173", "normal": "#087C6D", }, - "colorTooltipTextOrangeThemed": { + "colorTooltipBackgroundOrangeTint": { "active": "#83563B", "hover": "#7D4E33", "normal": "#78472A", }, - "colorTooltipTextPurpleThemed": { + "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)", @@ -236510,19 +246401,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "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)", @@ -236530,14 +246421,14 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "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)", + "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": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -236545,16 +246436,17 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontCaption1Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, + "letterSpacing": "0.26px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -236562,16 +246454,17 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontCaption2Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -236579,9 +246472,10 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontCaption3Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -236624,12 +246518,12 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -236637,9 +246531,10 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, @@ -236650,10 +246545,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, - "letterSpacing": "-0.56px", "lineHeight": "32px", }, }, @@ -236663,10 +246557,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, - "letterSpacing": "-0.48px", "lineHeight": "28px", }, }, @@ -236676,25 +246569,32 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, - "letterSpacing": "-0.4px", "lineHeight": "26px", }, }, "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, }, "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, @@ -236720,24 +246620,32 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { - "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -236745,7 +246653,7 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -236753,10 +246661,10 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "22px", }, }, "fontWeightAccent1": 500, @@ -236765,19 +246673,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "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%", + "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%", "octaviusColorActionArchive": { - "active": "#316935", - "hover": "#28632C", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -236785,19 +246693,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(82, 158, 244, 0.2)", - "hover": "rgba(82, 158, 244, 0.16)", - "normal": "rgba(82, 158, 244, 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)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -236805,19 +246713,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { "active": "#E9EAEC", @@ -236830,19 +246738,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { "active": "#E9EAEC", @@ -236850,9 +246758,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#161616", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -236860,59 +246768,59 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#FC3D48", - "hover": "#FC3440", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "octaviusColorHeaderSearchBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#414141", - "hover": "#393939", - "normal": "#313131", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "rgba(255, 255, 255, 0.56)", @@ -236920,64 +246828,64 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#BCBEC3", + "hover": "#B9BBC1", + "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#1BAAFC", - "hover": "#11A7FC", - "normal": "#07a3fc", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#E91515", - "hover": "#E80B0B", - "normal": "#e70101", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorIconFinance": { - "active": "#34CD8D", - "hover": "#2BCB88", - "normal": "#22c983", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorIconGames": { - "active": "#FDD04D", - "hover": "#FDCE46", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { "active": "#FFAB56", @@ -236985,9 +246893,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#37C5ED", - "hover": "#2FC3EC", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { "active": "#EE565E", @@ -236995,14 +246903,14 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#FF5FB2", - "hover": "#FF58AE", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { "active": "#7FC419", @@ -237010,9 +246918,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { "active": "#CD88EE", @@ -237020,9 +246928,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#7D92FF", - "hover": "#788DFF", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { "active": "#2FCBD6", @@ -237030,19 +246938,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C22BFF", - "hover": "#C022FF", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1F86FF", + "hover": "#1681FF", + "normal": "#0C7CFF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -237081,9 +246989,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#F3FAF5", - "hover": "#F3FAF4", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { "active": "#3D3E3F", @@ -237091,19 +246999,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#F1F6FF", - "hover": "#F1F5FF", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { "active": "#3D3E3F", @@ -237116,9 +247024,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -237126,29 +247034,29 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "octaviusColorPlaceholderBackground": { - "active": "#292929", - "hover": "#1F1F1F", - "normal": "#161616", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#313131", - "hover": "#282828", - "normal": "rgb(31, 31, 31)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { "active": "#D7D8DB", @@ -237181,58 +247089,58 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorSidebarCounterText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#1BAAFC", - "hover": "#11A7FC", - "normal": "#07a3fc", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#E91515", - "hover": "#E80B0B", - "normal": "#e70101", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#34CD8D", - "hover": "#2BCB88", - "normal": "#22c983", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#FF5FB2", - "hover": "#FF58AE", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#C22BFF", - "hover": "#C022FF", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#1F86FF", + "hover": "#1681FF", + "normal": "#0C7CFF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -237241,9 +247149,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { "active": "#D7D8DB", @@ -237251,19 +247159,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { "active": "#D7D8DB", @@ -237271,14 +247179,14 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -237286,34 +247194,34 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -237366,58 +247274,58 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF4040", - "hover": "#FF3737", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#38B880", - "hover": "#30B57B", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#EDB514", - "hover": "#ECB20A", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#FC9328", - "hover": "#FC8F1E", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#1CB2DC", - "hover": "#12AEDB", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#6376DC", - "hover": "#5C70DB", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#26BAC4", - "hover": "#1CB7C2", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#3E3E3F", - "hover": "#353536", - "normal": "#2D2D2E", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", - "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", - "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", + "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", @@ -237843,7 +247751,7 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusVKDark", + "themeName": "octaviusWhiteDark", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -237877,7 +247785,7 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] } `; -exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -237900,39 +247808,39 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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, #3880FC)", + "hover": "var(--vkui--color_accent_blue--hover, #307BFC)", + "normal": "var(--vkui--color_accent_blue, #2775FC)", }, "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)", @@ -237940,39 +247848,39 @@ exports[`shapshots octaviusVKDark 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, #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, #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)", @@ -237980,9 +247888,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -237990,19 +247898,19 @@ exports[`shapshots octaviusVKDark 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, #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, #3880FC)", + "hover": "var(--vkui--color_background_accent--hover, #307BFC)", + "normal": "var(--vkui--color_background_accent, #2775FC)", }, "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)", @@ -238020,24 +247928,24 @@ 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, 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))", + "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, #F1F8FF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #F1F7FF)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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": "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))", + "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, #353535)", - "hover": "var(--vkui--color_background_content--hover, #2B2B2C)", - "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)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -238050,9 +247958,9 @@ exports[`shapshots octaviusVKDark 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, #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))", @@ -238060,19 +247968,19 @@ exports[`shapshots octaviusVKDark 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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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)", @@ -238082,87 +247990,87 @@ exports[`shapshots octaviusVKDark 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)", "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522E2E)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "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))", + "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, #FEF0ED)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #FEF0EC)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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": "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))", + "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": "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.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, #EEFAF4)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #EDFAF3)", - "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, #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.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.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundSky": { - "active": "var(--vkui--color_background_sky--active, #D0E6FF)", - "hover": "var(--vkui--color_background_sky--hover, #CEE5FF)", - "normal": "var(--vkui--color_background_sky, #cce4ff)", + "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(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))", + "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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #EDEEF0)", - "hover": "var(--vkui--color_background_thumbnail--hover, #ECEDF0)", - "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", + "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))", @@ -238170,34 +248078,34 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", }, "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, #FFFCE2)", - "hover": "var(--vkui--color_background_warning_tint--hover, #FFFCE1)", - "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, #FFFCE2)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #FFFCE1)", - "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, #222223)", - "hover": "var(--vkui--color_button_contrast--hover, #1F1F20)", - "normal": "var(--vkui--color_button_contrast, #1B1B1C)", + "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))", @@ -238225,19 +248133,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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, #4C8CFD)", + "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", + "normal": "var(--vkui--color_icon_accent, #3C82FD)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -238252,67 +248160,67 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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))", @@ -238320,14 +248228,14 @@ exports[`shapshots octaviusVKDark 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, #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)", @@ -238335,14 +248243,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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)", @@ -238435,9 +248343,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "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, #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)", @@ -238445,9 +248353,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", @@ -238455,39 +248363,39 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", }, "colorSocialBehance": { "active": "var(--vkui--color_social_behance--active, #2A75FF)", @@ -238525,9 +248433,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "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, #4C8CFD)", + "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "normal": "var(--vkui--color_stroke_accent, #3C82FD)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", @@ -238542,17 +248450,17 @@ exports[`shapshots octaviusVKDark 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)", + "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)", }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", @@ -238605,9 +248513,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "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, #4C8CFD)", + "hover": "var(--vkui--color_text_accent--hover, #4487FD)", + "normal": "var(--vkui--color_text_accent, #3C82FD)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -238620,14 +248528,14 @@ exports[`shapshots octaviusVKDark 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, #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, #65A3FF)", + "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", + "normal": "var(--vkui--color_text_link, #589BFF)", }, "colorTextLinkThemed": { "active": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -238637,32 +248545,32 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", @@ -238670,14 +248578,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", @@ -238685,69 +248593,69 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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(230, 70, 70, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 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": "var(--vkui--color_tooltip_background_blue_tint--active, #E0EBFF)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #DEEAFF)", - "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, #D2EFE8)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #D0EFE7)", - "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, #F9D7C2)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #F9D5C0)", - "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, #F3EAFF)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #F3E9FF)", - "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, #2E5384)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #254B7E)", - "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, #1C8679)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #128173)", - "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, #83563B)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #7D4E33)", - "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, #7E5FA7)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #7958A3)", - "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, #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))", @@ -238755,19 +248663,19 @@ exports[`shapshots octaviusVKDark 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, #4C8CFD)", + "hover": "var(--vkui--color_write_bar_icon--hover, #4487FD)", + "normal": "var(--vkui--color_write_bar_icon, #3C82FD)", }, "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))", @@ -238775,14 +248683,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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 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))", + "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, VKSansText, 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)", @@ -238790,16 +248698,17 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, VKSansText, 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)", "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, VKSansText, 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)", @@ -238807,16 +248716,17 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, VKSansText, 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)", "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, VKSansText, 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)", @@ -238824,9 +248734,10 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, VKSansText, 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)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, @@ -238869,12 +248780,12 @@ exports[`shapshots octaviusVKDark 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, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, VKSansText, 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, VKSansText, 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)", @@ -238882,9 +248793,10 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, VKSansText, 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)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, @@ -238895,10 +248807,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, @@ -238908,10 +248819,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, @@ -238921,25 +248831,32 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", "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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 15px)", + "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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 15px)", + "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)", }, @@ -238965,24 +248882,32 @@ exports[`shapshots octaviusVKDark 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, 18px)", + }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansText, 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)", }, }, "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, VKSansText, Helvetica, 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, VKSansDisplay, 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)", @@ -238990,7 +248915,7 @@ exports[`shapshots octaviusVKDark 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, 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)", @@ -238998,10 +248923,10 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, 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, 24px)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", @@ -239010,19 +248935,19 @@ exports[`shapshots octaviusVKDark 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(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%)", "octaviusColorActionArchive": { - "active": "var(--vkui--octavius_color_action_archive--active, #316935)", - "hover": "var(--vkui--octavius_color_action_archive--hover, #28632C)", - "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "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)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #141414)", - "hover": "var(--vkui--octavius_color_background--hover, #0A0A0A)", - "normal": "var(--vkui--octavius_color_background, #000000)", + "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_background, #19191A)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -239030,19 +248955,19 @@ exports[`shapshots octaviusVKDark 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(82, 158, 244, 0.2))", - "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(82, 158, 244, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(82, 158, 244, 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))", - "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", - "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "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))", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "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))", }, "octaviusColorButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -239050,19 +248975,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "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))", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "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))", }, "octaviusColorButtonEmptyStateText": { - "active": "var(--vkui--octavius_color_button_empty_state_text--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #343536)", - "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "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)", }, "octaviusColorButtonIcon": { "active": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", @@ -239075,19 +249000,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.2))", + "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))", }, "octaviusColorDatasetBackground": { - "active": "var(--vkui--octavius_color_dataset_background--active, #2B2B2C)", - "hover": "var(--vkui--octavius_color_dataset_background--hover, #222223)", - "normal": "var(--vkui--octavius_color_dataset_background, #19191a)", + "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)", }, "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #E3E5E8)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_empty_state_text, #e1e3e6)", + "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)", }, "octaviusColorEmptyStateTextLink": { "active": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", @@ -239095,9 +249020,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, "octaviusColorHeaderBackground": { - "active": "var(--vkui--octavius_color_header_background--active, #353535)", - "hover": "var(--vkui--octavius_color_header_background--hover, #2B2B2C)", - "normal": "var(--vkui--octavius_color_header_background, #161616)", + "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)", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", @@ -239105,59 +249030,59 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "octaviusColorHeaderButtonText": { - "active": "var(--vkui--octavius_color_header_button_text--active, #E3E5E8)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_header_button_text, #e1e3e6)", + "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)", }, "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, 0.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, #60A6F5)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #59A2F4)", - "normal": "var(--vkui--octavius_color_header_icon, #529ef4)", + "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)", }, "octaviusColorHeaderIconAttach": { - "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)", + "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)", }, "octaviusColorHeaderIconFavorite": { - "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)", + "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)", }, "octaviusColorHeaderIconUnread": { - "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)", + "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)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #60A6F5)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #59A2F4)", - "normal": "var(--vkui--octavius_color_header_progress, #529ef4)", + "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)", }, "octaviusColorHeaderSearchBackground": { - "active": "var(--vkui--octavius_color_header_search_background--active, #1E1E1E)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #141414)", - "normal": "var(--vkui--octavius_color_header_search_background, #0a0a0a)", + "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)", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #1E1E1E)", - "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #141414)", - "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #0a0a0a)", + "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)", }, "octaviusColorHeaderSearchChipBackground": { - "active": "var(--vkui--octavius_color_header_search_chip_background--active, #2E2F30)", - "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #252627)", - "normal": "var(--vkui--octavius_color_header_search_chip_background, #1C1D1E)", + "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)", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #414141)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #393939)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #313131)", + "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)", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", @@ -239165,64 +249090,64 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #818385)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_header_search_icon, #76787a)", + "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)", }, "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #818385)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_header_search_text, #76787a)", + "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)", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #818385)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #76787a)", + "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)", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + "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))", }, "octaviusColorHeaderTabTextActiveThemed": { - "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)", + "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)", }, "octaviusColorHeaderTextSecondary": { - "active": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #76787a)", + "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)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #1BAAFC)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #11A7FC)", - "normal": "var(--vkui--octavius_color_icon_event, #07a3fc)", + "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)", }, "octaviusColorIconEventAlpha": { - "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", - "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + "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))", }, "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #FF4356)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #FF3B4E)", - "normal": "var(--vkui--octavius_color_icon_favorite, #ff3347)", + "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)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #E91515)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #E80B0B)", - "normal": "var(--vkui--octavius_color_icon_fees, #e70101)", + "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)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #34CD8D)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #2BCB88)", - "normal": "var(--vkui--octavius_color_icon_finance, #22c983)", + "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)", }, "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #FDD04D)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #FDCE46)", - "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "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)", }, "octaviusColorIconMailings": { "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", @@ -239230,9 +249155,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #37C5ED)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #2FC3EC)", - "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, "octaviusColorIconOfficial": { "active": "var(--vkui--octavius_color_icon_official--active, #EE565E)", @@ -239240,14 +249165,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #FF5FB2)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #FF58AE)", - "normal": "var(--vkui--octavius_color_icon_order, #ff51ab)", + "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)", }, "octaviusColorIconOrderAlpha": { - "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + "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))", }, "octaviusColorIconReceipts": { "active": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", @@ -239255,9 +249180,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #FFA814)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #FFA40A)", - "normal": "var(--vkui--octavius_color_icon_registration, #ffa000)", + "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)", }, "octaviusColorIconSchool": { "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", @@ -239265,9 +249190,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "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)", + "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, "octaviusColorIconToMyself": { "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", @@ -239275,19 +249200,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #C22BFF)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #C022FF)", - "normal": "var(--vkui--octavius_color_icon_travel, #bd19ff)", + "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)", }, "octaviusColorIconTravelAlpha": { - "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", - "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + "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))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #60A6F5)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #59A2F4)", - "normal": "var(--vkui--octavius_color_icon_unread, #529ef4)", + "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)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", @@ -239326,9 +249251,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #F3FAF5)", - "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #F3FAF4)", - "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + "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)", }, "octaviusColorListIconPrimary": { "active": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", @@ -239336,19 +249261,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, "octaviusColorListLetterAdvBackground": { - "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #F1F6FF)", - "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #F1F5FF)", - "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + "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)", }, "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #353535)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #2B2B2C)", - "normal": "var(--vkui--octavius_color_list_letter_background, #19191A)", + "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)", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(255, 255, 255, 0.12))", + "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))", }, "octaviusColorListTextPrimary": { "active": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", @@ -239361,9 +249286,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, "octaviusColorNotificationBorder": { - "active": "var(--vkui--octavius_color_notification_border--active, #D7D8DB)", - "hover": "var(--vkui--octavius_color_notification_border--hover, #EBEDF0)", - "normal": "var(--vkui--octavius_color_notification_border, #FFFFFF)", + "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)", }, "octaviusColorOverlayBackground": { "active": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", @@ -239371,29 +249296,29 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_overlay_background, transparent)", }, "octaviusColorPlaceholderBackground": { - "active": "var(--vkui--octavius_color_placeholder_background--active, #292929)", - "hover": "var(--vkui--octavius_color_placeholder_background--hover, #1F1F1F)", - "normal": "var(--vkui--octavius_color_placeholder_background, #161616)", + "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)", }, "octaviusColorPortalMenuBackground": { - "active": "var(--vkui--octavius_color_portal_menu_background--active, #313131)", - "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", - "normal": "var(--vkui--octavius_color_portal_menu_background, rgb(31, 31, 31))", + "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)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", - "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + "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))", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", - "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + "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))", }, "octaviusColorPromoBackground": { - "active": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", - "hover": "var(--vkui--octavius_color_promo_background--hover, #323232)", - "normal": "var(--vkui--octavius_color_promo_background, #292929)", + "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)", }, "octaviusColorSidebarButtonBackground": { "active": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", @@ -239426,58 +249351,58 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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.38))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(255, 255, 255, 0.30))", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #e1e3e6)", + "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, #1BAAFC)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #11A7FC)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", + "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, #FF4356)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF3B4E)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", + "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, #E91515)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #E80B0B)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", + "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, #34CD8D)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2BCB88)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", + "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, #FF5FB2)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #FF58AE)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", + "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, #FFA814)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA40A)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", + "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, #C22BFF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C022FF)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", + "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, #3792ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2F8DEC)", - "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", + "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.2))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.16))", + "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": { @@ -239486,9 +249411,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #e1e3e6)", + "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)", @@ -239496,19 +249421,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", }, "octaviusColorSidebarItemIconPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #76787a)", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_item_text, #e1e3e6)", + "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)", @@ -239516,14 +249441,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #FFFFFF)", }, "octaviusColorSidebarItemTextPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #343536)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + "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, #818385)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #76787a)", + "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))", @@ -239531,34 +249456,34 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #e1e3e6)", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #76787a)", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #e1e3e6)", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #76787a)", + "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))", @@ -239611,58 +249536,58 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #FF4040)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #FF3737)", - "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #38B880)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #30B57B)", - "normal": "var(--vkui--octavius_color_text_finance, #27B275)", + "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "normal": "var(--vkui--octavius_color_text_finance, #52C392)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #EDB514)", - "hover": "var(--vkui--octavius_color_text_games--hover, #ECB20A)", - "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", + "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #FC9328)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #FC8F1E)", - "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #1CB2DC)", - "hover": "var(--vkui--octavius_color_text_news--hover, #12AEDB)", - "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #CD88EE)", - "hover": "var(--vkui--octavius_color_text_school--hover, #CB83ED)", - "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "normal": "var(--vkui--octavius_color_text_school, #D392F2)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #6376DC)", - "hover": "var(--vkui--octavius_color_text_social--hover, #5C70DB)", - "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "normal": "var(--vkui--octavius_color_text_social, #7688E9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #26BAC4)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #1CB7C2)", - "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, "octaviusColorThreadFooterBackground": { - "active": "var(--vkui--octavius_color_thread_footer_background--active, #3E3E3F)", - "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #353536)", - "normal": "var(--vkui--octavius_color_thread_footer_background, #2D2D2E)", + "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, 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, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", @@ -240088,7 +250013,7 @@ exports[`shapshots octaviusVKDark 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, octaviusVKDark)", + "themeName": "var(--vkui--theme_name, octaviusWhiteDark)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -240122,7 +250047,7 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 } `; -exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -240145,39 +250070,39 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "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", @@ -240185,39 +250110,39 @@ exports[`shapshots octaviusVKDark 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": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorAlert": { "active": "#C6442D", @@ -240225,9 +250150,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#c1341b", }, "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)", @@ -240235,19 +250160,19 @@ exports[`shapshots octaviusVKDark 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": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -240265,24 +250190,24 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 0.06)", + "active": "rgba(0, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundAccentTintThemed": { - "active": "#F1F8FF", - "hover": "#F1F7FF", - "normal": "#f0f7ff", + "active": "#F1F5FF", + "hover": "#F1F4FF", + "normal": "#f0f4ff", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 0.06)", + "active": "rgba(0, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundContent": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -240295,9 +250220,9 @@ exports[`shapshots octaviusVKDark 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)", @@ -240305,19 +250230,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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", @@ -240327,87 +250252,87 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 0.08)", + "active": "rgba(237, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.12)", + "normal": "rgba(237, 10, 52, 0.08)", }, "colorBackgroundNegativeTintThemed": { - "active": "#FEF0ED", - "hover": "#FEF0EC", - "normal": "#feefeb", + "active": "#FAEDED", + "hover": "#FAECEC", + "normal": "#faebeb", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#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.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": "#EEFAF4", - "hover": "#EDFAF3", - "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundSky": { - "active": "#D0E6FF", - "hover": "#CEE5FF", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#EDEEF0", - "hover": "#ECEDF0", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -240415,34 +250340,34 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": "#FFFCE2", - "hover": "#FFFCE1", - "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": "#FFFCE2", - "hover": "#FFFCE1", - "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": "#222223", - "hover": "#1F1F20", - "normal": "#1B1B1C", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -240470,19 +250395,19 @@ exports[`shapshots octaviusVKDark 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": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -240497,67 +250422,67 @@ exports[`shapshots octaviusVKDark 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)", @@ -240565,14 +250490,14 @@ exports[`shapshots octaviusVKDark 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", @@ -240580,14 +250505,14 @@ exports[`shapshots octaviusVKDark 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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -240680,9 +250605,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorRating": { "active": "#FFD714", @@ -240690,9 +250615,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -240700,39 +250625,39 @@ exports[`shapshots octaviusVKDark 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", }, "colorSocialBehance": { "active": "#2A75FF", @@ -240770,9 +250695,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -240787,17 +250712,17 @@ exports[`shapshots octaviusVKDark 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", }, "colorTagBackgroundMint": { "active": "#B9F1E0", @@ -240850,9 +250775,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -240865,14 +250790,14 @@ exports[`shapshots octaviusVKDark 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": "#65A3FF", + "hover": "#5F9FFF", + "normal": "#589BFF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -240882,32 +250807,32 @@ exports[`shapshots octaviusVKDark 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", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -240915,14 +250840,14 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(249, 252, 255, 0.72)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -240930,69 +250855,69 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(247, 251, 255, 0.42)", }, "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(230, 70, 70, 0.2)", - "hover": "rgba(230, 70, 70, 0.16)", - "normal": "rgba(230, 70, 70, 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": "#E0EBFF", - "hover": "#DEEAFF", - "normal": "#DDE9FF", - }, - "colorTooltipBackgroundGreenTint": { - "active": "#D2EFE8", - "hover": "#D0EFE7", - "normal": "#CEEEE6", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "#F9D7C2", - "hover": "#F9D5C0", - "normal": "#F9D3BD", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "#F3EAFF", - "hover": "#F3E9FF", - "normal": "#F2E8FF", - }, - "colorTooltipTextBlueThemed": { "active": "#2E5384", "hover": "#254B7E", "normal": "#1C4479", }, - "colorTooltipTextGreenThemed": { + "colorTooltipBackgroundGreenTint": { "active": "#1C8679", "hover": "#128173", "normal": "#087C6D", }, - "colorTooltipTextOrangeThemed": { + "colorTooltipBackgroundOrangeTint": { "active": "#83563B", "hover": "#7D4E33", "normal": "#78472A", }, - "colorTooltipTextPurpleThemed": { + "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)", @@ -241000,19 +250925,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "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)", @@ -241020,14 +250945,14 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "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)", + "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": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -241035,16 +250960,17 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, + "letterSpacing": "0.26px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -241052,16 +250978,17 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -241069,9 +250996,10 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -241114,12 +251042,12 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -241127,9 +251055,10 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 18, "textTransform": "uppercase", }, @@ -241140,10 +251069,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, - "letterSpacing": "-0.56px", "lineHeight": 32, }, }, @@ -241153,10 +251081,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, - "letterSpacing": "-0.48px", "lineHeight": 28, }, }, @@ -241166,25 +251093,32 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, - "letterSpacing": "-0.4px", "lineHeight": 26, }, }, "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, }, "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, @@ -241210,24 +251144,32 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { - "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -241235,7 +251177,7 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -241243,10 +251185,10 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 24, + "lineHeight": 22, }, }, "fontWeightAccent1": 500, @@ -241255,19 +251197,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "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%", + "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%", "octaviusColorActionArchive": { - "active": "#316935", - "hover": "#28632C", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -241275,19 +251217,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(82, 158, 244, 0.2)", - "hover": "rgba(82, 158, 244, 0.16)", - "normal": "rgba(82, 158, 244, 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)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -241295,19 +251237,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { "active": "#E9EAEC", @@ -241320,19 +251262,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { "active": "#E9EAEC", @@ -241340,9 +251282,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#161616", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -241350,59 +251292,59 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#FC3D48", - "hover": "#FC3440", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "octaviusColorHeaderSearchBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#414141", - "hover": "#393939", - "normal": "#313131", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "rgba(255, 255, 255, 0.56)", @@ -241410,64 +251352,64 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#BCBEC3", + "hover": "#B9BBC1", + "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#1BAAFC", - "hover": "#11A7FC", - "normal": "#07a3fc", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#E91515", - "hover": "#E80B0B", - "normal": "#e70101", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorIconFinance": { - "active": "#34CD8D", - "hover": "#2BCB88", - "normal": "#22c983", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorIconGames": { - "active": "#FDD04D", - "hover": "#FDCE46", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { "active": "#FFAB56", @@ -241475,9 +251417,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#37C5ED", - "hover": "#2FC3EC", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { "active": "#EE565E", @@ -241485,14 +251427,14 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#FF5FB2", - "hover": "#FF58AE", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { "active": "#7FC419", @@ -241500,9 +251442,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { "active": "#CD88EE", @@ -241510,9 +251452,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#7D92FF", - "hover": "#788DFF", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { "active": "#2FCBD6", @@ -241520,19 +251462,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C22BFF", - "hover": "#C022FF", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1F86FF", + "hover": "#1681FF", + "normal": "#0C7CFF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -241571,9 +251513,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#F3FAF5", - "hover": "#F3FAF4", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { "active": "#3D3E3F", @@ -241581,19 +251523,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#F1F6FF", - "hover": "#F1F5FF", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { "active": "#3D3E3F", @@ -241606,9 +251548,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -241616,29 +251558,29 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorPlaceholderBackground": { - "active": "#292929", - "hover": "#1F1F1F", - "normal": "#161616", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#313131", - "hover": "#282828", - "normal": "rgb(31, 31, 31)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { "active": "#D7D8DB", @@ -241671,58 +251613,58 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorSidebarCounterText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#1BAAFC", - "hover": "#11A7FC", - "normal": "#07a3fc", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#E91515", - "hover": "#E80B0B", - "normal": "#e70101", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#34CD8D", - "hover": "#2BCB88", - "normal": "#22c983", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#FF5FB2", - "hover": "#FF58AE", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#C22BFF", - "hover": "#C022FF", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#1F86FF", + "hover": "#1681FF", + "normal": "#0C7CFF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -241731,9 +251673,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { "active": "#D7D8DB", @@ -241741,19 +251683,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { "active": "#D7D8DB", @@ -241761,14 +251703,14 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -241776,34 +251718,34 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -241856,58 +251798,58 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF4040", - "hover": "#FF3737", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#38B880", - "hover": "#30B57B", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#EDB514", - "hover": "#ECB20A", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#FC9328", - "hover": "#FC8F1E", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#1CB2DC", - "hover": "#12AEDB", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#6376DC", - "hover": "#5C70DB", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#26BAC4", - "hover": "#1CB7C2", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#3E3E3F", - "hover": "#353536", - "normal": "#2D2D2E", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", - "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", - "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", + "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", @@ -242333,7 +252275,7 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusVKDark", + "themeName": "octaviusWhiteDark", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -242367,7 +252309,7 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` +exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -242391,10 +252333,6 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -242416,15 +252354,15 @@ exports[`shapshots octaviusWhite 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": { @@ -242612,29 +252550,15 @@ exports[`shapshots octaviusWhite 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)", - }, - }, - "colorAlert": { - "active": { - "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #B2311E)", - }, - "hover": { - "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #B9331C)", - }, - "normal": { - "name": "--vkui--color_alert", - "value": "var(--vkui--color_alert, #c1341b)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAvatarOverlay": { @@ -242710,29 +252634,29 @@ exports[`shapshots octaviusWhite 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": { @@ -243141,34 +253065,6 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, }, - "colorBackgroundThumbnail": { - "active": { - "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", - }, - "hover": { - "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - }, - "normal": { - "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #EBECEF)", - }, - }, - "colorBackgroundThumbnailAlpha": { - "active": { - "name": "--vkui--color_background_thumbnail_alpha--active", - "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_thumbnail_alpha--hover", - "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_thumbnail_alpha", - "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", - }, - }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", @@ -243270,43 +253166,43 @@ exports[`shapshots octaviusWhite 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": { @@ -243354,29 +253250,29 @@ exports[`shapshots octaviusWhite 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": { @@ -243659,270 +253555,18 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, - "colorPaletteBlue1": { - "active": { - "name": "--vkui--color_palette_blue1--active", - "value": "var(--vkui--color_palette_blue1--active, #264CEF)", - }, - "hover": { - "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", - }, - "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, #009FE4)", - }, - "hover": { - "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", - }, - "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, #23CED2)", - }, - "hover": { - "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", - }, - "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, #A0D016)", - }, - "hover": { - "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #A7D915)", - }, - "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, #52B552)", - }, - "hover": { - "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #55BC53)", - }, - "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, #33D98D)", - }, - "hover": { - "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #35E291)", - }, - "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, #00A4AA)", - }, - "hover": { - "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", - }, - "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, #EB812F)", - }, - "hover": { - "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", - }, - "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, #E82A38)", - }, - "hover": { - "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #F22B38)", - }, - "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, #D8187C)", - }, - "hover": { - "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #E2197E)", - }, - "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, #EB69B1)", - }, - "hover": { - "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", - }, - "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, #6301EF)", - }, - "hover": { - "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", - }, - "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, #A06BEF)", - }, - "hover": { - "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", - }, - "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, #EBB515)", - }, - "hover": { - "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", - }, - "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, #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": { @@ -244065,130 +253709,32 @@ exports[`shapshots octaviusWhite 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, #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": { @@ -244247,172 +253793,32 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, }, - "colorTagBackgroundMint": { - "active": { - "name": "--vkui--color_tag_background_mint--active", - "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", - }, - "hover": { - "name": "--vkui--color_tag_background_mint--hover", - "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", - }, - "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, #EBC29F)", - }, - "hover": { - "name": "--vkui--color_tag_background_orange--hover", - "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", - }, - "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, #EBA5CD)", - }, - "hover": { - "name": "--vkui--color_tag_background_pink--hover", - "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", - }, - "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, #BEA6E2)", - }, - "hover": { - "name": "--vkui--color_tag_background_purple--hover", - "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", - }, - "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, #97CEEF)", - }, - "hover": { - "name": "--vkui--color_tag_background_sky--hover", - "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", - }, - "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, #1D5559)", - }, - "hover": { - "name": "--vkui--color_tag_text_mint--hover", - "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", - }, - "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, #543322)", - }, - "hover": { - "name": "--vkui--color_tag_text_orange--hover", - "value": "var(--vkui--color_tag_text_orange--hover, #573421)", - }, - "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, #4B1F59)", - }, - "hover": { - "name": "--vkui--color_tag_text_pink--hover", - "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", - }, - "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, #341F59)", - }, - "hover": { - "name": "--vkui--color_tag_text_purple--hover", - "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", - }, - "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, #1D3B59)", - }, - "hover": { - "name": "--vkui--color_tag_text_sky--hover", - "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", - }, - "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, #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": { @@ -244446,29 +253852,29 @@ exports[`shapshots octaviusWhite 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": { @@ -244516,15 +253922,15 @@ exports[`shapshots octaviusWhite 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": { @@ -244810,15 +254216,15 @@ exports[`shapshots octaviusWhite 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": { @@ -245220,24 +254626,6 @@ exports[`shapshots octaviusWhite 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", @@ -245455,33 +254843,31 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 28px)", + "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, 500)", + "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, 32px)", + "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)", }, }, }, @@ -245503,33 +254889,31 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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, 28px)", + "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)", }, }, }, @@ -245551,33 +254935,31 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -245600,16 +254982,6 @@ exports[`shapshots octaviusWhite 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", @@ -245648,16 +255020,6 @@ exports[`shapshots octaviusWhite 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", @@ -245696,16 +255058,6 @@ exports[`shapshots octaviusWhite 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", @@ -245782,16 +255134,6 @@ exports[`shapshots octaviusWhite 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", @@ -245830,16 +255172,6 @@ exports[`shapshots octaviusWhite 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", @@ -245877,24 +255209,32 @@ exports[`shapshots octaviusWhite 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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": { @@ -245915,23 +255255,31 @@ exports[`shapshots octaviusWhite 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -246013,3388 +255361,1358 @@ exports[`shapshots octaviusWhite 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%)", }, - "octaviusColorActionArchive": { - "active": { - "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - }, - "hover": { - "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "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)", }, - "normal": { - "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "octaviusColorBackground": { - "active": { - "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", - }, - "hover": { - "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, - "normal": { - "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #F6F7F8)", + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "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))", - }, - "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))", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "normal": { - "name": "--vkui--octavius_color_background_accent_tint_alpha", - "value": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "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))", - }, - "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))", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "normal": { - "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0,95,249,0.12))", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "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.2))", - }, - "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.16))", + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, - "normal": { - "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "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.18))", - }, - "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.14))", + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, - "normal": { - "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "octaviusColorButtonBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_button_background_alpha--active", - "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "normal": { - "name": "--vkui--octavius_color_button_background_alpha", - "value": "var(--vkui--octavius_color_button_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": { - "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - }, - "hover": { - "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "normal": { - "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - }, - "hover": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "normal": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "octaviusColorButtonEmptyStateText": { - "active": { - "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "octaviusColorButtonIcon": { - "active": { - "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "normal": { - "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #333333)", + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "octaviusColorButtonText": { - "active": { - "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #313233)", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "normal": { - "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #333333)", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "octaviusColorContentScrollbarAlpha": { - "active": { - "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "normal": { - "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "octaviusColorDatasetBackground": { - "active": { - "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "normal": { - "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "octaviusColorEmptyStateText": { - "active": { - "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #333333)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "octaviusColorEmptyStateTextLink": { - "active": { - "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", - }, - "hover": { - "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "normal": { - "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "octaviusColorHeaderBackground": { - "active": { - "name": "--vkui--octavius_color_header_background--active", - "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, #F5F5F7)", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, - "normal": { - "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "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.4))", - }, - "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.64))", + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, - "normal": { - "name": "--vkui--octavius_color_header_button_background_alpha", - "value": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", }, }, - "octaviusColorHeaderButtonText": { - "active": { - "name": "--vkui--octavius_color_header_button_text--active", - "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, #2A2C2F)", + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_header_button_text", - "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "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))", - }, - "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))", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "octaviusColorHeaderIcon": { - "active": { - "name": "--vkui--octavius_color_header_icon--active", - "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, #F5F5F7)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "normal": { - "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "octaviusColorHeaderIconAttach": { - "active": { - "name": "--vkui--octavius_color_header_icon_attach--active", - "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, #D0D2D7)", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, - "normal": { - "name": "--vkui--octavius_color_header_icon_attach", - "value": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "octaviusColorHeaderIconFavorite": { - "active": { - "name": "--vkui--octavius_color_header_icon_favorite--active", - "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, #F22B38)", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "normal": { - "name": "--vkui--octavius_color_header_icon_favorite", - "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "octaviusColorHeaderIconUnread": { - "active": { - "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #0059EA)", - }, - "hover": { - "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #005CF1)", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #005FF9)", + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "octaviusColorHeaderProgress": { - "active": { - "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #F59802)", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "normal": { - "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", }, }, - "octaviusColorHeaderSearchBackground": { - "active": { - "name": "--vkui--octavius_color_header_search_background--active", - "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, #E6E8EC)", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": { - "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "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, #E6E8EC)", + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "octaviusColorHeaderSearchChipBackground": { - "active": { - "name": "--vkui--octavius_color_header_search_chip_background--active", - "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, rgba(255, 255, 255, 0.64))", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_background", - "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": { - "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, - "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(0, 16, 61, 0.2))", - }, - "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(0, 16, 61, 0.16))", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha", - "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "octaviusColorHeaderSearchIcon": { - "active": { - "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_icon", - "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "octaviusColorHeaderSearchText": { - "active": { - "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": { - "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": { - "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #0059EA)", - }, - "hover": { - "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #005CF1)", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "octaviusColorHeaderTextSecondary": { - "active": { - "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", - }, - "hover": { - "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorIconEvent": { - "active": { - "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "octaviusColorIconEventAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_event_alpha--active", - "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorIconFavorite": { - "active": { - "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "octaviusColorIconFees": { - "active": { - "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #D40105)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #DD0102)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "normal": { - "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #e60000)", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "octaviusColorIconFinance": { - "active": { - "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "normal": { - "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #2fc885)", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "octaviusColorIconGames": { - "active": { - "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #E4AC09)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #EEB306)", + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, - "normal": { - "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, - "octaviusColorIconMailings": { - "active": { - "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #E88018)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #F28517)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "normal": { - "name": "--vkui--octavius_color_icon_mailings", - "value": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "octaviusColorIconNews": { - "active": { - "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #079FCD)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #08A5D3)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "normal": { - "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #08ABD9)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "octaviusColorIconOfficial": { - "active": { - "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "normal": { - "name": "--vkui--octavius_color_icon_official", - "value": "var(--vkui--octavius_color_icon_official, #EC4750)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "octaviusColorIconOrder": { - "active": { - "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, - "normal": { - "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "octaviusColorIconOrderAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_order_alpha--active", - "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "hover": { - "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - }, - "normal": { - "name": "--vkui--octavius_color_icon_order_alpha", - "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "octaviusColorIconReceipts": { - "active": { - "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, - "normal": { - "name": "--vkui--octavius_color_icon_receipts", - "value": "var(--vkui--octavius_color_icon_receipts, #74BF05)", + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "octaviusColorIconRegistration": { - "active": { - "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, - "normal": { - "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "octaviusColorIconSchool": { - "active": { - "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #9E75DE)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #A57AE5)", + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, - "normal": { - "name": "--vkui--octavius_color_icon_school", - "value": "var(--vkui--octavius_color_icon_school, #AC7EEC)", + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "octaviusColorIconSocial": { - "active": { - "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "normal": { - "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #7288FF)", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "octaviusColorIconToMyself": { - "active": { - "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #00AF8C)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #00B690)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_icon_to_myself", - "value": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "octaviusColorIconTravel": { - "active": { - "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorIconTravelAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_travel_alpha--active", - "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "octaviusColorIconUnread": { - "active": { - "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #0059EA)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #005CF1)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #005FF9)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "octaviusColorLayoutBorderAlpha": { - "active": { - "name": "--vkui--octavius_color_layout_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_layout_border_alpha", - "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": { - "name": "--vkui--octavius_color_layout_letter_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_layout_letter_border_alpha", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "octaviusColorLetterAttachListBackground": { - "name": "--vkui--octavius_color_letter_attach_list_background", - "value": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", - }, - "octaviusColorLetterContactBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_letter_contact_background_alpha--active", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_letter_contact_background_alpha", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, }, - "octaviusColorLetterListTextUnread": { - "active": { - "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, - "normal": { - "name": "--vkui--octavius_color_letter_list_text_unread", - "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": { - "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_letter_preview_background_primary", - "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": { - "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_letter_preview_background_secondary", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "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))", - }, - "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))", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, - "normal": { - "name": "--vkui--octavius_color_list_background_positive_alpha", - "value": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - }, - "hover": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", }, - "normal": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", }, }, - "octaviusColorListIconPrimary": { - "active": { - "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", }, - "normal": { - "name": "--vkui--octavius_color_list_icon_primary", - "value": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, - "octaviusColorListLetterAdvBackground": { - "active": { - "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", }, }, - "octaviusColorListLetterBackground": { - "active": { - "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", }, }, - "octaviusColorListLetterSeparatorAlpha": { - "active": { - "name": "--vkui--octavius_color_list_letter_separator_alpha--active", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", }, }, - "octaviusColorListTextPrimary": { - "active": { - "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", }, - "normal": { - "name": "--vkui--octavius_color_list_text_primary", - "value": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", }, }, - "octaviusColorListTextUnread": { - "active": { - "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - "normal": { - "name": "--vkui--octavius_color_list_text_unread", - "value": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", }, }, - "octaviusColorNotificationBorder": { - "active": { - "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", }, - "normal": { - "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #ffffff)", + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, }, - "octaviusColorOverlayBackground": { - "active": { - "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, - "normal": { - "name": "--vkui--octavius_color_overlay_background", - "value": "var(--vkui--octavius_color_overlay_background, transparent)", + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "octaviusColorPlaceholderBackground": { - "active": { - "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", }, - "normal": { - "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", }, }, - "octaviusColorPortalMenuBackground": { - "active": { - "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", }, - "normal": { - "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_portal_search_background_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - }, - "hover": { - "name": "--vkui--octavius_color_portal_search_background_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", }, - "normal": { - "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", }, }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - }, - "hover": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "octaviusColorPromoBackground": { - "active": { - "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - }, - "hover": { - "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "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--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "octaviusColorSidebarButtonBackground": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "sizeIconMargin": { + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_background", - "value": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", }, }, - "octaviusColorSidebarButtonIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "sizeIconMorePadding": { + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_icon", - "value": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "octaviusColorSidebarButtonText": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_text", - "value": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", }, }, - "octaviusColorSidebarComposeButtonBackground": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_background", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "octaviusColorSidebarComposeButtonIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "octaviusColorSidebarComposeButtonText": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_text", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "octaviusColorSidebarCounterText": { - "active": { - "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "octaviusColorSidebarIconEvent": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "octaviusColorSidebarIconFavorite": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "octaviusColorSidebarIconFees": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "octaviusColorSidebarIconFinance": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "octaviusColorSidebarIconOrder": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, }, - "octaviusColorSidebarIconRegistration": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "octaviusColorSidebarIconTravel": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "octaviusColorSidebarIconUnread": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #0059EA)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #005CF1)", + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #005FF9)", + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", }, }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "octaviusColorSidebarItemIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", }, }, - "octaviusColorSidebarItemIconActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "octaviusColorSidebarItemIconPrimary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "octaviusColorSidebarItemIconSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, }, - "octaviusColorSidebarItemText": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, }, - "octaviusColorSidebarItemTextActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "sizePromoButtonClose": { + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", }, }, - "octaviusColorSidebarItemTextPrimary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "octaviusColorSidebarItemTextSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", }, }, - "octaviusColorSidebarScrollbarAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, }, - "octaviusColorSidebarShortItemIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", - }, - }, - "octaviusColorSidebarShortItemIconActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", - }, - }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", - }, - }, - "octaviusColorSidebarShortItemText": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text", - "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", - }, - }, - "octaviusColorSidebarShortItemTextActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", - }, - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", - }, - }, - "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, #2C2D31)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_background--hover", - "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", - }, - "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, #5190EF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", - }, - "normal": { - "name": "--vkui--octavius_color_snackbar_icon_accent", - "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", - }, - }, - "octaviusColorSnackbarIconNegative": { - "active": { - "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_negative--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", - }, - "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, #0CB465)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_positive--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", - }, - "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, #90929A)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", - }, - "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, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_warning--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", - }, - "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, #5190EF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", - }, - "normal": { - "name": "--vkui--octavius_color_snackbar_text_accent", - "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", - }, - }, - "octaviusColorSnackbarTextContrast": { - "active": { - "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_text_contrast--hover", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", - }, - "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))", - }, - }, - "octaviusColorTextFees": { - "active": { - "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - }, - "hover": { - "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - }, - "normal": { - "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", - }, - }, - "octaviusColorTextFinance": { - "active": { - "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", - }, - "hover": { - "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - }, - "normal": { - "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #27B275)", - }, - }, - "octaviusColorTextGames": { - "active": { - "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", - }, - "hover": { - "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - }, - "normal": { - "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #EBAF00)", - }, - }, - "octaviusColorTextMailings": { - "active": { - "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - }, - "hover": { - "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - }, - "normal": { - "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", - }, - }, - "octaviusColorTextNews": { - "active": { - "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", - }, - "hover": { - "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - }, - "normal": { - "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #08ABD9)", - }, - }, - "octaviusColorTextSchool": { - "active": { - "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", - }, - "hover": { - "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - }, - "normal": { - "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #C97EEC)", - }, - }, - "octaviusColorTextSocial": { - "active": { - "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - }, - "hover": { - "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - }, - "normal": { - "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #556AD9)", - }, - }, - "octaviusColorTextToMyself": { - "active": { - "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - }, - "hover": { - "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - }, - "normal": { - "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", - }, - }, - "octaviusColorThreadFooterBackground": { - "active": { - "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - }, - "hover": { - "name": "--vkui--octavius_color_thread_footer_background--hover", - "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - }, - "normal": { - "name": "--vkui--octavius_color_thread_footer_background", - "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", - }, - }, - "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": { + "sizeSliceTopPadding": { "auto": { - "name": "--vkui--octavius_size_headline_height", - "value": "var(--vkui--octavius_size_headline_height)", + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", }, "regular": { - "name": "--vkui--octavius_size_headline_height--regular", - "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", }, }, - "octaviusSizeLayoutWidthMax": { + "sizeSplitColPaddingHorizontal": { "auto": { - "name": "--vkui--octavius_size_layout_width_max", - "value": "var(--vkui--octavius_size_layout_width_max)", + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "regular": { - "name": "--vkui--octavius_size_layout_width_max--regular", - "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "octaviusSizeLayoutWidthMin": { + "sizeSubnavigationBarGap": { "auto": { - "name": "--vkui--octavius_size_layout_width_min", - "value": "var(--vkui--octavius_size_layout_width_min)", + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, "regular": { - "name": "--vkui--octavius_size_layout_width_min--regular", - "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "octaviusSizeSidebarPaddingTop": { + "sizeSubnavigationBarPaddingVertical": { "auto": { - "name": "--vkui--octavius_size_sidebar_padding_top", - "value": "var(--vkui--octavius_size_sidebar_padding_top)", + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_padding_top--regular", - "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { + "sizeSwitchHeight": { "auto": { - "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "octaviusSizeSidebarWidgetsHeightMin": { + "sizeSwitchPin": { "auto": { - "name": "--vkui--octavius_size_sidebar_widgets_height_min", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", - }, - }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", - }, - "hover": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - }, - "normal": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "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": { + "sizeSwitchWidth": { "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", }, "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "sizeArrowHeight": { + "sizeTabMargin": { "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", }, "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", }, }, - "sizeArrowPadding": { + "sizeTabPadding": { "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", }, }, - "sizeArrowPromo": { + "sizeTableHorizontalPadding": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", }, "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, }, - "sizeArrowWidth": { + "sizeTableVerticalPadding": { "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", }, "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, }, - "sizeAttributeMargin": { + "sizeTagMargin": { "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", }, "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", }, }, - "sizeAvatarL": { + "sizeTagPadding": { "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", }, }, - "sizeAvatarM": { + "sizeTipMargin": { "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", }, "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", }, }, - "sizeAvatarS": { + "sizeTooltipMargin": { "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizeAvatarXL": { + "sizeVerticalPadding": { "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", }, }, - "sizeAvatarXS": { + "sizeWysiwygIcon": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, }, - "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)", - }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "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)", - }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "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)", - }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "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)", - }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "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)", - }, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "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)", - }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "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)", - }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "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)", - }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "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)", - }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", - }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, otvet)", }, - "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)", - }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, otvet)", }, - "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)", - }, + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "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)", - }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "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)", - }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "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)", - }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "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)", - }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "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)", - }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "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)", - }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "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)", - }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "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)", - }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "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)", - }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "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)", - }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "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)", - }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "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)", - }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", }, - "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)", - }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", }, - "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)", - }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", }, - "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)", - }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", }, - "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)", - }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", }, - "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)", - }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", }, - "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)", - }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", }, - "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)", - }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", }, - "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)", - }, + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, - }, - "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)", - }, - }, - "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, octaviusWhite)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, octavius)", - }, - "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)", + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", }, "zIndexModal": { "name": "--vkui--z_index_modal", @@ -249407,7 +256725,7 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -249416,10 +256734,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -249430,9 +256744,9 @@ exports[`shapshots octaviusWhite 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", @@ -249500,14 +256814,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", - "normal": "#c1341b", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -249535,14 +256844,14 @@ exports[`shapshots octaviusWhite 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", @@ -249689,16 +256998,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, - "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", - }, - "colorBackgroundThumbnailAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", @@ -249735,19 +257034,19 @@ exports[`shapshots octaviusWhite 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", @@ -249765,14 +257064,14 @@ exports[`shapshots octaviusWhite 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", @@ -249874,100 +257173,10 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "rgba(44, 45, 46, 0.54)", "normal": "rgba(44, 45, 46, 0.5)", }, - "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", - "normal": "#2951ff", - }, - "colorPaletteBlue1Alpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", - }, - "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", - "normal": "#26dfdf", - }, - "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", - "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": "#52B552", - "hover": "#55BC53", - "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": "#33D98D", - "hover": "#35E291", - "normal": "#37eb94", - }, - "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", - "normal": "#00b1b3", - }, - "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", - "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": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", - "normal": "#eb1981", - }, - "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", - "normal": "#ff71bb", - }, - "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", - "normal": "#6c00ff", - }, - "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", - "normal": "#ae73ff", - }, - "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", - "normal": "#ffc311", - }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -250019,50 +257228,15 @@ exports[`shapshots octaviusWhite 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": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -250084,65 +257258,15 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#939CA9", "normal": "#99A2AD", }, - "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", - "normal": "#B3F0DD", - }, - "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", - "normal": "#FFD2A8", - }, - "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", - "normal": "#FFB2DA", - }, - "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", - "normal": "#CEB3F0", - }, - "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", - "normal": "#A4DEFF", - }, - "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", - "normal": "#205B5B", - }, - "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", - "normal": "#5B3620", - }, - "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", - "normal": "#51205B", - }, - "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", - "normal": "#38205B", - }, - "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", - "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", @@ -250155,14 +257279,14 @@ exports[`shapshots octaviusWhite 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", @@ -250180,9 +257304,9 @@ exports[`shapshots octaviusWhite 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", @@ -250285,9 +257409,9 @@ exports[`shapshots octaviusWhite 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", @@ -250373,12 +257497,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, }, "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", @@ -250424,46 +257542,33 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, }, "fontH0": { - "compact": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "44px", + "fontWeight": 700, "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", + "marginBottom": "20px", }, }, "fontH1": { - "compact": { - "fontSize": "32px", - "lineHeight": "36px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": "16px", }, }, "fontH2": { - "compact": { - "fontSize": "28px", - "lineHeight": "32px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": "12px", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -250472,10 +257577,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -250484,10 +257585,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", @@ -250504,10 +257601,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", @@ -250516,10 +257609,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -250529,18 +257618,20 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 700, "lineHeight": "28px", + "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": "12px", }, }, "fontTitle3": { @@ -250561,686 +257652,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "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%", - "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", - }, - "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", - }, - "octaviusColorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "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)", - }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", - }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", - }, - "octaviusColorButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", - }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", - }, - "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", - }, - "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "transparent", - }, - "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", - }, - "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", - }, - "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", - }, - "octaviusColorHeaderIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "octaviusColorHeaderProgress": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", - }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", - }, - "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", - "normal": "#b6b8be", - }, - "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", - }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", - "normal": "#93969b", - }, - "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", - }, - "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", - }, - "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "octaviusColorIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", - }, - "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", - }, - "octaviusColorIconGames": { - "active": "#E4AC09", - "hover": "#EEB306", - "normal": "#F8BA04", - }, - "octaviusColorIconMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", - }, - "octaviusColorIconNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", - }, - "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", - "normal": "#EC4750", - }, - "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", - }, - "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", - }, - "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", - "normal": "#74BF05", - }, - "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "octaviusColorIconSchool": { - "active": "#9E75DE", - "hover": "#A57AE5", - "normal": "#AC7EEC", - }, - "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", - }, - "octaviusColorIconToMyself": { - "active": "#00AF8C", - "hover": "#00B690", - "normal": "#00BD93", - }, - "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", - }, - "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", - }, - "octaviusColorIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "octaviusColorLayoutBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", - "normal": "transparent", - }, - "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", - }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", - }, - "octaviusColorListBackgroundPositiveAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", - }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", - }, - "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", - }, - "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", - }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorOverlayBackground": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", - }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", - }, - "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", - }, - "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", - }, - "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", - }, - "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", - }, - "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", - }, - "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", - }, - "octaviusColorSidebarIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", - }, - "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarWidgetBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", - }, - "octaviusColorSnackbarIconAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", - }, - "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#FF5C5C", - }, - "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", - "normal": "#9C9DA2", - }, - "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "octaviusColorSnackbarTextAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", - }, - "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSnackbarTransparent": { - "active": "rgba(255, 255, 255, 0.04)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", - }, - "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", - }, - "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", - }, - "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", - }, - "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", - }, - "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", - }, - "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", - }, - "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", - }, - "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", - }, - "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", - }, - "octaviusSizeLayoutWidthMax": { - "regular": "2150px", - }, - "octaviusSizeLayoutWidthMin": { - "regular": "761px", - }, - "octaviusSizeSidebarPaddingTop": { - "regular": "12px", - }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "regular": "104px", - }, - "octaviusSizeSidebarWidgetsHeightMin": { - "regular": "64px", - }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", - }, - "octaviusTextShadowEmptyStateText": "none", - "octaviusTextShadowSidebarItemText": "none", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { @@ -251296,7 +257707,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -251318,7 +257728,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -251369,15 +257779,12 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -251387,7 +257794,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -251400,7 +257806,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -251440,7 +257845,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -251456,8 +257860,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "8px", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "regular": "40px", }, "sizeFieldHorizontalMargin": { "regular": "20px", @@ -251472,7 +257875,6 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -251483,15 +257885,13 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "20px", }, "sizeIconMargin": { - "compact": "8px", "regular": "12px", }, "sizeIconMorePadding": { - "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "16px", + "regular": "18px", }, "sizeIllustrationL": { "regular": "144px", @@ -251527,22 +257927,18 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "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": { @@ -251561,11 +257957,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "32px", }, "sizeSearchHeight": { - "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -251584,15 +257978,12 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", "regular": "14px", }, "sizeSwitchPin": { - "compact": "18px", "regular": "20px", }, "sizeSwitchWidth": { - "compact": "32px", "regular": "34px", }, "sizeTabMargin": { @@ -251635,8 +258026,8 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusWhite", - "themeNameBase": "octavius", + "themeName": "otvet", + "themeNameBase": "otvet", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -251646,10 +258037,6 @@ exports[`shapshots octaviusWhite 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)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -251669,7 +258056,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] } `; -exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1`] = ` +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)", @@ -251678,10 +258065,6 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 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, }, @@ -251692,9 +258075,9 @@ exports[`shapshots octaviusWhite 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)", @@ -251762,14 +258145,9 @@ exports[`shapshots octaviusWhite 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)", - }, - "colorAlert": { - "active": "var(--vkui--color_alert--active, #B2311E)", - "hover": "var(--vkui--color_alert--hover, #B9331C)", - "normal": "var(--vkui--color_alert, #c1341b)", + "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))", @@ -251797,14 +258175,14 @@ exports[`shapshots octaviusWhite 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)", @@ -251951,16 +258329,6 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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))", }, - "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", - "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", - }, - "colorBackgroundThumbnailAlpha": { - "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", - }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #EBDFA4)", "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", @@ -251997,19 +258365,19 @@ exports[`shapshots octaviusWhite 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)", @@ -252027,14 +258395,14 @@ exports[`shapshots octaviusWhite 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)", @@ -252136,100 +258504,10 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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))", }, - "colorPaletteBlue1": { - "active": "var(--vkui--color_palette_blue1--active, #264CEF)", - "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", - "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, #009FE4)", - "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", - "normal": "var(--vkui--color_palette_blue2, #00abf2)", - }, - "colorPaletteBlue3": { - "active": "var(--vkui--color_palette_blue3--active, #23CED2)", - "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", - "normal": "var(--vkui--color_palette_blue3, #26dfdf)", - }, - "colorPaletteGreen1": { - "active": "var(--vkui--color_palette_green1--active, #A0D016)", - "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", - "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, #52B552)", - "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", - "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, #33D98D)", - "hover": "var(--vkui--color_palette_green3--hover, #35E291)", - "normal": "var(--vkui--color_palette_green3, #37eb94)", - }, - "colorPaletteGreen4": { - "active": "var(--vkui--color_palette_green4--active, #00A4AA)", - "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", - "normal": "var(--vkui--color_palette_green4, #00b1b3)", - }, - "colorPaletteOrange1": { - "active": "var(--vkui--color_palette_orange1--active, #EB812F)", - "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", - "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, #E82A38)", - "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", - "normal": "var(--vkui--color_palette_red1, #fc2c38)", - }, - "colorPaletteRed2": { - "active": "var(--vkui--color_palette_red2--active, #D8187C)", - "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", - "normal": "var(--vkui--color_palette_red2, #eb1981)", - }, - "colorPaletteRed3": { - "active": "var(--vkui--color_palette_red3--active, #EB69B1)", - "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", - "normal": "var(--vkui--color_palette_red3, #ff71bb)", - }, - "colorPaletteViolet1": { - "active": "var(--vkui--color_palette_violet1--active, #6301EF)", - "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", - "normal": "var(--vkui--color_palette_violet1, #6c00ff)", - }, - "colorPaletteViolet2": { - "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", - "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", - "normal": "var(--vkui--color_palette_violet2, #ae73ff)", - }, - "colorPaletteYellow1": { - "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", - "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", - "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)", @@ -252281,50 +258559,15 @@ exports[`shapshots octaviusWhite 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, #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)", @@ -252346,65 +258589,15 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, - "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", - "normal": "var(--vkui--color_tag_background_mint, #B3F0DD)", - }, - "colorTagBackgroundOrange": { - "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", - "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", - "normal": "var(--vkui--color_tag_background_orange, #FFD2A8)", - }, - "colorTagBackgroundPink": { - "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", - "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", - "normal": "var(--vkui--color_tag_background_pink, #FFB2DA)", - }, - "colorTagBackgroundPurple": { - "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", - "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", - "normal": "var(--vkui--color_tag_background_purple, #CEB3F0)", - }, - "colorTagBackgroundSky": { - "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", - "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", - "normal": "var(--vkui--color_tag_background_sky, #A4DEFF)", - }, - "colorTagTextMint": { - "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", - "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", - "normal": "var(--vkui--color_tag_text_mint, #205B5B)", - }, - "colorTagTextOrange": { - "active": "var(--vkui--color_tag_text_orange--active, #543322)", - "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", - "normal": "var(--vkui--color_tag_text_orange, #5B3620)", - }, - "colorTagTextPink": { - "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", - "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", - "normal": "var(--vkui--color_tag_text_pink, #51205B)", - }, - "colorTagTextPurple": { - "active": "var(--vkui--color_tag_text_purple--active, #341F59)", - "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", - "normal": "var(--vkui--color_tag_text_purple, #38205B)", - }, - "colorTagTextSky": { - "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", - "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", - "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)", @@ -252417,14 +258610,14 @@ exports[`shapshots octaviusWhite 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)", @@ -252442,9 +258635,9 @@ exports[`shapshots octaviusWhite 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)", @@ -252547,9 +258740,9 @@ exports[`shapshots octaviusWhite 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)", @@ -252635,12 +258828,6 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` }, }, "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)", @@ -252686,46 +258873,33 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` }, }, "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": "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": "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": "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": "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": "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": "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)", @@ -252734,10 +258908,6 @@ exports[`shapshots octaviusWhite 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)", - }, "regular": { "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", @@ -252746,10 +258916,6 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` }, }, "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)", @@ -252766,10 +258932,6 @@ exports[`shapshots octaviusWhite 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, 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)", @@ -252778,10 +258940,6 @@ exports[`shapshots octaviusWhite 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)", - }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", @@ -252791,18 +258949,20 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` }, "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)", + "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": "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": "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": { @@ -252823,686 +258983,6 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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%)", - "octaviusColorActionArchive": { - "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", - "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", - }, - "octaviusColorBackground": { - "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))", - "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))", - }, - "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))", - }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", - "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", - "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", - }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", - }, - "octaviusColorButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", - }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", - }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", - }, - "octaviusColorButtonEmptyStateText": { - "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", - }, - "octaviusColorButtonIcon": { - "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_icon, #333333)", - }, - "octaviusColorButtonText": { - "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_text, #333333)", - }, - "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", - }, - "octaviusColorDatasetBackground": { - "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", - }, - "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", - }, - "octaviusColorEmptyStateTextLink": { - "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", - "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", - "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", - }, - "octaviusColorHeaderBackground": { - "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(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, #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(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)", - "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)", - "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, #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, #0059EA)", - "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_header_icon_unread, #005FF9)", - }, - "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)", - }, - "octaviusColorHeaderSearchBackground": { - "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, #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, 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)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", - "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", - }, - "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", - "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)", - }, - "octaviusColorHeaderTextSecondary": { - "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", - }, - "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", - }, - "octaviusColorIconEventAlpha": { - "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", - "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", - }, - "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", - }, - "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #D40105)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #DD0102)", - "normal": "var(--vkui--octavius_color_icon_fees, #e60000)", - }, - "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_icon_finance, #2fc885)", - }, - "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #E4AC09)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #EEB306)", - "normal": "var(--vkui--octavius_color_icon_games, #F8BA04)", - }, - "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #E88018)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F28517)", - "normal": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", - }, - "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #079FCD)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #08A5D3)", - "normal": "var(--vkui--octavius_color_icon_news, #08ABD9)", - }, - "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", - "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", - }, - "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", - }, - "octaviusColorIconOrderAlpha": { - "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", - }, - "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", - "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", - }, - "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", - }, - "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #9E75DE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #A57AE5)", - "normal": "var(--vkui--octavius_color_icon_school, #AC7EEC)", - }, - "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", - "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", - }, - "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #00AF8C)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #00B690)", - "normal": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", - }, - "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", - }, - "octaviusColorIconTravelAlpha": { - "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", - "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)", - }, - "octaviusColorLayoutBorderAlpha": { - "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", - "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", - }, - "octaviusColorLetterListTextUnread": { - "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", - }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", - "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", - }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", - "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", - }, - "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))", - }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", - "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", - }, - "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", - }, - "octaviusColorListLetterAdvBackground": { - "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", - "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", - }, - "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", - "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", - }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", - }, - "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", - }, - "octaviusColorNotificationBorder": { - "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", - }, - "octaviusColorOverlayBackground": { - "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_overlay_background, transparent)", - }, - "octaviusColorPlaceholderBackground": { - "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", - }, - "octaviusColorPortalMenuBackground": { - "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", - }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", - "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", - }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", - "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", - }, - "octaviusColorPromoBackground": { - "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", - "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", - }, - "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", - }, - "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", - }, - "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", - }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", - }, - "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", - }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", - }, - "octaviusColorSidebarCounterText": { - "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", - }, - "octaviusColorSidebarIconEvent": { - "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", - }, - "octaviusColorSidebarIconFavorite": { - "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", - }, - "octaviusColorSidebarIconFees": { - "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", - }, - "octaviusColorSidebarIconFinance": { - "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", - }, - "octaviusColorSidebarIconOrder": { - "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", - }, - "octaviusColorSidebarIconRegistration": { - "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", - }, - "octaviusColorSidebarIconTravel": { - "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", - "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)", - }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", - }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", - }, - "octaviusColorSidebarItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", - }, - "octaviusColorSidebarItemIconActive": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", - }, - "octaviusColorSidebarItemIconPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", - }, - "octaviusColorSidebarItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", - }, - "octaviusColorSidebarItemText": { - "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", - }, - "octaviusColorSidebarItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", - }, - "octaviusColorSidebarItemTextPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", - }, - "octaviusColorSidebarItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", - }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", - }, - "octaviusColorSidebarShortItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", - }, - "octaviusColorSidebarShortItemIconActive": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", - }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", - }, - "octaviusColorSidebarShortItemText": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", - }, - "octaviusColorSidebarShortItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", - }, - "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, #2C2D31)", - "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", - "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)", - }, - "octaviusColorSnackbarIconNegative": { - "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", - "normal": "var(--vkui--octavius_color_snackbar_icon_negative, #FF5C5C)", - }, - "octaviusColorSnackbarIconPositive": { - "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", - "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--octavius_color_snackbar_icon_positive, #0DC268)", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", - "normal": "var(--vkui--octavius_color_snackbar_icon_secondary, #9C9DA2)", - }, - "octaviusColorSnackbarIconWarning": { - "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", - "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", - "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)", - }, - "octaviusColorSnackbarTextContrast": { - "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", - "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))", - }, - "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", - }, - "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - "normal": "var(--vkui--octavius_color_text_finance, #27B275)", - }, - "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", - "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", - }, - "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", - }, - "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", - "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", - }, - "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", - }, - "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - "normal": "var(--vkui--octavius_color_text_social, #556AD9)", - }, - "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", - }, - "octaviusColorThreadFooterBackground": { - "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", - }, - "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, underline)", - "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", - }, - "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": { @@ -253558,7 +259038,6 @@ exports[`shapshots octaviusWhite 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)", }, "sizeBasePaddingHorizontal": { @@ -253580,7 +259059,7 @@ exports[`shapshots octaviusWhite 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)", @@ -253631,15 +259110,12 @@ exports[`shapshots octaviusWhite 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)", }, "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": { @@ -253649,7 +259125,6 @@ exports[`shapshots octaviusWhite 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": { @@ -253662,7 +259137,6 @@ exports[`shapshots octaviusWhite 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)", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -253702,7 +259176,6 @@ exports[`shapshots octaviusWhite 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)", }, "sizeDivPadding": { @@ -253718,8 +259191,7 @@ exports[`shapshots octaviusWhite 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, 40px)", }, "sizeFieldHorizontalMargin": { "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", @@ -253734,7 +259206,6 @@ exports[`shapshots octaviusWhite 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)", }, "sizeFormItemPaddingVertical": { @@ -253745,15 +259216,13 @@ exports[`shapshots octaviusWhite 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)", }, "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)", + "regular": "var(--vkui--size_icon_u_i--regular, 18px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -253789,22 +259258,18 @@ exports[`shapshots octaviusWhite 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)", }, "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": { @@ -253823,11 +259288,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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": { @@ -253846,15 +259309,12 @@ exports[`shapshots octaviusWhite 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)", }, "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": { @@ -253897,8 +259357,8 @@ exports[`shapshots octaviusWhite 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, octaviusWhite)", - "themeNameBase": "var(--vkui--theme_name_base, octavius)", + "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)", @@ -253908,10 +259368,6 @@ exports[`shapshots octaviusWhite 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)")", "x0": "var(--vkui--x0, 0px)", "x025": "var(--vkui--x025, 1px)", "x05": "var(--vkui--x05, 2px)", @@ -253931,7 +259387,7 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` } `; -exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` +exports[`shapshots otvet theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -253940,10 +259396,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -253954,9 +259406,9 @@ exports[`shapshots octaviusWhite 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", @@ -254024,14 +259476,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", - "normal": "#c1341b", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -254059,14 +259506,14 @@ exports[`shapshots octaviusWhite 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", @@ -254213,16 +259660,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, - "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", - }, - "colorBackgroundThumbnailAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", @@ -254259,19 +259696,19 @@ exports[`shapshots octaviusWhite 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", @@ -254289,14 +259726,14 @@ exports[`shapshots octaviusWhite 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", @@ -254398,100 +259835,10 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "rgba(44, 45, 46, 0.54)", "normal": "rgba(44, 45, 46, 0.5)", }, - "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", - "normal": "#2951ff", - }, - "colorPaletteBlue1Alpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", - }, - "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", - "normal": "#26dfdf", - }, - "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", - "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": "#52B552", - "hover": "#55BC53", - "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": "#33D98D", - "hover": "#35E291", - "normal": "#37eb94", - }, - "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", - "normal": "#00b1b3", - }, - "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", - "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": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", - "normal": "#eb1981", - }, - "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", - "normal": "#ff71bb", - }, - "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", - "normal": "#6c00ff", - }, - "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", - "normal": "#ae73ff", - }, - "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", - "normal": "#ffc311", - }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorRating": { "active": "#EBC405", @@ -254543,50 +259890,15 @@ exports[`shapshots octaviusWhite 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": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -254608,65 +259920,15 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#939CA9", "normal": "#99A2AD", }, - "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", - "normal": "#B3F0DD", - }, - "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", - "normal": "#FFD2A8", - }, - "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", - "normal": "#FFB2DA", - }, - "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", - "normal": "#CEB3F0", - }, - "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", - "normal": "#A4DEFF", - }, - "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", - "normal": "#205B5B", - }, - "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", - "normal": "#5B3620", - }, - "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", - "normal": "#51205B", - }, - "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", - "normal": "#38205B", - }, - "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", - "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", @@ -254679,14 +259941,14 @@ exports[`shapshots octaviusWhite 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", @@ -254704,9 +259966,9 @@ exports[`shapshots octaviusWhite 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", @@ -254809,9 +260071,9 @@ exports[`shapshots octaviusWhite 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", @@ -254897,12 +260159,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, }, "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, @@ -254948,46 +260204,33 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, }, "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 44, + "fontWeight": 700, + "lineHeight": "52px", + "marginBottom": 20, }, }, "fontH1": { - "compact": { - "fontSize": 32, - "lineHeight": 36, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": 16, }, }, "fontH2": { - "compact": { - "fontSize": 28, - "lineHeight": 32, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": 12, }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -254996,10 +260239,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -255008,10 +260247,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, }, "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, @@ -255028,10 +260263,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, @@ -255040,10 +260271,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, @@ -255053,18 +260280,20 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 700, + "lineHeight": "28px", + "marginBottom": 12, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": 12, }, }, "fontTitle3": { @@ -255085,686 +260314,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "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%", - "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", - }, - "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", - }, - "octaviusColorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "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)", - }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", - }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", - }, - "octaviusColorButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", - }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", - }, - "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", - }, - "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "transparent", - }, - "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", - }, - "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", - }, - "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", - }, - "octaviusColorHeaderIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "octaviusColorHeaderProgress": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", - }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", - }, - "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", - "normal": "#b6b8be", - }, - "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", - }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", - "normal": "#93969b", - }, - "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", - }, - "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", - }, - "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "octaviusColorIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", - }, - "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", - }, - "octaviusColorIconGames": { - "active": "#E4AC09", - "hover": "#EEB306", - "normal": "#F8BA04", - }, - "octaviusColorIconMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", - }, - "octaviusColorIconNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", - }, - "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", - "normal": "#EC4750", - }, - "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", - }, - "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", - }, - "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", - "normal": "#74BF05", - }, - "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "octaviusColorIconSchool": { - "active": "#9E75DE", - "hover": "#A57AE5", - "normal": "#AC7EEC", - }, - "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", - }, - "octaviusColorIconToMyself": { - "active": "#00AF8C", - "hover": "#00B690", - "normal": "#00BD93", - }, - "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", - }, - "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", - }, - "octaviusColorIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "octaviusColorLayoutBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", - "normal": "transparent", - }, - "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", - }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", - }, - "octaviusColorListBackgroundPositiveAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", - }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", - }, - "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", - }, - "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", - }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorOverlayBackground": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", - }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", - }, - "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", - }, - "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", - }, - "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", - }, - "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", - }, - "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", - }, - "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", - }, - "octaviusColorSidebarIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", - }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", - }, - "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarWidgetBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", - }, - "octaviusColorSnackbarIconAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", - }, - "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#FF5C5C", - }, - "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", - "normal": "#9C9DA2", - }, - "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "octaviusColorSnackbarTextAccent": { - "active": "#5190EF", - "hover": "#5495F7", - "normal": "#589BFF", - }, - "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSnackbarTransparent": { - "active": "rgba(255, 255, 255, 0.04)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", - }, - "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", - }, - "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", - }, - "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", - }, - "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", - }, - "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", - }, - "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", - }, - "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", - }, - "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", - }, - "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": "underline", - "hover": "underline", - "normal": "none", - }, - "octaviusTextShadowEmptyStateText": "none", - "octaviusTextShadowSidebarItemText": "none", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { @@ -255820,7 +260369,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -255842,7 +260390,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -255893,15 +260441,12 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { - "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -255911,7 +260456,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -255924,7 +260468,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -255964,7 +260507,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -255980,8 +260522,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "regular": 40, }, "sizeFieldHorizontalMargin": { "regular": 20, @@ -255996,7 +260537,6 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -256007,15 +260547,13 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { - "compact": 8, "regular": 12, }, "sizeIconMorePadding": { - "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 16, + "regular": 18, }, "sizeIllustrationL": { "regular": 144, @@ -256051,22 +260589,18 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "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": { @@ -256085,11 +260619,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeSearchHeight": { - "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -256108,15 +260640,12 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, "regular": 14, }, "sizeSwitchPin": { - "compact": 18, "regular": 20, }, "sizeSwitchWidth": { - "compact": 32, "regular": 34, }, "sizeTabMargin": { @@ -256159,8 +260688,8 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusWhite", - "themeNameBase": "octavius", + "themeName": "otvet", + "themeNameBase": "otvet", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -256170,10 +260699,6 @@ exports[`shapshots octaviusWhite 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)", "x0": 0, "x025": 1, "x05": 2, @@ -256193,7 +260718,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -256217,10 +260742,6 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -256242,15 +260763,15 @@ exports[`shapshots octaviusWhiteDark 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": { @@ -256438,29 +260959,15 @@ exports[`shapshots octaviusWhiteDark 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)", - }, - }, - "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)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAvatarOverlay": { @@ -256508,15 +261015,15 @@ exports[`shapshots octaviusWhiteDark 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": { @@ -256578,57 +261085,57 @@ exports[`shapshots octaviusWhiteDark 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, #F1F5FF)", + "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, #F1F4FF)", + "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, #353536)", + "value": "var(--vkui--color_background_content--active, #2B2B2B)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + "value": "var(--vkui--color_background_content--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", + "value": "var(--vkui--color_background_content, #191919)", }, }, "colorBackgroundContentInverse": { @@ -256774,43 +261281,43 @@ exports[`shapshots octaviusWhiteDark 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.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, #FAEDED)", + "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, #FAECEC)", + "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": { @@ -256967,34 +261474,6 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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", @@ -257068,15 +261547,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "colorButtonContrast": { "active": { "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "value": "var(--vkui--color_button_contrast--active, #222222)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #29292A)", + "value": "var(--vkui--color_button_contrast--hover, #1F1F1F)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #252526)", + "value": "var(--vkui--color_button_contrast, #1B1B1B)", }, }, "colorButtonContrastAlpha": { @@ -257152,15 +261631,15 @@ exports[`shapshots octaviusWhiteDark 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.24))", + "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, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_field_border_alpha--hover, transparent)", }, "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, transparent)", }, }, "colorHeaderBackground": { @@ -257180,15 +261659,15 @@ exports[`shapshots octaviusWhiteDark 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": { @@ -257306,15 +261785,15 @@ exports[`shapshots octaviusWhiteDark 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, #BABABA)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "value": "var(--vkui--color_icon_primary--hover, #B7B7B7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #D9DADD)", + "value": "var(--vkui--color_icon_primary, #B4B4B4)", }, }, "colorIconPrimaryInvariably": { @@ -257334,15 +261813,15 @@ exports[`shapshots octaviusWhiteDark 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, #6C6C6C)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--color_icon_secondary--hover, #656565)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + "value": "var(--vkui--color_icon_secondary, #5F5F5F)", }, }, "colorIconSecondaryAlpha": { @@ -257485,270 +261964,18 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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, #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": { @@ -257891,116 +262118,18 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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, #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": { @@ -258073,158 +262202,18 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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, #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": { @@ -258272,15 +262261,15 @@ exports[`shapshots octaviusWhiteDark 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": { @@ -258636,15 +262625,15 @@ exports[`shapshots octaviusWhiteDark 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": { @@ -258695,23 +262684,23 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` }, "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": { @@ -259046,24 +263035,6 @@ exports[`shapshots octaviusWhiteDark 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", @@ -259281,33 +263252,31 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 28px)", + "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, 500)", + "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, 32px)", + "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)", }, }, }, @@ -259329,33 +263298,31 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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, 28px)", + "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)", }, }, }, @@ -259377,33 +263344,31 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -259426,16 +263391,6 @@ exports[`shapshots octaviusWhiteDark 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", @@ -259474,16 +263429,6 @@ exports[`shapshots octaviusWhiteDark 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", @@ -259522,16 +263467,6 @@ exports[`shapshots octaviusWhiteDark 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", @@ -259608,16 +263543,6 @@ exports[`shapshots octaviusWhiteDark 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", @@ -259656,16 +263581,6 @@ exports[`shapshots octaviusWhiteDark 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", @@ -259703,24 +263618,32 @@ exports[`shapshots octaviusWhiteDark 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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": { @@ -259741,23 +263664,31 @@ exports[`shapshots octaviusWhiteDark 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -259825,7 +263756,7 @@ exports[`shapshots octaviusWhiteDark 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", @@ -259833,3390 +263764,1360 @@ exports[`shapshots octaviusWhiteDark 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", "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%)", }, - "octaviusColorActionArchive": { - "active": { - "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", - }, - "hover": { - "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", + "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)", }, - "normal": { - "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "octaviusColorBackground": { - "active": { - "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #222223)", + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, - "normal": { - "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #19191A)", + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "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))", - }, - "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))", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "normal": { - "name": "--vkui--octavius_color_background_accent_tint_alpha", - "value": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "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))", - }, - "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))", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "normal": { - "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "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))", - }, - "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))", + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, - "normal": { - "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "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))", - }, - "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))", + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, - "normal": { - "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "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))", - }, - "hover": { - "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "normal": { - "name": "--vkui--octavius_color_button_background_alpha", - "value": "var(--vkui--octavius_color_button_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "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))", - }, - "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))", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "normal": { - "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "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))", - }, - "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))", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "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))", + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "octaviusColorButtonEmptyStateText": { - "active": { - "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #E8E9EB)", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "octaviusColorButtonIcon": { - "active": { - "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "normal": { - "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #E7E8EA)", + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "octaviusColorButtonText": { - "active": { - "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "normal": { - "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #E7E8EA)", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "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))", - }, - "hover": { - "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "normal": { - "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "octaviusColorDatasetBackground": { - "active": { - "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", - }, - "hover": { - "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "normal": { - "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #232324)", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "octaviusColorEmptyStateText": { - "active": { - "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #E8E9EB)", + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "octaviusColorEmptyStateTextLink": { - "active": { - "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #E8E9EB)", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "normal": { - "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "octaviusColorHeaderBackground": { - "active": { - "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #353536)", - }, - "hover": { - "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, - "normal": { - "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #232324)", + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "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))", - }, - "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))", + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, - "normal": { - "name": "--vkui--octavius_color_header_button_background_alpha", - "value": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", }, }, - "octaviusColorHeaderButtonText": { - "active": { - "name": "--vkui--octavius_color_header_button_text--active", - "value": "var(--vkui--octavius_color_header_button_text--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_header_button_text", - "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "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))", - }, - "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))", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "octaviusColorHeaderIcon": { - "active": { - "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "normal": { - "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "octaviusColorHeaderIconAttach": { - "active": { - "name": "--vkui--octavius_color_header_icon_attach--active", - "value": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #EBEDF0)", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, - "normal": { - "name": "--vkui--octavius_color_header_icon_attach", - "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "octaviusColorHeaderIconFavorite": { - "active": { - "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #EBEDF0)", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "normal": { - "name": "--vkui--octavius_color_header_icon_favorite", - "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "octaviusColorHeaderIconUnread": { - "active": { - "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #EBEDF0)", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "octaviusColorHeaderProgress": { - "active": { - "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #FFA614)", - }, - "hover": { - "name": "--vkui--octavius_color_header_progress--hover", - "value": "var(--vkui--octavius_color_header_progress--hover, #FFA20A)", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "normal": { - "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", }, }, - "octaviusColorHeaderSearchBackground": { - "active": { - "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #383838)", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #303030)", + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": { - "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #383838)", + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "octaviusColorHeaderSearchChipBackground": { - "active": { - "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #484848)", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_background", - "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": { - "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, - "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))", - }, - "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))", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, - "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))", + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "octaviusColorHeaderSearchIcon": { - "active": { - "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_icon", - "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "octaviusColorHeaderSearchText": { - "active": { - "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #E8E9EB)", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": { - "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", - }, - "hover": { - "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "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))", - }, - "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))", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "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))", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": { - "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "octaviusColorHeaderTextSecondary": { - "active": { - "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", - }, - "hover": { - "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorIconEvent": { - "active": { - "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #4BC0FE)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #43BDFE)", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #3BBAFE)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "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))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(255, 255, 255, 0.16))", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorIconFavorite": { - "active": { - "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "octaviusColorIconFees": { - "active": { - "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #EF4C4C)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #EF4444)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "normal": { - "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #EE3C3C)", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "octaviusColorIconFinance": { - "active": { - "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #36CB8A)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC985)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "normal": { - "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #24C780)", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "octaviusColorIconGames": { - "active": { - "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, - "normal": { - "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, - "octaviusColorIconMailings": { - "active": { - "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "normal": { - "name": "--vkui--octavius_color_icon_mailings", - "value": "var(--vkui--octavius_color_icon_mailings, #FFA447)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "octaviusColorIconNews": { - "active": { - "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "normal": { - "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "octaviusColorIconOfficial": { - "active": { - "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "normal": { - "name": "--vkui--octavius_color_icon_official", - "value": "var(--vkui--octavius_color_icon_official, #EC4750)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "octaviusColorIconOrder": { - "active": { - "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, - "normal": { - "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "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))", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "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))", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "octaviusColorIconReceipts": { - "active": { - "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, - "normal": { - "name": "--vkui--octavius_color_icon_receipts", - "value": "var(--vkui--octavius_color_icon_receipts, #74BF05)", + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "octaviusColorIconRegistration": { - "active": { - "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, - "normal": { - "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "octaviusColorIconSchool": { - "active": { - "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, - "normal": { - "name": "--vkui--octavius_color_icon_school", - "value": "var(--vkui--octavius_color_icon_school, #C97EEC)", + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "octaviusColorIconSocial": { - "active": { - "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "normal": { - "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "octaviusColorIconToMyself": { - "active": { - "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_icon_to_myself", - "value": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "octaviusColorIconTravel": { - "active": { - "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "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))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(255, 255, 255, 0.16))", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "octaviusColorIconUnread": { - "active": { - "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #1F86FF)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_unread--hover", - "value": "var(--vkui--octavius_color_icon_unread--hover, #1681FF)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "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))", - }, - "hover": { - "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(255, 255, 255, 0.04))", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_layout_border_alpha", - "value": "var(--vkui--octavius_color_layout_border_alpha, transparent)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "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))", - }, - "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))", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_layout_letter_border_alpha", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "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))", - }, - "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))", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_letter_contact_background_alpha", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, }, - "octaviusColorLetterListTextUnread": { - "active": { - "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #EBEDF0)", + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, - "normal": { - "name": "--vkui--octavius_color_letter_list_text_unread", - "value": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": { - "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #1D1D1D)", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_letter_preview_background_primary", - "value": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": { - "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #191919)", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_letter_preview_background_secondary", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "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))", - }, - "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))", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, - "normal": { - "name": "--vkui--octavius_color_list_background_positive_alpha", - "value": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", - }, - "hover": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #303733)", + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", }, - "normal": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", }, }, - "octaviusColorListIconPrimary": { - "active": { - "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", }, - "normal": { - "name": "--vkui--octavius_color_list_icon_primary", - "value": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, - "octaviusColorListLetterAdvBackground": { - "active": { - "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #1E1E1E)", + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", }, }, - "octaviusColorListLetterBackground": { - "active": { - "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #2C2C2D)", + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #232324)", + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", }, }, - "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))", - }, - "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))", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", }, }, - "octaviusColorListTextPrimary": { - "active": { - "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", }, - "normal": { - "name": "--vkui--octavius_color_list_text_primary", - "value": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", }, }, - "octaviusColorListTextUnread": { - "active": { - "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - "normal": { - "name": "--vkui--octavius_color_list_text_unread", - "value": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", }, }, - "octaviusColorNotificationBorder": { - "active": { - "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #141414)", - }, - "hover": { - "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", }, - "normal": { - "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #000000)", + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, }, - "octaviusColorOverlayBackground": { - "active": { - "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, - "normal": { - "name": "--vkui--octavius_color_overlay_background", - "value": "var(--vkui--octavius_color_overlay_background, transparent)", + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "octaviusColorPlaceholderBackground": { - "active": { - "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", - }, - "hover": { - "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", }, - "normal": { - "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #000000)", + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", }, }, - "octaviusColorPortalMenuBackground": { - "active": { - "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", - }, - "hover": { - "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", }, - "normal": { - "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, - "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))", - }, - "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))", + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", }, - "normal": { - "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", }, }, - "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))", - }, - "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))", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, - "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))", + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "octaviusColorPromoBackground": { - "active": { - "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #414141)", - }, - "hover": { - "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", + "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--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #303030)", + "regular": { + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "octaviusColorSidebarButtonBackground": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + "sizeIconMargin": { + "auto": { + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_background", - "value": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", }, }, - "octaviusColorSidebarButtonIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + "sizeIconMorePadding": { + "auto": { + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_icon", - "value": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", + "regular": { + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "octaviusColorSidebarButtonText": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_text", - "value": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", }, }, - "octaviusColorSidebarComposeButtonBackground": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #EBEDF0)", + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_background", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "octaviusColorSidebarComposeButtonIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "octaviusColorSidebarComposeButtonText": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_text", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", + "regular": { + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "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))", - }, - "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))", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "octaviusColorSidebarCounterText": { - "active": { - "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E8E9EB)", + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "octaviusColorSidebarIconEvent": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #43BDFE)", + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", + "regular": { + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "octaviusColorSidebarIconFavorite": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF4C57)", + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", + "regular": { + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "octaviusColorSidebarIconFees": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #EF4444)", + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", + "regular": { + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "octaviusColorSidebarIconFinance": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC985)", + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", + "regular": { + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "octaviusColorSidebarIconOrder": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F953A7)", + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", + "regular": { + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, }, - "octaviusColorSidebarIconRegistration": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA03F)", + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "octaviusColorSidebarIconTravel": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C363F3)", + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "octaviusColorSidebarIconUnread": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1F86FF)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_unread--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #1681FF)", + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0C7CFF)", + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, }, - "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))", - }, - "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))", + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", }, }, - "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))", - }, - "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))", + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, - "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))", + "regular": { + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "octaviusColorSidebarItemIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E8E9EB)", + "sizePopupMargin": { + "auto": { + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", + "regular": { + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", }, }, - "octaviusColorSidebarItemIconActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #EBEDF0)", + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", + "regular": { + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "octaviusColorSidebarItemIconPrimary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E8E9EB)", + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", + "regular": { + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "octaviusColorSidebarItemIconSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #919398)", + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, }, - "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)", + "sizeProgressScroll": { + "auto": { + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", + "regular": { + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, }, - "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)", + "sizePromoButtonClose": { + "auto": { + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #FFFFFF)", + "regular": { + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", }, }, - "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)", + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #E7E8EA)", + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "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)", + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", }, }, - "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))", + "sizeSliceBottomPadding": { + "auto": { + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "regular": { + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, }, - "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))", - }, - }, - "octaviusColorTextFees": { - "active": { - "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", - }, - "hover": { - "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", - }, - "normal": { - "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", - }, - }, - "octaviusColorTextFinance": { - "active": { - "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", - }, - "hover": { - "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", - }, - "normal": { - "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #52C392)", - }, - }, - "octaviusColorTextGames": { - "active": { - "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", - }, - "hover": { - "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", - }, - "normal": { - "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", - }, - }, - "octaviusColorTextMailings": { - "active": { - "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", - }, - "hover": { - "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", - }, - "normal": { - "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", - }, - }, - "octaviusColorTextNews": { - "active": { - "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", - }, - "hover": { - "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", - }, - "normal": { - "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #37C1E8)", - }, - }, - "octaviusColorTextSchool": { - "active": { - "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", - }, - "hover": { - "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", - }, - "normal": { - "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #D392F2)", - }, - }, - "octaviusColorTextSocial": { - "active": { - "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", - }, - "hover": { - "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", - }, - "normal": { - "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #7688E9)", - }, - }, - "octaviusColorTextToMyself": { - "active": { - "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", - }, - "hover": { - "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", - }, - "normal": { - "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", - }, - }, - "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--octavius_size_headline_height", - "value": "var(--vkui--octavius_size_headline_height)", - }, - "regular": { - "name": "--vkui--octavius_size_headline_height--regular", - "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", - }, - }, - "octaviusSizeLayoutWidthMax": { + "sizeSliceTopPadding": { "auto": { - "name": "--vkui--octavius_size_layout_width_max", - "value": "var(--vkui--octavius_size_layout_width_max)", + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", }, "regular": { - "name": "--vkui--octavius_size_layout_width_max--regular", - "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", }, }, - "octaviusSizeLayoutWidthMin": { + "sizeSplitColPaddingHorizontal": { "auto": { - "name": "--vkui--octavius_size_layout_width_min", - "value": "var(--vkui--octavius_size_layout_width_min)", + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "regular": { - "name": "--vkui--octavius_size_layout_width_min--regular", - "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "octaviusSizeSidebarPaddingTop": { + "sizeSubnavigationBarGap": { "auto": { - "name": "--vkui--octavius_size_sidebar_padding_top", - "value": "var(--vkui--octavius_size_sidebar_padding_top)", + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_padding_top--regular", - "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { + "sizeSubnavigationBarPaddingVertical": { "auto": { - "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "octaviusSizeSidebarWidgetsHeightMin": { + "sizeSwitchHeight": { "auto": { - "name": "--vkui--octavius_size_sidebar_widgets_height_min", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", - }, - }, - "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)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "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": { + "sizeSwitchPin": { "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", }, "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "sizeArrowHeight": { + "sizeSwitchWidth": { "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", }, "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "sizeArrowPadding": { + "sizeTabMargin": { "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", }, }, - "sizeArrowPromo": { + "sizeTabPadding": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", }, "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", }, }, - "sizeArrowWidth": { + "sizeTableHorizontalPadding": { "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", }, "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, }, - "sizeAttributeMargin": { + "sizeTableVerticalPadding": { "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", }, "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, }, - "sizeAvatarL": { + "sizeTagMargin": { "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", }, }, - "sizeAvatarM": { + "sizeTagPadding": { "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", }, "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", }, }, - "sizeAvatarS": { + "sizeTipMargin": { "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", }, }, - "sizeAvatarXL": { + "sizeTooltipMargin": { "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizeAvatarXS": { + "sizeVerticalPadding": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", }, }, - "sizeBadgeL": { + "sizeWysiwygIcon": { "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", }, "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, }, - "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)", - }, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "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)", - }, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "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)", - }, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "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)", - }, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "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)", - }, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "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)", - }, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", - }, - "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", - }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "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)", - }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 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)", - }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "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)", - }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, otvetDark)", }, - "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)", - }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, otvet)", }, - "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)", - }, + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "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)", - }, + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "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)", - }, + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "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)", - }, + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.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)", - }, + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "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)", - }, + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "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)", - }, + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "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)", - }, + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "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)", - }, + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "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)", - }, + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "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)", - }, + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "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)", - }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "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)", - }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", }, - "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)", - }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", }, - "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)", - }, + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", }, - "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)", - }, + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", }, - "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)", - }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", }, - "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)", - }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", }, - "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)", - }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 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)", - }, + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, - }, - "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)", - }, - }, - "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, octaviusWhiteDark)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, octavius)", - }, - "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)", + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", }, "x8": { "name": "--vkui--x8", @@ -263233,7 +265134,7 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -263242,10 +265143,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -263256,9 +265153,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -263326,14 +265223,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", - }, - "colorAlert": { - "active": "#C6442D", - "hover": "#C33C24", - "normal": "#c1341b", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -263351,9 +265243,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -263376,24 +265268,24 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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": "#F1F5FF", - "hover": "#F1F4FF", - "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2B", + "hover": "#2B2B2B", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -263446,19 +265338,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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": "#FAEDED", - "hover": "#FAECEC", - "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": "#20C774", @@ -263515,16 +265407,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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": "#785C14", "hover": "#72550A", @@ -263551,9 +265433,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#2C2C2D", - "hover": "#29292A", - "normal": "#252526", + "active": "#222222", + "hover": "#1F1F1F", + "normal": "#1B1B1B", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -263581,9 +265463,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "transparent", + "hover": "transparent", + "normal": "transparent", }, "colorHeaderBackground": { "active": "#353536", @@ -263591,9 +265473,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#232324", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -263636,9 +265518,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#BABABA", + "hover": "#B7B7B7", + "normal": "#B4B4B4", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -263646,9 +265528,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5F5F5F", }, "colorIconSecondaryAlpha": { "active": "rgba(245, 246, 255, 0.68)", @@ -263700,100 +265582,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "hover": "rgba(55, 56, 57, 0.54)", "normal": "rgba(55, 56, 57, 0.5)", }, - "colorPaletteBlue1": { - "active": "#3A5FFF", - "hover": "#3258FF", - "normal": "#2951ff", - }, - "colorPaletteBlue1Alpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "colorPaletteBlue2": { - "active": "#14B2F3", - "hover": "#0AAEF3", - "normal": "#00abf2", - }, - "colorPaletteBlue3": { - "active": "#37E2E2", - "hover": "#2FE0E0", - "normal": "#26dfdf", - }, - "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", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -263845,45 +265637,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -263910,60 +265667,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -263981,9 +265688,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -264111,9 +265818,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -264131,11 +265838,11 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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)", + "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", @@ -264199,12 +265906,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, }, "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", @@ -264250,46 +265951,33 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, }, "fontH0": { - "compact": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "44px", + "fontWeight": 700, "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", + "marginBottom": "20px", }, }, "fontH1": { - "compact": { - "fontSize": "32px", - "lineHeight": "36px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": "16px", }, }, "fontH2": { - "compact": { - "fontSize": "28px", - "lineHeight": "32px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": "12px", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -264298,10 +265986,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -264310,10 +265994,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", @@ -264330,10 +266010,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", @@ -264342,10 +266018,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -264355,18 +266027,20 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 700, "lineHeight": "28px", + "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": "12px", }, }, "fontTitle3": { @@ -264383,690 +266057,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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%", - "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", - }, - "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", - }, - "octaviusColorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "octaviusColorBackgroundAccentTonedAlpha": { - "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)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", - }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", - }, - "octaviusColorButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", - }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", - }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorButtonIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorButtonText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorContentScrollbarAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorEmptyStateTextLink": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "transparent", - }, - "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", - }, - "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderProgress": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", - }, - "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", - }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", - }, - "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", - }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", - }, - "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", - "normal": "#b6b8be", - }, - "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", - }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", - "normal": "#93969b", - }, - "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": "#FFAB56", - "hover": "#FFA84E", - "normal": "#FFA447", - }, - "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", - }, - "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": "#CD88EE", - "hover": "#CB83ED", - "normal": "#C97EEC", - }, - "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", - }, - "octaviusColorIconToMyself": { - "active": "#2FCBD6", - "hover": "#26C9D4", - "normal": "#1DC7D2", - }, - "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)", - }, - "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", - }, - "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", - }, - "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", - }, - "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", - }, - "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", - }, - "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", - }, - "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", - }, - "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", - }, - "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": "36px", - }, - "octaviusSizeLayoutWidthMax": { - "regular": "2150px", - }, - "octaviusSizeLayoutWidthMin": { - "regular": "761px", - }, - "octaviusSizeSidebarPaddingTop": { - "regular": "12px", - }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "regular": "104px", - }, - "octaviusSizeSidebarWidgetsHeightMin": { - "regular": "64px", - }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": "none", - "hover": "none", - "normal": "underline", - }, - "octaviusTextShadowEmptyStateText": "none", - "octaviusTextShadowSidebarItemText": "none", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { @@ -265122,7 +266116,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -265144,7 +266137,7 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -265195,15 +266188,12 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -265213,7 +266203,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -265226,7 +266215,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -265266,7 +266254,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -265282,8 +266269,7 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "8px", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "regular": "40px", }, "sizeFieldHorizontalMargin": { "regular": "20px", @@ -265298,7 +266284,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -265309,15 +266294,13 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "20px", }, "sizeIconMargin": { - "compact": "8px", "regular": "12px", }, "sizeIconMorePadding": { - "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "16px", + "regular": "18px", }, "sizeIllustrationL": { "regular": "144px", @@ -265353,22 +266336,18 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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": { @@ -265387,11 +266366,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "32px", }, "sizeSearchHeight": { - "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -265410,15 +266387,12 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", "regular": "14px", }, "sizeSwitchPin": { - "compact": "18px", "regular": "20px", }, "sizeSwitchWidth": { - "compact": "32px", "regular": "34px", }, "sizeTabMargin": { @@ -265461,8 +266435,8 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusWhiteDark", - "themeNameBase": "octavius", + "themeName": "otvetDark", + "themeNameBase": "otvet", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -265472,10 +266446,6 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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", @@ -265495,7 +266465,7 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot } `; -exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -265504,10 +266474,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, }, @@ -265518,9 +266484,9 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -265588,14 +266554,9 @@ exports[`shapshots octaviusWhiteDark 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)", - }, - "colorAlert": { - "active": "var(--vkui--color_alert--active, #C6442D)", - "hover": "var(--vkui--color_alert--hover, #C33C24)", - "normal": "var(--vkui--color_alert, #c1341b)", + "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))", @@ -265613,9 +266574,9 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -265638,24 +266599,24 @@ exports[`shapshots octaviusWhiteDark 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.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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_content, #232324)", + "active": "var(--vkui--color_background_content--active, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", + "normal": "var(--vkui--color_background_content, #191919)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -265708,19 +266669,19 @@ exports[`shapshots octaviusWhiteDark 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.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, #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, #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, #20C774)", @@ -265777,16 +266738,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": "var(--vkui--color_background_warning--active, #785C14)", "hover": "var(--vkui--color_background_warning--hover, #72550A)", @@ -265813,9 +266764,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "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": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", @@ -265843,9 +266794,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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))", + "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": "var(--vkui--color_header_background--active, #353536)", @@ -265853,9 +266804,9 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -265898,9 +266849,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #BABABA)", + "hover": "var(--vkui--color_icon_primary--hover, #B7B7B7)", + "normal": "var(--vkui--color_icon_primary, #B4B4B4)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", @@ -265908,9 +266859,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #6C6C6C)", + "hover": "var(--vkui--color_icon_secondary--hover, #656565)", + "normal": "var(--vkui--color_icon_secondary, #5F5F5F)", }, "colorIconSecondaryAlpha": { "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", @@ -265962,100 +266913,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": "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)", @@ -266107,45 +266968,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": "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)", @@ -266172,60 +266998,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": "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)", @@ -266243,9 +267019,9 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -266373,9 +267149,9 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -266393,11 +267169,11 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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))", + "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)", @@ -266461,12 +267237,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, }, "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)", @@ -266512,46 +267282,33 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, }, "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": "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": "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": "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": "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": "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": "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)", @@ -266560,10 +267317,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, }, "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)", @@ -266572,10 +267325,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, }, "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)", @@ -266592,10 +267341,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, }, "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)", @@ -266604,10 +267349,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, }, "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)", @@ -266617,18 +267358,20 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, "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)", + "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": "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": "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": { @@ -266645,690 +267388,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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%)", - "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)", - }, - "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", - "hover": "var(--vkui--octavius_color_background--hover, #222223)", - "normal": "var(--vkui--octavius_color_background, #19191A)", - }, - "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))", - }, - "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))", - }, - "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))", - }, - "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))", - }, - "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)", - }, - "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))", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", - "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", - }, - "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", - "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", - "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", - }, - "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", - "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", - }, - "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", - "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", - "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", - }, - "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", - "normal": "var(--vkui--octavius_color_text_finance, #52C392)", - }, - "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", - "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", - "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", - }, - "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", - "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", - }, - "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", - "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", - "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", - }, - "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", - "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", - "normal": "var(--vkui--octavius_color_text_school, #D392F2)", - }, - "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", - "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", - "normal": "var(--vkui--octavius_color_text_social, #7688E9)", - }, - "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", - "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", - }, - "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": { @@ -267384,7 +267447,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267406,7 +267468,7 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", @@ -267457,15 +267519,12 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267475,7 +267534,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267488,7 +267546,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267528,7 +267585,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267544,8 +267600,7 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, 40px)", }, "sizeFieldHorizontalMargin": { "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", @@ -267560,7 +267615,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267571,15 +267625,13 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "regular": "var(--vkui--size_icon_u_i--regular, 18px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -267615,22 +267667,18 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267649,11 +267697,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267672,15 +267718,12 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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": { @@ -267723,8 +267766,8 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "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)", @@ -267734,10 +267777,6 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", @@ -267757,7 +267796,7 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar } `; -exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] = ` +exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -267766,10 +267805,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -267780,9 +267815,9 @@ exports[`shapshots octaviusWhiteDark 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", @@ -267850,14 +267885,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", - }, - "colorAlert": { - "active": "#C6442D", - "hover": "#C33C24", - "normal": "#c1341b", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -267875,9 +267905,9 @@ exports[`shapshots octaviusWhiteDark 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", @@ -267900,24 +267930,24 @@ exports[`shapshots octaviusWhiteDark 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.18)", + "hover": "rgba(0, 119, 255, 0.14)", + "normal": "rgba(0, 119, 255, 0.1)", }, "colorBackgroundAccentTintThemed": { - "active": "#F1F5FF", - "hover": "#F1F4FF", - "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2B", + "hover": "#2B2B2B", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -267970,19 +268000,19 @@ exports[`shapshots octaviusWhiteDark 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.18)", + "hover": "rgba(237, 51, 10, 0.14)", + "normal": "rgba(237, 51, 10, 0.1)", }, "colorBackgroundNegativeTintThemed": { - "active": "#FAEDED", - "hover": "#FAECEC", - "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": "#20C774", @@ -268039,16 +268069,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "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": "#785C14", "hover": "#72550A", @@ -268075,9 +268095,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#2C2C2D", - "hover": "#29292A", - "normal": "#252526", + "active": "#222222", + "hover": "#1F1F1F", + "normal": "#1B1B1B", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -268105,9 +268125,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "transparent", + "hover": "transparent", + "normal": "transparent", }, "colorHeaderBackground": { "active": "#353536", @@ -268115,9 +268135,9 @@ exports[`shapshots octaviusWhiteDark 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", @@ -268160,9 +268180,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#BABABA", + "hover": "#B7B7B7", + "normal": "#B4B4B4", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -268170,11 +268190,11 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", - }, - "colorIconSecondaryAlpha": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5F5F5F", + }, + "colorIconSecondaryAlpha": { "active": "rgba(245, 246, 255, 0.68)", "hover": "rgba(245, 246, 255, 0.64)", "normal": "rgba(245, 246, 255, 0.6)", @@ -268224,100 +268244,10 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "hover": "rgba(55, 56, 57, 0.54)", "normal": "rgba(55, 56, 57, 0.5)", }, - "colorPaletteBlue1": { - "active": "#3A5FFF", - "hover": "#3258FF", - "normal": "#2951ff", - }, - "colorPaletteBlue1Alpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "colorPaletteBlue2": { - "active": "#14B2F3", - "hover": "#0AAEF3", - "normal": "#00abf2", - }, - "colorPaletteBlue3": { - "active": "#37E2E2", - "hover": "#2FE0E0", - "normal": "#26dfdf", - }, - "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", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -268369,45 +268299,10 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "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": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -268434,60 +268329,10 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "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": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -268505,9 +268350,9 @@ exports[`shapshots octaviusWhiteDark 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", @@ -268635,9 +268480,9 @@ exports[`shapshots octaviusWhiteDark 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", @@ -268655,11 +268500,11 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "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)", + "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", @@ -268723,12 +268568,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, }, "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, @@ -268774,46 +268613,33 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, }, "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 44, + "fontWeight": 700, + "lineHeight": "52px", + "marginBottom": 20, }, }, "fontH1": { - "compact": { - "fontSize": 32, - "lineHeight": 36, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": 16, }, }, "fontH2": { - "compact": { - "fontSize": 28, - "lineHeight": 32, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": 12, }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -268822,10 +268648,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -268834,10 +268656,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, }, "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, @@ -268854,10 +268672,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, @@ -268866,10 +268680,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, @@ -268879,18 +268689,20 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 700, + "lineHeight": "28px", + "marginBottom": 12, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": 12, }, }, "fontTitle3": { @@ -268907,690 +268719,10 @@ exports[`shapshots octaviusWhiteDark 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%", - "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", - }, - "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", - }, - "octaviusColorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "octaviusColorBackgroundAccentTonedAlpha": { - "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)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", - }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", - }, - "octaviusColorButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", - }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", - }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorButtonIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorButtonText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorContentScrollbarAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorEmptyStateTextLink": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "transparent", - }, - "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", - }, - "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderProgress": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", - }, - "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", - }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", - }, - "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", - }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", - }, - "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", - "normal": "#b6b8be", - }, - "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", - }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", - }, - "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", - "normal": "#93969b", - }, - "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": "#FFAB56", - "hover": "#FFA84E", - "normal": "#FFA447", - }, - "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", - }, - "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": "#CD88EE", - "hover": "#CB83ED", - "normal": "#C97EEC", - }, - "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", - }, - "octaviusColorIconToMyself": { - "active": "#2FCBD6", - "hover": "#26C9D4", - "normal": "#1DC7D2", - }, - "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)", - }, - "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", - }, - "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", - }, - "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", - }, - "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", - }, - "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", - }, - "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", - }, - "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", - }, - "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", - }, - "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": { @@ -269646,7 +268778,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 12, }, "sizeBasePadding": { - "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -269668,7 +268799,7 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -269719,15 +268850,12 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { - "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -269737,7 +268865,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -269750,7 +268877,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -269790,7 +268916,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -269806,8 +268931,7 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 8, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "regular": 40, }, "sizeFieldHorizontalMargin": { "regular": 20, @@ -269822,7 +268946,6 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -269833,15 +268956,13 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 20, }, "sizeIconMargin": { - "compact": 8, "regular": 12, }, "sizeIconMorePadding": { - "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 16, + "regular": 18, }, "sizeIllustrationL": { "regular": 144, @@ -269877,22 +268998,18 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "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": { @@ -269911,11 +269028,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 32, }, "sizeSearchHeight": { - "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -269934,15 +269049,12 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, "regular": 14, }, "sizeSwitchPin": { - "compact": 18, "regular": 20, }, "sizeSwitchWidth": { - "compact": 32, "regular": 34, }, "sizeTabMargin": { @@ -269985,8 +269097,8 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusWhiteDark", - "themeNameBase": "octavius", + "themeName": "otvetDark", + "themeNameBase": "otvet", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -269996,10 +269108,6 @@ exports[`shapshots octaviusWhiteDark 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)", "x0": 0, "x025": 1, "x05": 2, @@ -270019,7 +269127,7 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] } `; -exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` +exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -270043,7 +269151,11 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { - "adaptiveValue": "regular", + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { + "adaptiveValue": "regular", "breakpoint": 0, }, }, @@ -272336,6 +271448,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", @@ -272553,31 +271683,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)", }, }, }, @@ -272599,31 +271731,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)", }, }, }, @@ -272645,31 +271779,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)", }, }, }, @@ -272692,6 +271828,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", @@ -272730,6 +271876,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", @@ -272768,6 +271924,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", @@ -272844,6 +272010,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", @@ -272882,6 +272058,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", @@ -272919,32 +272105,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": { @@ -272965,31 +272143,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)", }, }, }, @@ -273258,6 +272428,10 @@ exports[`shapshots otvet 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)", + }, "regular": { "name": "--vkui--size_base_padding--regular", "value": "var(--vkui--size_base_padding--regular, 16px)", @@ -273330,7 +272504,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, "sizeBorderRadiusPromo": { @@ -273498,6 +272672,10 @@ exports[`shapshots otvet 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)", @@ -273508,6 +272686,10 @@ exports[`shapshots otvet 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)", @@ -273518,6 +272700,10 @@ exports[`shapshots otvet 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)", @@ -273548,6 +272734,10 @@ exports[`shapshots otvet 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)", @@ -273588,6 +272778,10 @@ exports[`shapshots otvet 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)", @@ -273718,6 +272912,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -273768,9 +272966,13 @@ exports[`shapshots otvet 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, 40px)", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, "sizeFieldHorizontalMargin": { @@ -273818,6 +273020,10 @@ exports[`shapshots otvet 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)", + }, "regular": { "name": "--vkui--size_field_width_min--regular", "value": "var(--vkui--size_field_width_min--regular, 328px)", @@ -273852,6 +273058,10 @@ exports[`shapshots otvet 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)", @@ -273862,6 +273072,10 @@ exports[`shapshots otvet 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)", @@ -273874,7 +273088,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "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": { @@ -273992,6 +273206,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -274002,6 +273220,10 @@ exports[`shapshots otvet 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)", + }, "regular": { "name": "--vkui--size_popup_base_padding--regular", "value": "var(--vkui--size_popup_base_padding--regular, 20px)", @@ -274012,6 +273234,10 @@ exports[`shapshots otvet 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)", + }, "regular": { "name": "--vkui--size_popup_header_padding--regular", "value": "var(--vkui--size_popup_header_padding--regular, 16px)", @@ -274032,6 +273258,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -274092,6 +273322,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -274102,6 +273336,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -274162,6 +273400,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -274172,6 +273414,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -274182,6 +273428,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -274329,11 +273579,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, otvet)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, otvet)", + "value": "var(--vkui--theme_name, paradigmBase)", }, "themeType": "cssVars", "toneValueActive": { @@ -274368,6 +273614,22 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "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)", @@ -274435,7 +273697,7 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -274444,6 +273706,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -275207,6 +274473,12 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "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", @@ -275252,33 +274524,46 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": "44px", - "fontWeight": 700, "lineHeight": "52px", - "marginBottom": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", }, }, "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": "32px", - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": "16px", + "lineHeight": "36px", }, - }, - "fontH2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 700, + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontH2": { + "compact": { + "fontSize": "28px", "lineHeight": "32px", - "marginBottom": "12px", + }, + "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", @@ -275287,6 +274572,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -275295,6 +274584,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", @@ -275311,6 +274604,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", @@ -275319,6 +274616,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -275328,20 +274629,18 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 700, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, "lineHeight": "28px", - "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": "12px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontTitle3": { @@ -275417,6 +274716,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { + "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -275438,7 +274738,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -275489,12 +274789,15 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { + "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { + "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { + "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -275504,6 +274807,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { + "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -275516,6 +274820,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { + "compact": "28px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -275555,6 +274860,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { + "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -275570,7 +274876,8 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeFieldHeight": { - "regular": "40px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { "regular": "20px", @@ -275585,6 +274892,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { + "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -275595,13 +274903,15 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "20px", }, "sizeIconMargin": { + "compact": "8px", "regular": "12px", }, "sizeIconMorePadding": { + "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "18px", + "regular": "16px", }, "sizeIllustrationL": { "regular": "144px", @@ -275637,18 +274947,22 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "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": { @@ -275667,9 +274981,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizeSearchHeight": { + "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { + "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -275688,12 +275004,15 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { + "compact": "12px", "regular": "14px", }, "sizeSwitchPin": { + "compact": "18px", "regular": "20px", }, "sizeSwitchWidth": { + "compact": "32px", "regular": "34px", }, "sizeTabMargin": { @@ -275736,8 +275055,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "otvet", - "themeNameBase": "otvet", + "themeName": "paradigmBase", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -275747,6 +275065,10 @@ exports[`shapshots otvet 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)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -275766,7 +275088,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -275775,6 +275097,10 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 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, }, @@ -276538,6 +275864,12 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, }, "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)", @@ -276583,33 +275915,46 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, }, "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, 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": "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, 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": "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, 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": "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)", @@ -276618,6 +275963,10 @@ exports[`shapshots otvet 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)", + }, "regular": { "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", @@ -276626,6 +275975,10 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, }, "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)", @@ -276642,6 +275995,10 @@ exports[`shapshots otvet 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, 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)", @@ -276650,6 +276007,10 @@ exports[`shapshots otvet 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)", + }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", @@ -276659,20 +276020,18 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, "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)", + "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)", - "marginBottom": "var(--vkui--font_title1--margin_bottom--regular, 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": "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": { @@ -276748,6 +276107,7 @@ exports[`shapshots otvet 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)", }, "sizeBasePaddingHorizontal": { @@ -276769,7 +276129,7 @@ exports[`shapshots otvet 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)", @@ -276820,12 +276180,15 @@ exports[`shapshots otvet 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)", }, "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": { @@ -276835,6 +276198,7 @@ exports[`shapshots otvet 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": { @@ -276847,6 +276211,7 @@ exports[`shapshots otvet 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)", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -276886,6 +276251,7 @@ exports[`shapshots otvet 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)", }, "sizeDivPadding": { @@ -276901,7 +276267,8 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 40px)", + "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)", @@ -276916,6 +276283,7 @@ exports[`shapshots otvet 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)", }, "sizeFormItemPaddingVertical": { @@ -276926,13 +276294,15 @@ exports[`shapshots otvet 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)", }, "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, 18px)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -276968,18 +276338,22 @@ exports[`shapshots otvet 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)", }, "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": { @@ -276998,9 +276372,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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": { @@ -277019,12 +276395,15 @@ exports[`shapshots otvet 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)", }, "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": { @@ -277067,8 +276446,7 @@ exports[`shapshots otvet 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, otvet)", - "themeNameBase": "var(--vkui--theme_name_base, otvet)", + "themeName": "var(--vkui--theme_name, paradigmBase)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -277078,6 +276456,10 @@ exports[`shapshots otvet 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)")", "x0": "var(--vkui--x0, 0px)", "x025": "var(--vkui--x025, 1px)", "x05": "var(--vkui--x05, 2px)", @@ -277097,7 +276479,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots otvet theme should match root theme snapshot 1`] = ` +exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -277106,6 +276488,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -277869,6 +277255,12 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "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, @@ -277914,33 +277306,46 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": 44, - "fontWeight": 700, - "lineHeight": "52px", - "marginBottom": 20, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, }, }, "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": 32, - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": 16, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 700, - "lineHeight": "32px", - "marginBottom": 12, + "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, @@ -277949,6 +277354,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -277957,6 +277366,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, @@ -277973,6 +277386,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, @@ -277981,6 +277398,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, @@ -277990,20 +277411,18 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 700, - "lineHeight": "28px", - "marginBottom": 12, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": 12, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontTitle3": { @@ -278079,6 +277498,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { + "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -278100,7 +277520,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -278151,12 +277571,15 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { + "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { + "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { + "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -278166,6 +277589,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -278178,6 +277602,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { + "compact": 28, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -278217,6 +277642,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { + "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -278232,7 +277658,8 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "regular": 40, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { "regular": 20, @@ -278247,6 +277674,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { + "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -278257,13 +277685,15 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { + "compact": 8, "regular": 12, }, "sizeIconMorePadding": { + "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 18, + "regular": 16, }, "sizeIllustrationL": { "regular": 144, @@ -278299,18 +277729,22 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "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": { @@ -278329,9 +277763,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeSearchHeight": { + "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { + "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -278350,12 +277786,15 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { + "compact": 12, "regular": 14, }, "sizeSwitchPin": { + "compact": 18, "regular": 20, }, "sizeSwitchWidth": { + "compact": 32, "regular": 34, }, "sizeTabMargin": { @@ -278398,8 +277837,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "otvet", - "themeNameBase": "otvet", + "themeName": "paradigmBase", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -278409,6 +277847,10 @@ exports[`shapshots otvet 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)", "x0": 0, "x025": 1, "x05": 2, @@ -278428,7 +277870,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -278452,6 +277894,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -278837,15 +278283,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2B)", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2B)", + "value": "var(--vkui--color_background_content--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #191919)", + "value": "var(--vkui--color_background_content, #232324)", }, }, "colorBackgroundContentInverse": { @@ -279257,15 +278703,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorButtonContrast": { "active": { "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #222222)", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #1F1F1F)", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #1B1B1B)", + "value": "var(--vkui--color_button_contrast, #252526)", }, }, "colorButtonContrastAlpha": { @@ -279341,15 +278787,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, transparent)", + "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, transparent)", + "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, transparent)", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", }, }, "colorHeaderBackground": { @@ -279495,15 +278941,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #BABABA)", + "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #B7B7B7)", + "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #B4B4B4)", + "value": "var(--vkui--color_icon_primary, #D9DADD)", }, }, "colorIconPrimaryInvariably": { @@ -279523,15 +278969,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #6C6C6C)", + "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #656565)", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #5F5F5F)", + "value": "var(--vkui--color_icon_secondary, #9C9DA2)", }, }, "colorIconSecondaryAlpha": { @@ -280394,23 +279840,23 @@ exports[`shapshots otvetDark 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, 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": { @@ -280745,6 +280191,24 @@ exports[`shapshots otvetDark 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", @@ -280962,31 +280426,33 @@ exports[`shapshots otvetDark 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)", }, }, }, @@ -281008,31 +280474,33 @@ exports[`shapshots otvetDark 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)", }, }, }, @@ -281054,31 +280522,33 @@ exports[`shapshots otvetDark 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)", }, }, }, @@ -281101,6 +280571,16 @@ exports[`shapshots otvetDark 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", @@ -281139,6 +280619,16 @@ exports[`shapshots otvetDark 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", @@ -281177,6 +280667,16 @@ exports[`shapshots otvetDark 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", @@ -281253,6 +280753,16 @@ exports[`shapshots otvetDark 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", @@ -281291,6 +280801,16 @@ exports[`shapshots otvetDark 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", @@ -281328,32 +280848,24 @@ exports[`shapshots otvetDark 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": { @@ -281374,31 +280886,23 @@ exports[`shapshots otvetDark 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)", }, }, }, @@ -281466,7 +280970,7 @@ exports[`shapshots otvetDark 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", @@ -281474,7 +280978,7 @@ exports[`shapshots otvetDark 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", @@ -281667,6 +281171,10 @@ exports[`shapshots otvetDark 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)", + }, "regular": { "name": "--vkui--size_base_padding--regular", "value": "var(--vkui--size_base_padding--regular, 16px)", @@ -281739,7 +281247,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, "sizeBorderRadiusPromo": { @@ -281907,6 +281415,10 @@ exports[`shapshots otvetDark 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)", @@ -281917,6 +281429,10 @@ exports[`shapshots otvetDark 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)", @@ -281927,6 +281443,10 @@ exports[`shapshots otvetDark 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)", @@ -281957,6 +281477,10 @@ exports[`shapshots otvetDark 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)", @@ -281997,6 +281521,10 @@ exports[`shapshots otvetDark 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)", @@ -282127,6 +281655,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282177,9 +281709,13 @@ exports[`shapshots otvetDark 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, 40px)", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, "sizeFieldHorizontalMargin": { @@ -282227,6 +281763,10 @@ exports[`shapshots otvetDark 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)", + }, "regular": { "name": "--vkui--size_field_width_min--regular", "value": "var(--vkui--size_field_width_min--regular, 328px)", @@ -282261,6 +281801,10 @@ exports[`shapshots otvetDark 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)", @@ -282271,6 +281815,10 @@ exports[`shapshots otvetDark 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)", @@ -282283,7 +281831,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "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": { @@ -282401,6 +281949,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282411,6 +281963,10 @@ exports[`shapshots otvetDark 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)", + }, "regular": { "name": "--vkui--size_popup_base_padding--regular", "value": "var(--vkui--size_popup_base_padding--regular, 20px)", @@ -282421,6 +281977,10 @@ exports[`shapshots otvetDark 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)", + }, "regular": { "name": "--vkui--size_popup_header_padding--regular", "value": "var(--vkui--size_popup_header_padding--regular, 16px)", @@ -282441,6 +282001,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282501,6 +282065,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282511,6 +282079,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282571,6 +282143,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282581,6 +282157,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282591,6 +282171,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282738,11 +282322,11 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, otvetDark)", + "value": "var(--vkui--theme_name, paradigmBaseDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, otvet)", + "value": "var(--vkui--theme_name_base, paradigmBase)", }, "themeType": "cssVars", "toneValueActive": { @@ -282777,6 +282361,22 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282844,7 +282444,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -282853,6 +282453,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -282993,9 +282597,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#2B2B2B", - "normal": "#191919", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -283143,9 +282747,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#222222", - "hover": "#1F1F1F", - "normal": "#1B1B1B", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -283173,9 +282777,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "transparent", - "hover": "transparent", - "normal": "transparent", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { "active": "#353536", @@ -283228,9 +282832,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#BABABA", - "hover": "#B7B7B7", - "normal": "#B4B4B4", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -283238,9 +282842,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5F5F5F", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { "active": "rgba(245, 246, 255, 0.68)", @@ -283548,11 +283152,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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)", + "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", @@ -283616,6 +283220,12 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "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", @@ -283661,33 +283271,46 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": "44px", - "fontWeight": 700, "lineHeight": "52px", - "marginBottom": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", }, }, "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": "32px", - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": "16px", + "lineHeight": "36px", }, - }, - "fontH2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 700, + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontH2": { + "compact": { + "fontSize": "28px", "lineHeight": "32px", - "marginBottom": "12px", + }, + "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", @@ -283696,6 +283319,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -283704,6 +283331,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", @@ -283720,6 +283351,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", @@ -283728,6 +283363,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -283737,20 +283376,18 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 700, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, "lineHeight": "28px", - "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": "12px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontTitle3": { @@ -283767,9 +283404,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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%", + "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, @@ -283826,6 +283463,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { + "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -283847,7 +283485,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -283898,12 +283536,15 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { + "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { + "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { + "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -283913,6 +283554,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { + "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -283925,6 +283567,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { + "compact": "28px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -283964,6 +283607,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { + "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -283979,7 +283623,8 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeFieldHeight": { - "regular": "40px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { "regular": "20px", @@ -283994,6 +283639,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { + "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -284004,13 +283650,15 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "20px", }, "sizeIconMargin": { + "compact": "8px", "regular": "12px", }, "sizeIconMorePadding": { + "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "18px", + "regular": "16px", }, "sizeIllustrationL": { "regular": "144px", @@ -284046,18 +283694,22 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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": { @@ -284076,9 +283728,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizeSearchHeight": { + "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { + "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -284097,12 +283751,15 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { + "compact": "12px", "regular": "14px", }, "sizeSwitchPin": { + "compact": "18px", "regular": "20px", }, "sizeSwitchWidth": { + "compact": "32px", "regular": "34px", }, "sizeTabMargin": { @@ -284145,8 +283802,8 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "otvetDark", - "themeNameBase": "otvet", + "themeName": "paradigmBaseDark", + "themeNameBase": "paradigmBase", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -284156,6 +283813,10 @@ exports[`shapshots otvetDark 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)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -284175,7 +283836,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots otvetDark 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)", @@ -284184,6 +283845,10 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 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, }, @@ -284324,9 +283989,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "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": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -284474,9 +284139,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "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": "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))", @@ -284504,9 +284169,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_field_background, #232324)", }, "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": "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)", @@ -284559,9 +284224,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_positive, #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": "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)", @@ -284569,9 +284234,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_primary_invariably, #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": "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))", @@ -284879,11 +284544,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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 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))", + "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)", @@ -284947,6 +284612,12 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, }, "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)", @@ -284992,33 +284663,46 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, }, "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, 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": "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, 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": "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, 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": "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)", @@ -285027,6 +284711,10 @@ exports[`shapshots otvetDark 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)", + }, "regular": { "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", @@ -285035,6 +284723,10 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, }, "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)", @@ -285051,6 +284743,10 @@ exports[`shapshots otvetDark 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, 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)", @@ -285059,6 +284755,10 @@ exports[`shapshots otvetDark 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)", + }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", @@ -285068,20 +284768,18 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, "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)", + "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)", - "marginBottom": "var(--vkui--font_title1--margin_bottom--regular, 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": "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": { @@ -285098,9 +284796,9 @@ exports[`shapshots otvetDark 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(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%)", "opacityDisable": "var(--vkui--opacity_disable, 0.48)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -285157,6 +284855,7 @@ exports[`shapshots otvetDark 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)", }, "sizeBasePaddingHorizontal": { @@ -285178,7 +284877,7 @@ exports[`shapshots otvetDark 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)", @@ -285229,12 +284928,15 @@ exports[`shapshots otvetDark 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)", }, "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": { @@ -285244,6 +284946,7 @@ exports[`shapshots otvetDark 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": { @@ -285256,6 +284959,7 @@ exports[`shapshots otvetDark 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)", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -285295,6 +284999,7 @@ exports[`shapshots otvetDark 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)", }, "sizeDivPadding": { @@ -285310,7 +285015,8 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 40px)", + "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)", @@ -285325,6 +285031,7 @@ exports[`shapshots otvetDark 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)", }, "sizeFormItemPaddingVertical": { @@ -285335,13 +285042,15 @@ exports[`shapshots otvetDark 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)", }, "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, 18px)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -285377,18 +285086,22 @@ exports[`shapshots otvetDark 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)", }, "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": { @@ -285407,9 +285120,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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": { @@ -285428,12 +285143,15 @@ exports[`shapshots otvetDark 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)", }, "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": { @@ -285476,8 +285194,8 @@ exports[`shapshots otvetDark 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, otvetDark)", - "themeNameBase": "var(--vkui--theme_name_base, otvet)", + "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)", @@ -285487,6 +285205,10 @@ exports[`shapshots otvetDark 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)")", "x0": "var(--vkui--x0, 0px)", "x025": "var(--vkui--x025, 1px)", "x05": "var(--vkui--x05, 2px)", @@ -285506,7 +285228,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = } `; -exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` +exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -285515,6 +285237,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -285655,9 +285381,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#2B2B2B", - "normal": "#191919", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -285805,9 +285531,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#222222", - "hover": "#1F1F1F", - "normal": "#1B1B1B", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -285835,9 +285561,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "transparent", - "hover": "transparent", - "normal": "transparent", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { "active": "#353536", @@ -285890,9 +285616,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#BABABA", - "hover": "#B7B7B7", - "normal": "#B4B4B4", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -285900,9 +285626,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5F5F5F", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { "active": "rgba(245, 246, 255, 0.68)", @@ -286210,11 +285936,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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)", + "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", @@ -286278,6 +286004,12 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "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, @@ -286323,33 +286055,46 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": 44, - "fontWeight": 700, - "lineHeight": "52px", - "marginBottom": 20, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, }, }, "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": 32, - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": 16, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 700, - "lineHeight": "32px", - "marginBottom": 12, + "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, @@ -286358,6 +286103,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -286366,6 +286115,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, @@ -286382,6 +286135,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, @@ -286390,6 +286147,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, @@ -286399,20 +286160,18 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 700, - "lineHeight": "28px", - "marginBottom": 12, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": 12, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontTitle3": { @@ -286429,9 +286188,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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%", + "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, @@ -286488,6 +286247,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { + "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -286509,7 +286269,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -286560,12 +286320,15 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { + "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { + "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { + "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -286575,6 +286338,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -286587,6 +286351,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { + "compact": 28, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -286626,6 +286391,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { + "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -286641,7 +286407,8 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "regular": 40, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { "regular": 20, @@ -286656,6 +286423,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { + "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -286666,13 +286434,15 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { + "compact": 8, "regular": 12, }, "sizeIconMorePadding": { + "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 18, + "regular": 16, }, "sizeIllustrationL": { "regular": 144, @@ -286708,18 +286478,22 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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": { @@ -286738,9 +286512,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeSearchHeight": { + "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { + "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -286759,12 +286535,15 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { + "compact": 12, "regular": 14, }, "sizeSwitchPin": { + "compact": 18, "regular": 20, }, "sizeSwitchWidth": { + "compact": 32, "regular": 34, }, "sizeTabMargin": { @@ -286807,8 +286586,8 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "otvetDark", - "themeNameBase": "otvet", + "themeName": "paradigmBaseDark", + "themeNameBase": "paradigmBase", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -286818,6 +286597,10 @@ exports[`shapshots otvetDark 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)", "x0": 0, "x025": 1, "x05": 2, @@ -286837,7 +286620,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` +exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -286860,9 +286643,17 @@ exports[`shapshots paradigmBase 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", @@ -287138,15 +286929,15 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #1DD3A2)", }, }, "colorBackgroundAccentAlternative": { @@ -287782,15 +287573,15 @@ exports[`shapshots paradigmBase 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, #1BC39A)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "value": "var(--vkui--color_icon_accent, #1DD3A2)", }, }, "colorIconAccentThemed": { @@ -288101,6 +287892,188 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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, #fc627e)", + }, + "hover": { + "name": "--vkui--color_primary_pets--hover", + "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + }, + "normal": { + "name": "--vkui--color_primary_pets", + "value": "var(--vkui--color_primary_pets, #fc738c)", + }, + }, + "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, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_realty--hover", + "value": "var(--vkui--color_primary_realty--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_realty", + "value": "var(--vkui--color_primary_realty, #0077FF)", + }, + }, "colorRating": { "active": { "name": "--vkui--color_rating--active", @@ -288115,6 +288088,20 @@ exports[`shapshots paradigmBase 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", @@ -288129,6 +288116,48 @@ exports[`shapshots paradigmBase 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", @@ -288241,18 +288270,116 @@ exports[`shapshots paradigmBase 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, #006FEF)", + "value": "var(--vkui--color_stroke_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "value": "var(--vkui--color_stroke_accent, #1DD3A2)", }, }, "colorStrokeAccentThemed": { @@ -288328,15 +288455,15 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0068E2)", + "value": "var(--vkui--color_text_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "value": "var(--vkui--color_text_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "value": "var(--vkui--color_text_accent, #1DD3A2)", }, }, "colorTextAccentThemed": { @@ -288819,7 +288946,7 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` }, "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", }, "elevation4": { "name": "--vkui--elevation4", @@ -288847,7 +288974,7 @@ exports[`shapshots paradigmBase 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", @@ -288893,7 +289020,7 @@ exports[`shapshots paradigmBase 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", @@ -288939,7 +289066,7 @@ exports[`shapshots paradigmBase 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", @@ -288985,7 +289112,7 @@ exports[`shapshots paradigmBase 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", @@ -289031,7 +289158,7 @@ exports[`shapshots paradigmBase 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", @@ -289077,7 +289204,7 @@ exports[`shapshots paradigmBase 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", @@ -289273,15 +289400,19 @@ exports[`shapshots paradigmBase 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": { @@ -289305,7 +289436,7 @@ exports[`shapshots paradigmBase 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", @@ -289351,7 +289482,7 @@ exports[`shapshots paradigmBase 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", @@ -289443,9 +289574,17 @@ exports[`shapshots paradigmBase 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", @@ -289455,11 +289594,11 @@ exports[`shapshots paradigmBase 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", @@ -289467,7 +289606,7 @@ exports[`shapshots paradigmBase 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)", }, }, }, @@ -289491,9 +289630,17 @@ exports[`shapshots paradigmBase 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", @@ -289503,11 +289650,11 @@ exports[`shapshots paradigmBase 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", @@ -289515,7 +289662,83 @@ exports[`shapshots paradigmBase 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)", }, }, }, @@ -289551,7 +289774,7 @@ exports[`shapshots paradigmBase 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", @@ -289599,7 +289822,7 @@ exports[`shapshots paradigmBase 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", @@ -289647,7 +289870,7 @@ exports[`shapshots paradigmBase 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", @@ -289685,7 +289908,7 @@ exports[`shapshots paradigmBase 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", @@ -289733,7 +289956,7 @@ exports[`shapshots paradigmBase 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", @@ -289781,7 +290004,7 @@ exports[`shapshots paradigmBase 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", @@ -289819,7 +290042,7 @@ exports[`shapshots paradigmBase 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", @@ -289857,7 +290080,7 @@ exports[`shapshots paradigmBase 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", @@ -289895,7 +290118,7 @@ exports[`shapshots paradigmBase 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", @@ -289935,6 +290158,22 @@ exports[`shapshots paradigmBase 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%)", @@ -289951,464 +290190,1750 @@ exports[`shapshots paradigmBase 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)", - }, - "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": { + "gridAsideContent": { "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)", + "name": "--vkui--grid_aside_content", + "value": "var(--vkui--grid_aside_content)", }, - }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "compact": { + "name": "--vkui--grid_aside_content--compact", + "value": "var(--vkui--grid_aside_content--compact, 300px)", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "compactX": { + "name": "--vkui--grid_aside_content--compact_x", + "value": "var(--vkui--grid_aside_content--compact_x, 300px)", }, - }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "large": { + "name": "--vkui--grid_aside_content--large", + "value": "var(--vkui--grid_aside_content--large, 380px)", }, "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "name": "--vkui--grid_aside_content--regular", + "value": "var(--vkui--grid_aside_content--regular, 100%)", }, }, - "sizeAttributeMargin": { + "gridColumnX2": { "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)", + "name": "--vkui--grid_column_x2", + "value": "var(--vkui--grid_column_x2)", }, - }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "compact": { + "name": "--vkui--grid_column_x2--compact", + "value": "var(--vkui--grid_column_x2--compact, 430px)", }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "compactX": { + "name": "--vkui--grid_column_x2--compact_x", + "value": "var(--vkui--grid_column_x2--compact_x, 280px)", }, - }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "large": { + "name": "--vkui--grid_column_x2--large", + "value": "var(--vkui--grid_column_x2--large, 580px)", }, "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "name": "--vkui--grid_column_x2--regular", + "value": "var(--vkui--grid_column_x2--regular, 100%)", }, }, - "sizeAvatarS": { + "gridColumnX3": { "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)", + "name": "--vkui--grid_column_x3", + "value": "var(--vkui--grid_column_x3)", }, - }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "compact": { + "name": "--vkui--grid_column_x3--compact", + "value": "var(--vkui--grid_column_x3--compact, 280px)", }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "compactX": { + "name": "--vkui--grid_column_x3--compact_x", + "value": "var(--vkui--grid_column_x3--compact_x, 180px)", }, - }, - "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "large": { + "name": "--vkui--grid_column_x3--large", + "value": "var(--vkui--grid_column_x3--large, 380px)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--grid_column_x3--regular", + "value": "var(--vkui--grid_column_x3--regular, 100%)", }, }, - "sizeBadgeL": { + "gridColumnX4": { "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)", + "name": "--vkui--grid_column_x4", + "value": "var(--vkui--grid_column_x4)", }, - }, - "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "compact": { + "name": "--vkui--grid_column_x4--compact", + "value": "var(--vkui--grid_column_x4--compact, 205px)", }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "compactX": { + "name": "--vkui--grid_column_x4--compact_x", + "value": "var(--vkui--grid_column_x4--compact_x, 130px)", }, - }, - "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "large": { + "name": "--vkui--grid_column_x4--large", + "value": "var(--vkui--grid_column_x4--large, 280px)", }, "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "name": "--vkui--grid_column_x4--regular", + "value": "var(--vkui--grid_column_x4--regular, 100%)", }, }, - "sizeBadgeXL": { + "gridColumnX6": { "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)", + "name": "--vkui--grid_column_x6", + "value": "var(--vkui--grid_column_x6)", }, - }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "compact": { + "name": "--vkui--grid_column_x6--compact", + "value": "var(--vkui--grid_column_x6--compact, 130px)", }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "compactX": { + "name": "--vkui--grid_column_x6--compact_x", + "value": "var(--vkui--grid_column_x6--compact_x, 80px)", }, - }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "large": { + "name": "--vkui--grid_column_x6--large", + "value": "var(--vkui--grid_column_x6--large, 180px)", }, "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "name": "--vkui--grid_column_x6--regular", + "value": "var(--vkui--grid_column_x6--regular, 100%)", }, }, - "sizeBasePadding": { + "gridMainContent": { "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "name": "--vkui--grid_main_content", + "value": "var(--vkui--grid_main_content)", }, "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", + "name": "--vkui--grid_main_content--compact", + "value": "var(--vkui--grid_main_content--compact, 620px)", }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", + "compactX": { + "name": "--vkui--grid_main_content--compact_x", + "value": "var(--vkui--grid_main_content--compact_x, 620px)", }, - }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "large": { + "name": "--vkui--grid_main_content--large", + "value": "var(--vkui--grid_main_content--large, 780px)", }, "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "name": "--vkui--grid_main_content--regular", + "value": "var(--vkui--grid_main_content--regular, 100%)", }, }, - "sizeBasePaddingVertical": { + "gridMainContentWide": { "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)", + "name": "--vkui--grid_main_content_wide", + "value": "var(--vkui--grid_main_content_wide)", }, - }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "compact": { + "name": "--vkui--grid_main_content_wide--compact", + "value": "var(--vkui--grid_main_content_wide--compact, 620px)", }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "compactX": { + "name": "--vkui--grid_main_content_wide--compact_x", + "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", }, - }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "large": { + "name": "--vkui--grid_main_content_wide--large", + "value": "var(--vkui--grid_main_content_wide--large, 860px)", }, "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--grid_main_content_wide--regular", + "value": "var(--vkui--grid_main_content_wide--regular, 100%)", }, }, - "sizeBorder3x": { + "gridWrapperContent": { "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", - }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "name": "--vkui--grid_wrapper_content", + "value": "var(--vkui--grid_wrapper_content)", }, - }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "compact": { + "name": "--vkui--grid_wrapper_content--compact", + "value": "var(--vkui--grid_wrapper_content--compact, 940px)", }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "compactX": { + "name": "--vkui--grid_wrapper_content--compact_x", + "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", }, - }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "large": { + "name": "--vkui--grid_wrapper_content--large", + "value": "var(--vkui--grid_wrapper_content--large, 1260px)", }, "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "name": "--vkui--grid_wrapper_content--regular", + "value": "var(--vkui--grid_wrapper_content--regular, 100%)", }, }, - "sizeBorderRadiusPromo": { + "mediaFontMediaCaption": { "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)", + "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)", + }, }, - }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "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_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "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)", + }, }, }, - "sizeBorderWidthAccent": { + "mediaFontMediaCaptionCaps": { "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)", + "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)", + }, }, - }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "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_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "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)", + }, }, }, - "sizeBorderWidthBar": { + "mediaFontMediaLead": { "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)", + "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)", + }, }, - }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "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_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "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)", + }, }, }, - "sizeBulletMargin": { + "mediaFontMediaParagraph": { "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)", + "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)", + }, }, - }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "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_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "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)", + }, }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { + "mediaFontMediaParagraphNumbering": { "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)", + "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)", + }, }, - }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "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_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "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)", + }, }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { + "mediaFontMediaParagraphSecondary": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "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_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, }, - "sizeButtonBaseSmallPaddingHorizontal": { + "mediaFontMediaQuote": { "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)", + "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)", + }, }, - }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "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_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, }, - "sizeButtonGroupGapMedium": { + "mediaFontMediaQuotePerson": { "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)", + "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)", + }, }, - }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "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_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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)", + }, }, }, - "sizeButtonGroupGapSpace": { + "mediaFontMediaSubtitleLight": { "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "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_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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)", + }, }, }, - "sizeButtonIconPadding": { + "mediaFontMediaTextSecondaryLight": { "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)", + "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_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + "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)", + }, }, }, - "sizeButtonLargeHeight": { + "mediaFontMediaTitle1": { "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "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": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "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": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "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)", + }, }, }, - "sizeButtonMediumHeight": { + "mediaFontMediaTitle1Tiny": { "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "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)", + }, + }, + "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)", + }, + "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", @@ -290444,10 +291969,6 @@ exports[`shapshots paradigmBase 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)", @@ -290624,11 +292145,15 @@ exports[`shapshots paradigmBase 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": { @@ -290690,6 +292215,14 @@ exports[`shapshots paradigmBase 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)", @@ -290730,13 +292263,13 @@ exports[`shapshots paradigmBase 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": { @@ -290768,13 +292301,9 @@ exports[`shapshots paradigmBase 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": { @@ -290782,10 +292311,6 @@ exports[`shapshots paradigmBase 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)", @@ -290796,9 +292321,17 @@ exports[`shapshots paradigmBase 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": { @@ -290930,13 +292463,13 @@ exports[`shapshots paradigmBase 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": { @@ -290944,13 +292477,13 @@ exports[`shapshots paradigmBase 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": { @@ -290970,11 +292503,15 @@ exports[`shapshots paradigmBase 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": { @@ -291048,11 +292585,15 @@ exports[`shapshots paradigmBase 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": { @@ -291152,16 +292693,32 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", - }, + "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)", + }, }, "sizeTabPadding": { "auto": { "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)", @@ -291289,7 +292846,11 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, paradigmBase)", + "value": "var(--vkui--theme_name, pharma)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, pharma)", }, "themeType": "cssVars", "toneValueActive": { @@ -291324,21 +292885,45 @@ exports[`shapshots paradigmBase 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", @@ -291407,7 +292992,7 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -291415,9 +293000,17 @@ exports[`shapshots paradigmBase 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", @@ -291520,9 +293113,9 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -291750,9 +293343,9 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -291864,16 +293457,101 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "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": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", + }, + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, "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", @@ -291914,10 +293592,45 @@ exports[`shapshots paradigmBase 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -291945,9 +293658,9 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -292118,11 +293831,11 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "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)", + "elevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", "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", @@ -292130,7 +293843,7 @@ exports[`shapshots paradigmBase 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", @@ -292140,7 +293853,7 @@ exports[`shapshots paradigmBase 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", @@ -292148,7 +293861,7 @@ exports[`shapshots paradigmBase 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", @@ -292158,7 +293871,7 @@ exports[`shapshots paradigmBase 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", @@ -292166,7 +293879,7 @@ exports[`shapshots paradigmBase 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", @@ -292212,12 +293925,13 @@ exports[`shapshots paradigmBase 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", @@ -292225,7 +293939,7 @@ exports[`shapshots paradigmBase 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", @@ -292247,35 +293961,55 @@ exports[`shapshots paradigmBase 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", @@ -292287,7 +294021,7 @@ exports[`shapshots paradigmBase 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", @@ -292299,7 +294033,7 @@ exports[`shapshots paradigmBase 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", @@ -292307,7 +294041,7 @@ exports[`shapshots paradigmBase 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", @@ -292319,7 +294053,7 @@ exports[`shapshots paradigmBase 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", @@ -292331,7 +294065,7 @@ exports[`shapshots paradigmBase 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", @@ -292339,7 +294073,7 @@ exports[`shapshots paradigmBase 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", @@ -292347,7 +294081,7 @@ exports[`shapshots paradigmBase 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", @@ -292355,7 +294089,7 @@ exports[`shapshots paradigmBase 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", @@ -292367,12 +294101,326 @@ exports[`shapshots paradigmBase 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%", + "gridAsideContent": { + "compact": "300px", + "compactX": "300px", + "large": "380px", + "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": "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", + }, + }, + "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": "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", + }, + }, + "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", + }, + }, + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 400, + "lineHeight": "26px", + }, + }, + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, + }, + "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", }, @@ -292426,8 +294474,8 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "compactX": "16px", + "regular": "20px", }, "sizeBasePaddingHorizontal": { "regular": "16px", @@ -292448,7 +294496,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -292460,7 +294508,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "regular": "4px", }, "sizeBorderWidthBar": { "regular": "4px", @@ -292499,8 +294547,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "regular": "20px", }, "sizeButtonLargeHeight": { "compact": "36px", @@ -292517,7 +294564,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -292570,8 +294616,9 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "compact": "130px", + "compactX": "130px", + "regular": "94px", }, "sizeDivPadding": { "regular": "4px", @@ -292590,6 +294637,8 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "44px", }, "sizeFieldHorizontalMargin": { + "compact": "16px", + "compactX": "16px", "regular": "20px", }, "sizeFieldHorizontalPadding": { @@ -292602,8 +294651,8 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "compactX": "288px", + "regular": "380px", }, "sizeFormItemPaddingVertical": { "regular": "12px", @@ -292613,15 +294662,15 @@ exports[`shapshots paradigmBase 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", @@ -292661,19 +294710,20 @@ exports[`shapshots paradigmBase 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", @@ -292695,8 +294745,9 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", + "compact": "7px", + "compactX": "7px", + "regular": "6px", }, "sizeSliceBottomPadding": { "regular": "60px", @@ -292726,9 +294777,13 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "34px", }, "sizeTabMargin": { + "compact": "32px", + "compactX": "32px", "regular": "8px", }, "sizeTabPadding": { + "compact": "0px", + "compactX": "0px", "regular": "16px", }, "sizeTableHorizontalPadding": { @@ -292765,7 +294820,8 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "paradigmBase", + "themeName": "pharma", + "themeNameBase": "pharma", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -292775,10 +294831,16 @@ exports[`shapshots paradigmBase 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", @@ -292798,7 +294860,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = } `; -exports[`shapshots paradigmBase 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)", @@ -292806,9 +294868,17 @@ exports[`shapshots paradigmBase 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", @@ -292911,9 +294981,9 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "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)", + "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)", @@ -293141,9 +295211,9 @@ exports[`shapshots paradigmBase 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, #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, #006FEF)", @@ -293255,16 +295325,101 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "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, #fc627e)", + "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "normal": "var(--vkui--color_primary_pets, #fc738c)", + }, + "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, #006FEF)", + "hover": "var(--vkui--color_primary_realty--hover, #0073F7)", + "normal": "var(--vkui--color_primary_realty, #0077FF)", + }, "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)", @@ -293305,10 +295460,45 @@ exports[`shapshots paradigmBase 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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077ff)", + "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, #006FEF)", @@ -293336,9 +295526,9 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "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)", + "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, #0068E2)", @@ -293509,11 +295699,11 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "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))", + "elevation3": "var(--vkui--elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", "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)", @@ -293521,7 +295711,7 @@ exports[`shapshots paradigmBase 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)", @@ -293531,7 +295721,7 @@ exports[`shapshots paradigmBase 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)", @@ -293539,7 +295729,7 @@ exports[`shapshots paradigmBase 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)", @@ -293549,7 +295739,7 @@ exports[`shapshots paradigmBase 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)", @@ -293557,7 +295747,7 @@ exports[`shapshots paradigmBase 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)", @@ -293603,12 +295793,13 @@ exports[`shapshots paradigmBase 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)", @@ -293616,7 +295807,7 @@ exports[`shapshots paradigmBase 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)", @@ -293638,26 +295829,46 @@ exports[`shapshots paradigmBase 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": { @@ -293666,7 +295877,7 @@ exports[`shapshots paradigmBase 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)", @@ -293678,7 +295889,7 @@ exports[`shapshots paradigmBase 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)", @@ -293690,7 +295901,7 @@ exports[`shapshots paradigmBase 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)", @@ -293698,7 +295909,7 @@ exports[`shapshots paradigmBase 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)", @@ -293710,7 +295921,7 @@ exports[`shapshots paradigmBase 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)", @@ -293722,7 +295933,7 @@ exports[`shapshots paradigmBase 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)", @@ -293730,7 +295941,7 @@ exports[`shapshots paradigmBase 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)", @@ -293738,7 +295949,7 @@ exports[`shapshots paradigmBase 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)", @@ -293746,7 +295957,7 @@ exports[`shapshots paradigmBase 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)", @@ -293758,12 +295969,326 @@ exports[`shapshots paradigmBase 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%)", + "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, 380px)", + "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, 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)", + }, + }, + "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, 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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", }, @@ -293817,8 +296342,8 @@ exports[`shapshots paradigmBase 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)", @@ -293839,7 +296364,7 @@ exports[`shapshots paradigmBase 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)", @@ -293851,7 +296376,7 @@ exports[`shapshots paradigmBase 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)", @@ -293890,8 +296415,7 @@ exports[`shapshots paradigmBase 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)", @@ -293908,7 +296432,6 @@ exports[`shapshots paradigmBase 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": { @@ -293961,8 +296484,9 @@ exports[`shapshots paradigmBase 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)", @@ -293981,6 +296505,8 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "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": { @@ -293993,8 +296519,8 @@ exports[`shapshots paradigmBase 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)", @@ -294004,15 +296530,15 @@ exports[`shapshots paradigmBase 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)", @@ -294052,19 +296578,20 @@ exports[`shapshots paradigmBase 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)", @@ -294086,8 +296613,9 @@ exports[`shapshots paradigmBase 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)", @@ -294117,9 +296645,13 @@ exports[`shapshots paradigmBase 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": { @@ -294156,7 +296688,8 @@ exports[`shapshots paradigmBase 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, paradigmBase)", + "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)", @@ -294166,10 +296699,16 @@ exports[`shapshots paradigmBase 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)", @@ -294189,7 +296728,7 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] } `; -exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` +exports[`shapshots pharma theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -294197,9 +296736,17 @@ exports[`shapshots paradigmBase 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", @@ -294302,9 +296849,9 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -294532,9 +297079,9 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -294646,16 +297193,101 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "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": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", + }, + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, "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", @@ -294696,10 +297328,45 @@ exports[`shapshots paradigmBase 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -294727,9 +297394,9 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -294900,11 +297567,11 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "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)", + "elevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", "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, @@ -294912,7 +297579,7 @@ exports[`shapshots paradigmBase 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", @@ -294922,7 +297589,7 @@ exports[`shapshots paradigmBase 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, @@ -294930,7 +297597,7 @@ exports[`shapshots paradigmBase 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", @@ -294940,7 +297607,7 @@ exports[`shapshots paradigmBase 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, @@ -294948,7 +297615,7 @@ exports[`shapshots paradigmBase 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", @@ -294994,12 +297661,13 @@ exports[`shapshots paradigmBase 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, @@ -295007,7 +297675,7 @@ exports[`shapshots paradigmBase 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", @@ -295029,35 +297697,55 @@ exports[`shapshots paradigmBase 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, @@ -295069,7 +297757,7 @@ exports[`shapshots paradigmBase 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, @@ -295081,7 +297769,7 @@ exports[`shapshots paradigmBase 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, @@ -295089,7 +297777,7 @@ exports[`shapshots paradigmBase 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, @@ -295101,7 +297789,7 @@ exports[`shapshots paradigmBase 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, @@ -295113,7 +297801,7 @@ exports[`shapshots paradigmBase 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, @@ -295121,7 +297809,7 @@ exports[`shapshots paradigmBase 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, @@ -295129,7 +297817,7 @@ exports[`shapshots paradigmBase 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, @@ -295137,7 +297825,7 @@ exports[`shapshots paradigmBase 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, @@ -295149,12 +297837,326 @@ exports[`shapshots paradigmBase 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%", + "gridAsideContent": { + "compact": 300, + "compactX": 300, + "large": 380, + "regular": "100%", + }, + "gridColumnX2": { + "compact": 430, + "compactX": 280, + "large": 580, + "regular": "100%", + }, + "gridColumnX3": { + "compact": 280, + "compactX": 180, + "large": 380, + "regular": "100%", + }, + "gridColumnX4": { + "compact": 205, + "compactX": 130, + "large": 280, + "regular": "100%", + }, + "gridColumnX6": { + "compact": 130, + "compactX": 80, + "large": 180, + "regular": "100%", + }, + "gridMainContent": { + "compact": 620, + "compactX": 620, + "large": 780, + "regular": "100%", + }, + "gridMainContentWide": { + "compact": 620, + "compactX": 620, + "large": 860, + "regular": "100%", + }, + "gridWrapperContent": { + "compact": 940, + "compactX": 620, + "large": 1260, + "regular": "100%", + }, + "mediaFontMediaCaption": { + "compact": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 26, + }, + "regular": { + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 22, + }, + }, + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": 15, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 20, + }, + "regular": { + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 16, + }, + }, + "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, + }, + }, + "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, + }, + }, + "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, + }, + }, + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 24, + }, + }, + "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, + }, + }, + "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, + }, + }, + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 400, + "lineHeight": 26, + }, + }, + "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, }, @@ -295208,8 +298210,8 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compact": 20, - "regular": 16, + "compactX": 16, + "regular": 20, }, "sizeBasePaddingHorizontal": { "regular": 16, @@ -295230,7 +298232,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -295242,7 +298244,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "regular": 8, + "regular": 4, }, "sizeBorderWidthBar": { "regular": 4, @@ -295281,8 +298283,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "regular": 20, }, "sizeButtonLargeHeight": { "compact": 36, @@ -295299,7 +298300,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -295352,8 +298352,9 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "compact": 130, + "compactX": 130, + "regular": 94, }, "sizeDivPadding": { "regular": 4, @@ -295372,6 +298373,8 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeFieldHorizontalMargin": { + "compact": 16, + "compactX": 16, "regular": 20, }, "sizeFieldHorizontalPadding": { @@ -295384,8 +298387,8 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "compactX": 288, + "regular": 380, }, "sizeFormItemPaddingVertical": { "regular": 12, @@ -295395,15 +298398,15 @@ exports[`shapshots paradigmBase 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, @@ -295443,19 +298446,20 @@ exports[`shapshots paradigmBase 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, @@ -295477,8 +298481,9 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "compact": 7, + "compactX": 7, + "regular": 6, }, "sizeSliceBottomPadding": { "regular": 60, @@ -295508,9 +298513,13 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 34, }, "sizeTabMargin": { + "compact": 32, + "compactX": 32, "regular": 8, }, "sizeTabPadding": { + "compact": 0, + "compactX": 0, "regular": 16, }, "sizeTableHorizontalPadding": { @@ -295547,7 +298556,8 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "paradigmBase", + "themeName": "pharma", + "themeNameBase": "pharma", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -295557,10 +298567,16 @@ exports[`shapshots paradigmBase 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, @@ -295580,7 +298596,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -295615,11 +298631,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -295629,25 +298645,25 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077ff)", + "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", @@ -295657,25 +298673,25 @@ exports[`shapshots paradigmBaseDark 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", @@ -295685,11 +298701,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -295699,11 +298715,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -295713,11 +298729,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -295727,25 +298743,25 @@ exports[`shapshots paradigmBaseDark 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", @@ -295755,11 +298771,11 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -295769,25 +298785,25 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { "name": "--vkui--color_accent_red", @@ -295797,11 +298813,11 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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", @@ -295811,11 +298827,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -295825,29 +298841,29 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "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": { @@ -295867,25 +298883,25 @@ exports[`shapshots paradigmBaseDark 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, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", @@ -295895,11 +298911,11 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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", @@ -295909,39 +298925,39 @@ exports[`shapshots paradigmBaseDark 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", @@ -295951,81 +298967,81 @@ exports[`shapshots paradigmBaseDark 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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, "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", @@ -296035,11 +299051,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -296063,137 +299079,137 @@ exports[`shapshots paradigmBaseDark 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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -296203,361 +299219,361 @@ exports[`shapshots paradigmBaseDark 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, #3C3C3D)", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #333334)", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #2b2b2c)", + "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(51, 51, 51, 0.88))", + "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(51, 51, 51, 0.84))", + "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(51, 51, 51, 0.8))", + "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, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "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", @@ -296567,11 +299583,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -296581,67 +299597,67 @@ exports[`shapshots paradigmBaseDark 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, #DA300E)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ED330a)", }, }, "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", @@ -296651,25 +299667,25 @@ exports[`shapshots paradigmBaseDark 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", @@ -296679,67 +299695,67 @@ exports[`shapshots paradigmBaseDark 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", @@ -296749,53 +299765,53 @@ exports[`shapshots paradigmBaseDark 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", @@ -296805,53 +299821,53 @@ exports[`shapshots paradigmBaseDark 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "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", @@ -296861,165 +299877,165 @@ exports[`shapshots paradigmBaseDark 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, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "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", @@ -297029,25 +300045,25 @@ exports[`shapshots paradigmBaseDark 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, #DA300E)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ED330a)", }, }, "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", @@ -297057,53 +300073,53 @@ exports[`shapshots paradigmBaseDark 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, #2C8FFF)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "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", @@ -297113,53 +300129,53 @@ exports[`shapshots paradigmBaseDark 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, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "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", @@ -297169,11 +300185,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -297183,39 +300199,39 @@ exports[`shapshots paradigmBaseDark 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", @@ -297225,39 +300241,39 @@ exports[`shapshots paradigmBaseDark 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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", @@ -297267,57 +300283,57 @@ exports[`shapshots paradigmBaseDark 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "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": { @@ -297337,137 +300353,137 @@ exports[`shapshots paradigmBaseDark 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", @@ -297477,11 +300493,11 @@ exports[`shapshots paradigmBaseDark 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", @@ -297491,82 +300507,82 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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": { @@ -298680,7 +301696,7 @@ exports[`shapshots paradigmBaseDark 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", @@ -298688,7 +301704,7 @@ exports[`shapshots paradigmBaseDark 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", @@ -298702,6 +301718,322 @@ exports[`shapshots paradigmBaseDark 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, #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))", + }, + "normal": { + "name": "--vkui--portal_color_background_accent_tab_alpha", + "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, #EBECEF)", + }, + "hover": { + "name": "--vkui--portal_color_background_card--hover", + "value": "var(--vkui--portal_color_background_card--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--portal_color_background_card", + "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, #3E3E3F)", + }, + "hover": { + "name": "--vkui--portal_color_background_dark--hover", + "value": "var(--vkui--portal_color_background_dark--hover, #2B2B2C)", + }, + "normal": { + "name": "--vkui--portal_color_background_dark", + "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, #DDDFE4)", + }, + "hover": { + "name": "--vkui--portal_color_background_invariable--hover", + "value": "var(--vkui--portal_color_background_invariable--hover, #E6E8EC)", + }, + "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.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))", + }, + "normal": { + "name": "--vkui--portal_color_overlay_primary_alpha", + "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, #5393EF)", + }, + "hover": { + "name": "--vkui--portal_color_palette_light_blue--hover", + "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, #5A9EFF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--portal_color_palette_sweet_blue", + "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, #BEDCD8)", + }, + "hover": { + "name": "--vkui--portal_color_palette_sweet_green--hover", + "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, #CEEEE6)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--portal_color_palette_sweet_orange", + "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, #DFD7EF)", + }, + "hover": { + "name": "--vkui--portal_color_palette_sweet_purple--hover", + "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, #F2E8FF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--portal_color_text_blue_accent_themed", + "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, #077369)", + }, + "hover": { + "name": "--vkui--portal_color_text_green_accent_themed--hover", + "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, #087C6D)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--portal_color_text_link_visited_alternative", + "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, #6E432C)", + }, + "hover": { + "name": "--vkui--portal_color_text_orange_accent_themed--hover", + "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, #78472A)", + }, + }, + "portalColorTextPurpleAccentThemed": { + "active": { + "name": "--vkui--portal_color_text_purple_accent_themed--active", + "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, #6E4E9B)", + }, + "normal": { + "name": "--vkui--portal_color_text_purple_accent_themed", + "value": "var(--vkui--portal_color_text_purple_accent_themed, #73519F)", + }, + }, + "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", @@ -300032,11 +303364,11 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, paradigmBaseDark)", + "value": "var(--vkui--theme_name, portalUI)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, paradigmBase)", + "value": "var(--vkui--theme_name_base, portalUI)", }, "themeType": "cssVars", "toneValueActive": { @@ -300154,7 +303486,7 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -300172,89 +303504,89 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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)", @@ -300262,68 +303594,68 @@ exports[`shapshots paradigmBaseDark 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": "#1482FF", - "hover": "#0A7CFF", + "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -300332,454 +303664,454 @@ exports[`shapshots paradigmBaseDark 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -300787,86 +304119,86 @@ exports[`shapshots paradigmBaseDark 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", @@ -301114,12 +304446,118 @@ exports[`shapshots paradigmBaseDark 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": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", + }, + "portalColorBackgroundAccent": { + "active": "#D4DDEF", + "hover": "#DDE6F6", + "normal": "#E6EFFE", + }, + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "portalColorBackgroundCard": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "portalColorBackgroundDark": { + "active": "#3E3E3F", + "hover": "#2B2B2C", + "normal": "#19191A", + }, + "portalColorBackgroundInvariable": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "portalColorPaletteLightBlue": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5A9EFF", + }, + "portalColorPaletteSweetBlue": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "portalColorPaletteSweetGreen": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "portalColorPaletteSweetOrange": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "portalColorPaletteSweetPurple": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "portalColorTextBlueAccentThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "portalColorTextGreenAccentThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "portalColorTextLinkVisitedAlternative": { + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", + }, + "portalColorTextOrangeAccentThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "portalColorTextPurpleAccentThemed": { + "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(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", }, @@ -301512,8 +304950,8 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "paradigmBaseDark", - "themeNameBase": "paradigmBase", + "themeName": "portalUI", + "themeNameBase": "portalUI", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -301546,7 +304984,7 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 } `; -exports[`shapshots paradigmBaseDark 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)", @@ -301564,89 +305002,89 @@ 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)", + "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, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", "normal": "var(--vkui--color_accent_red, #ED330A)", }, "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, #1482FF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", - "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + "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))", @@ -301654,68 +305092,68 @@ exports[`shapshots paradigmBaseDark 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, #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, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "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": { @@ -301724,454 +305162,454 @@ exports[`shapshots paradigmBaseDark 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, #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, 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))", + "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, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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(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))", + "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, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "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, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330a)", }, "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, #1482FF)", - "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_panel_header_icon, #0077FF)", + "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, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "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, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330a)", }, "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, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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))", @@ -302179,86 +305617,86 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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, #1482FF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + "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)", @@ -302506,12 +305944,118 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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, #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, #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.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(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, #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, #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, #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.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, #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, #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, #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, #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, #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, #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, #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, #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, #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, #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(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)", }, @@ -302904,8 +306448,8 @@ exports[`shapshots paradigmBaseDark 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)", - "themeName": "var(--vkui--theme_name, paradigmBaseDark)", - "themeNameBase": "var(--vkui--theme_name_base, paradigmBase)", + "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)", @@ -302938,7 +306482,7 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars } `; -exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = ` +exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -302956,89 +306500,89 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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)", @@ -303046,68 +306590,68 @@ exports[`shapshots paradigmBaseDark 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": "#1482FF", - "hover": "#0A7CFF", + "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -303116,454 +306660,454 @@ exports[`shapshots paradigmBaseDark 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -303571,86 +307115,86 @@ exports[`shapshots paradigmBaseDark 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", @@ -303898,12 +307442,118 @@ exports[`shapshots paradigmBaseDark 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": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", + }, + "portalColorBackgroundAccent": { + "active": "#D4DDEF", + "hover": "#DDE6F6", + "normal": "#E6EFFE", + }, + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "portalColorBackgroundCard": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "portalColorBackgroundDark": { + "active": "#3E3E3F", + "hover": "#2B2B2C", + "normal": "#19191A", + }, + "portalColorBackgroundInvariable": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "portalColorPaletteLightBlue": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5A9EFF", + }, + "portalColorPaletteSweetBlue": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "portalColorPaletteSweetGreen": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "portalColorPaletteSweetOrange": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "portalColorPaletteSweetPurple": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "portalColorTextBlueAccentThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "portalColorTextGreenAccentThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "portalColorTextLinkVisitedAlternative": { + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", + }, + "portalColorTextOrangeAccentThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "portalColorTextPurpleAccentThemed": { + "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(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, }, @@ -304296,8 +307946,8 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "paradigmBaseDark", - "themeNameBase": "paradigmBase", + "themeName": "portalUI", + "themeNameBase": "portalUI", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -304330,7 +307980,7 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = } `; -exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` +exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -304353,17 +308003,9 @@ exports[`shapshots pharma 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": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, + "breakpoint": 768, }, "touch": { "adaptiveValue": "regular", @@ -304373,11 +308015,11 @@ 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)", + "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", @@ -304387,25 +308029,25 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "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", @@ -304415,25 +308057,25 @@ exports[`shapshots pharma 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", @@ -304443,11 +308085,11 @@ exports[`shapshots pharma 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", @@ -304457,11 +308099,11 @@ exports[`shapshots pharma 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", @@ -304471,11 +308113,11 @@ exports[`shapshots pharma 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", @@ -304485,25 +308127,25 @@ exports[`shapshots pharma 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", @@ -304513,11 +308155,11 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #815DEF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -304527,25 +308169,25 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "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, #DA300E)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", @@ -304555,11 +308197,11 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "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", @@ -304569,11 +308211,11 @@ exports[`shapshots pharma 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", @@ -304583,29 +308225,29 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "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": { @@ -304625,39 +308267,39 @@ exports[`shapshots pharma 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, #1BC39A)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #1CCB9E)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #1DD3A2)", + "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", @@ -304667,39 +308309,39 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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", @@ -304709,81 +308351,81 @@ exports[`shapshots pharma 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #DDE5EF)", + "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, #E6EEF7)", + "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, #f0f7ff)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -304793,11 +308435,11 @@ exports[`shapshots pharma 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", @@ -304821,137 +308463,137 @@ exports[`shapshots pharma 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, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "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, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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, 51, 10, 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, 51, 10, 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, #EADDDD)", + "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, #F4E6E4)", + "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, #feefeb)", + "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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -304961,361 +308603,361 @@ exports[`shapshots pharma 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, #BCD3EF)", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "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(204, 228, 255, 0.98))", + "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(204, 228, 255, 0.9400000000000001))", + "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(204, 228, 255, 0.9))", + "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, #006FEF)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #0073F7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #0077ff)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #006FEF)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #0077ff)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #006FEF)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #0073F7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #0077ff)", + "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, #1BC39A)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #1CCB9E)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #1DD3A2)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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", @@ -305325,11 +308967,11 @@ exports[`shapshots pharma 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", @@ -305339,67 +308981,67 @@ exports[`shapshots pharma 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, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "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", @@ -305409,25 +309051,25 @@ exports[`shapshots pharma 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", @@ -305437,67 +309079,67 @@ exports[`shapshots pharma 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", @@ -305507,53 +309149,53 @@ exports[`shapshots pharma 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", @@ -305563,557 +309205,221 @@ exports[`shapshots pharma 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "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, #fc627e)", - }, - "hover": { - "name": "--vkui--color_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - }, - "normal": { - "name": "--vkui--color_primary_pets", - "value": "var(--vkui--color_primary_pets, #fc738c)", - }, - }, - "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, #006FEF)", - }, - "hover": { - "name": "--vkui--color_primary_realty--hover", - "value": "var(--vkui--color_primary_realty--hover, #0073F7)", - }, - "normal": { - "name": "--vkui--color_primary_realty", - "value": "var(--vkui--color_primary_realty, #0077FF)", + "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", "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", - "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)", - }, - }, - "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)", + "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)", - }, - }, - "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)", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1BC39A)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #1DD3A2)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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", @@ -306123,25 +309429,25 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "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", @@ -306151,53 +309457,53 @@ exports[`shapshots pharma 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, #1BC39A)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #1CCB9E)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1DD3A2)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #0070f0)", + "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", @@ -306207,53 +309513,53 @@ exports[`shapshots pharma 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, #0068E2)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #006CE9)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0070f0)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #0070f0)", + "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", @@ -306263,11 +309569,11 @@ exports[`shapshots pharma 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", @@ -306277,39 +309583,39 @@ exports[`shapshots pharma 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, #DA300E)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "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", @@ -306319,39 +309625,39 @@ exports[`shapshots pharma 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -306361,57 +309667,57 @@ exports[`shapshots pharma 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "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": { @@ -306431,137 +309737,137 @@ exports[`shapshots pharma 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", @@ -306571,11 +309877,11 @@ exports[`shapshots pharma 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", @@ -306585,82 +309891,82 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + "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": { @@ -306684,7 +309990,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -306730,7 +310036,7 @@ exports[`shapshots pharma 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -306776,7 +310082,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -306822,7 +310128,7 @@ exports[`shapshots pharma 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -306868,7 +310174,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -306914,7 +310220,7 @@ exports[`shapshots pharma 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -307110,19 +310416,15 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "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)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -307146,7 +310448,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -307192,7 +310494,7 @@ exports[`shapshots pharma 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -307284,17 +310586,9 @@ exports[`shapshots pharma 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, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--compact", - "value": "var(--vkui--font_h1--font_weight--compact, 500)", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", }, "lineHeight": { "name": "--vkui--font_h1--line_height--compact", @@ -307304,11 +310598,11 @@ exports[`shapshots pharma 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, Inter, 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, 36px)", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", }, "fontWeight": { "name": "--vkui--font_h1--font_weight--regular", @@ -307316,7 +310610,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 48px)", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, }, @@ -307340,17 +310634,9 @@ exports[`shapshots pharma 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, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--compact", - "value": "var(--vkui--font_h2--font_weight--compact, 500)", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", }, "lineHeight": { "name": "--vkui--font_h2--line_height--compact", @@ -307360,11 +310646,11 @@ exports[`shapshots pharma 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, Inter, 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, 28px)", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", }, "fontWeight": { "name": "--vkui--font_h2--font_weight--regular", @@ -307372,83 +310658,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", - "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)", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, @@ -307484,7 +310694,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, VKSansDisplay, 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", @@ -307532,7 +310742,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, VKSansDisplay, 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", @@ -307580,7 +310790,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, VKSansDisplay, 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", @@ -307618,7 +310828,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", @@ -307666,7 +310876,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, VKSansDisplay, 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", @@ -307714,7 +310924,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", @@ -307752,7 +310962,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, VKSansDisplay, 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", @@ -307790,7 +311000,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, VKSansDisplay, 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", @@ -307828,7 +311038,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, VKSansDisplay, 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", @@ -307868,25 +311078,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", @@ -307894,1506 +311088,532 @@ 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": { - "auto": { - "name": "--vkui--grid_aside_content", - "value": "var(--vkui--grid_aside_content)", + "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, #2B2B2C)", }, - "compact": { - "name": "--vkui--grid_aside_content--compact", - "value": "var(--vkui--grid_aside_content--compact, 300px)", + "hover": { + "name": "--vkui--portal_color_background--hover", + "value": "var(--vkui--portal_color_background--hover, #222223)", }, - "compactX": { - "name": "--vkui--grid_aside_content--compact_x", - "value": "var(--vkui--grid_aside_content--compact_x, 300px)", + "normal": { + "name": "--vkui--portal_color_background", + "value": "var(--vkui--portal_color_background, #19191A)", }, - "large": { - "name": "--vkui--grid_aside_content--large", - "value": "var(--vkui--grid_aside_content--large, 380px)", + }, + "portalColorBackgroundAccent": { + "active": { + "name": "--vkui--portal_color_background_accent--active", + "value": "var(--vkui--portal_color_background_accent--active, #273856)", }, - "regular": { - "name": "--vkui--grid_aside_content--regular", - "value": "var(--vkui--grid_aside_content--regular, 100%)", + "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)", }, }, - "gridColumnX2": { - "auto": { - "name": "--vkui--grid_column_x2", - "value": "var(--vkui--grid_column_x2)", + "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))", }, - "compact": { - "name": "--vkui--grid_column_x2--compact", - "value": "var(--vkui--grid_column_x2--compact, 430px)", + "hover": { + "name": "--vkui--portal_color_background_accent_alpha--hover", + "value": "var(--vkui--portal_color_background_accent_alpha--hover, rgba(0, 95, 249, 0.24))", }, - "compactX": { - "name": "--vkui--grid_column_x2--compact_x", - "value": "var(--vkui--grid_column_x2--compact_x, 280px)", + "normal": { + "name": "--vkui--portal_color_background_accent_alpha", + "value": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.2))", }, - "large": { - "name": "--vkui--grid_column_x2--large", - "value": "var(--vkui--grid_column_x2--large, 580px)", + }, + "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))", }, - "regular": { - "name": "--vkui--grid_column_x2--regular", - "value": "var(--vkui--grid_column_x2--regular, 100%)", + "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))", }, }, - "gridColumnX3": { - "auto": { - "name": "--vkui--grid_column_x3", - "value": "var(--vkui--grid_column_x3)", + "portalColorBackgroundCard": { + "active": { + "name": "--vkui--portal_color_background_card--active", + "value": "var(--vkui--portal_color_background_card--active, #3B3B3C)", }, - "compact": { - "name": "--vkui--grid_column_x3--compact", - "value": "var(--vkui--grid_column_x3--compact, 280px)", + "hover": { + "name": "--vkui--portal_color_background_card--hover", + "value": "var(--vkui--portal_color_background_card--hover, #333333)", }, - "compactX": { - "name": "--vkui--grid_column_x3--compact_x", - "value": "var(--vkui--grid_column_x3--compact_x, 180px)", + "normal": { + "name": "--vkui--portal_color_background_card", + "value": "var(--vkui--portal_color_background_card, #2A2A2B)", }, - "large": { - "name": "--vkui--grid_column_x3--large", - "value": "var(--vkui--grid_column_x3--large, 380px)", + }, + "portalColorBackgroundDark": { + "active": { + "name": "--vkui--portal_color_background_dark--active", + "value": "var(--vkui--portal_color_background_dark--active, #4C4C4D)", }, - "regular": { - "name": "--vkui--grid_column_x3--regular", - "value": "var(--vkui--grid_column_x3--regular, 100%)", + "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)", }, }, - "gridColumnX4": { - "auto": { - "name": "--vkui--grid_column_x4", - "value": "var(--vkui--grid_column_x4)", + "portalColorBackgroundInvariable": { + "active": { + "name": "--vkui--portal_color_background_invariable--active", + "value": "var(--vkui--portal_color_background_invariable--active, #F1F2F4)", }, - "compact": { - "name": "--vkui--grid_column_x4--compact", - "value": "var(--vkui--grid_column_x4--compact, 205px)", + "hover": { + "name": "--vkui--portal_color_background_invariable--hover", + "value": "var(--vkui--portal_color_background_invariable--hover, #F1F2F3)", }, - "compactX": { - "name": "--vkui--grid_column_x4--compact_x", - "value": "var(--vkui--grid_column_x4--compact_x, 130px)", + "normal": { + "name": "--vkui--portal_color_background_invariable", + "value": "var(--vkui--portal_color_background_invariable, #F0F1F3)", }, - "large": { - "name": "--vkui--grid_column_x4--large", - "value": "var(--vkui--grid_column_x4--large, 280px)", + }, + "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))", }, - "regular": { - "name": "--vkui--grid_column_x4--regular", - "value": "var(--vkui--grid_column_x4--regular, 100%)", + "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))", }, }, - "gridColumnX6": { - "auto": { - "name": "--vkui--grid_column_x6", - "value": "var(--vkui--grid_column_x6)", + "portalColorPaletteLightBlue": { + "active": { + "name": "--vkui--portal_color_palette_light_blue--active", + "value": "var(--vkui--portal_color_palette_light_blue--active, #2E5384)", }, - "compact": { - "name": "--vkui--grid_column_x6--compact", - "value": "var(--vkui--grid_column_x6--compact, 130px)", + "hover": { + "name": "--vkui--portal_color_palette_light_blue--hover", + "value": "var(--vkui--portal_color_palette_light_blue--hover, #254B7E)", }, - "compactX": { - "name": "--vkui--grid_column_x6--compact_x", - "value": "var(--vkui--grid_column_x6--compact_x, 80px)", + "normal": { + "name": "--vkui--portal_color_palette_light_blue", + "value": "var(--vkui--portal_color_palette_light_blue, #1C4479)", }, - "large": { - "name": "--vkui--grid_column_x6--large", - "value": "var(--vkui--grid_column_x6--large, 180px)", + }, + "portalColorPaletteSweetBlue": { + "active": { + "name": "--vkui--portal_color_palette_sweet_blue--active", + "value": "var(--vkui--portal_color_palette_sweet_blue--active, #2E5384)", }, - "regular": { - "name": "--vkui--grid_column_x6--regular", - "value": "var(--vkui--grid_column_x6--regular, 100%)", + "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)", }, }, - "gridMainContent": { + "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--grid_main_content", - "value": "var(--vkui--grid_main_content)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, - "compact": { - "name": "--vkui--grid_main_content--compact", - "value": "var(--vkui--grid_main_content--compact, 620px)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, - "compactX": { - "name": "--vkui--grid_main_content--compact_x", - "value": "var(--vkui--grid_main_content--compact_x, 620px)", + }, + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, - "large": { - "name": "--vkui--grid_main_content--large", - "value": "var(--vkui--grid_main_content--large, 780px)", + "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--grid_main_content--regular", - "value": "var(--vkui--grid_main_content--regular, 100%)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "gridMainContentWide": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--grid_main_content_wide", - "value": "var(--vkui--grid_main_content_wide)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "compact": { - "name": "--vkui--grid_main_content_wide--compact", - "value": "var(--vkui--grid_main_content_wide--compact, 620px)", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "compactX": { - "name": "--vkui--grid_main_content_wide--compact_x", - "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", + }, + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, - "large": { - "name": "--vkui--grid_main_content_wide--large", - "value": "var(--vkui--grid_main_content_wide--large, 860px)", + "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--grid_main_content_wide--regular", - "value": "var(--vkui--grid_main_content_wide--regular, 100%)", + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "gridWrapperContent": { + "sizeAvatarL": { "auto": { - "name": "--vkui--grid_wrapper_content", - "value": "var(--vkui--grid_wrapper_content)", + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "compact": { - "name": "--vkui--grid_wrapper_content--compact", - "value": "var(--vkui--grid_wrapper_content--compact, 940px)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, - "compactX": { - "name": "--vkui--grid_wrapper_content--compact_x", - "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "large": { - "name": "--vkui--grid_wrapper_content--large", - "value": "var(--vkui--grid_wrapper_content--large, 1260px)", + "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--grid_wrapper_content--regular", - "value": "var(--vkui--grid_wrapper_content--regular, 100%)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "mediaFontMediaCaption": { + "sizeAvatarXL": { "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_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "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_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": { - "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_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "mediaFontMediaCaptionCaps": { + "sizeBadgeL": { "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_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "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_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": { - "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_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "mediaFontMediaLead": { + "sizeBadgeS": { "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_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "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_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": { - "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)", - }, + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "mediaFontMediaParagraph": { + "sizeBadgeXS": { "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_badge_x_s", + "value": "var(--vkui--size_badge_x_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_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": { - "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_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "mediaFontMediaParagraphNumbering": { + "sizeBasePadding": { "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)", - }, + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, "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_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", }, "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_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", }, }, - "mediaFontMediaParagraphSecondary": { + "sizeBasePaddingHorizontal": { "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_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, "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)", - }, - }, - }, - "mediaFontMediaQuote": { - "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, 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": { - "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)", - }, - }, - }, - "mediaFontMediaQuotePerson": { - "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, 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": { - "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)", - }, - }, - }, - "mediaFontMediaSubtitleLight": { - "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)", - }, - }, - "regular": { - "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)", - }, - }, - }, - "mediaFontMediaTextSecondaryLight": { - "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)", - }, - }, - "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, 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)", - }, - }, - }, - "mediaFontMediaTitle1": { - "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, 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)", - }, - }, - "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)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, "sizeBasePaddingVertical": { @@ -309453,7 +311673,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, "sizeBorderRadiusPromo": { @@ -309493,7 +311713,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, "sizeBorderWidthBar": { @@ -309621,9 +311841,13 @@ exports[`shapshots pharma 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, 20px)", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, "sizeButtonLargeHeight": { @@ -309679,6 +311903,10 @@ exports[`shapshots pharma 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)", @@ -309855,15 +312083,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": { @@ -309925,14 +312149,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)", @@ -309973,13 +312189,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": { @@ -310011,9 +312227,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": { @@ -310021,6 +312241,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)", @@ -310031,17 +312255,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": { @@ -310173,13 +312389,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": { @@ -310187,13 +312403,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": { @@ -310213,15 +312429,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": { @@ -310295,15 +312507,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": { @@ -310403,14 +312611,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)", @@ -310421,14 +312621,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)", @@ -310556,11 +312748,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, pharma)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, pharma)", + "value": "var(--vkui--theme_name, portalUIDark)", }, "themeType": "cssVars", "toneValueActive": { @@ -310595,45 +312783,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", @@ -310702,7 +312866,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -310710,17 +312874,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", @@ -310728,89 +312884,89 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", @@ -310818,68 +312974,68 @@ 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -310888,574 +313044,454 @@ 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#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": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", - }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#006FEF", - "hover": "#0073F7", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorSecondaryHealth": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -311463,89 +313499,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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", - "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", @@ -311553,7 +313589,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", @@ -311563,7 +313599,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", @@ -311571,7 +313607,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", @@ -311581,7 +313617,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", @@ -311589,7 +313625,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", @@ -311635,13 +313671,12 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "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", + "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", @@ -311649,7 +313684,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", @@ -311671,55 +313706,35 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, + "fontSize": "32px", "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, 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": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, + "fontSize": "28px", "lineHeight": "32px", }, "regular": { - "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", + "fontFamily": "VKSansDisplay, MailSans, 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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -311731,7 +313746,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -311743,7 +313758,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -311751,7 +313766,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", @@ -311763,7 +313778,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -311775,7 +313790,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", @@ -311783,7 +313798,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -311791,7 +313806,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -311799,7 +313814,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -311811,326 +313826,118 @@ 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": "380px", - "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", - }, + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "portalColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": "15px", - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": "20px", - }, - "regular": { - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": "16px", - }, + "portalColorBackgroundAccent": { + "active": "#273856", + "hover": "#1D304E", + "normal": "#142747", }, - "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", - }, + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", }, - "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", - }, + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "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", - }, + "portalColorBackgroundCard": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "24px", - }, + "portalColorBackgroundDark": { + "active": "#4C4C4D", + "hover": "#3B3B3C", + "normal": "#2A2A2B", }, - "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", - }, + "portalColorBackgroundInvariable": { + "active": "#F1F2F4", + "hover": "#F1F2F3", + "normal": "#F0F1F3", }, - "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", - }, + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 400, - "lineHeight": "26px", - }, + "portalColorPaletteLightBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "portalColorPaletteSweetBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "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", - }, + "portalColorPaletteSweetGreen": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, - "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", - }, + "portalColorPaletteSweetOrange": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, - "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", - }, + "portalColorPaletteSweetPurple": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, - "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", - }, + "portalColorTextBlueAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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", - }, + "portalColorTextGreenAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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", - }, + "portalColorTextLinkVisitedAlternative": { + "active": "#B174B1", + "hover": "#AD6EAD", + "normal": "#AA68AA", }, - "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", - }, + "portalColorTextOrangeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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", - }, + "portalColorTextPurpleAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "mediaSizeGap": "20px", - "mediaSizeGrid": "60px", - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "prefix": "vkui", + "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", }, @@ -312184,8 +313991,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", @@ -312206,7 +314013,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -312218,7 +314025,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "4px", + "regular": "8px", }, "sizeBorderWidthBar": { "regular": "4px", @@ -312257,7 +314064,8 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeButtonLargeHeight": { "compact": "36px", @@ -312274,6 +314082,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { + "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -312326,9 +314135,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", @@ -312347,8 +314155,6 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "44px", }, "sizeFieldHorizontalMargin": { - "compact": "16px", - "compactX": "16px", "regular": "20px", }, "sizeFieldHorizontalPadding": { @@ -312361,8 +314167,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", @@ -312372,15 +314178,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", @@ -312420,20 +314226,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", @@ -312455,9 +314260,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", @@ -312487,13 +314291,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": { @@ -312530,8 +314330,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "pharma", - "themeNameBase": "pharma", + "themeName": "portalUIDark", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -312541,16 +314340,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", @@ -312570,7 +314363,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots pharma 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)", @@ -312578,17 +314371,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", @@ -312596,89 +314381,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, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "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, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "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, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "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, #006FEF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", - "normal": "var(--vkui--color_action_sheet_text, #0077ff)", + "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))", @@ -312686,68 +314471,68 @@ 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, #006FEF)", - "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 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))", + "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, 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))", + "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, #DDE5EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #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": { @@ -312756,574 +314541,454 @@ 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, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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))", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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, 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))", + "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, #BCD3EF)", - "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", - "normal": "var(--vkui--color_background_sky, #cce4ff)", + "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(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))", + "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, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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, #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)", + "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)", }, - "colorPrimaryBase": { - "active": "var(--vkui--color_primary_base--active, #006FEF)", - "hover": "var(--vkui--color_primary_base--hover, #0073F7)", - "normal": "var(--vkui--color_primary_base, #0077FF)", + "colorRating": { + "active": "var(--vkui--color_rating--active, #FFD714)", + "hover": "var(--vkui--color_rating--hover, #FFD60A)", + "normal": "var(--vkui--color_rating, #ffd400)", }, - "colorPrimaryDeti": { - "active": "var(--vkui--color_primary_deti--active, #006FEF)", - "hover": "var(--vkui--color_primary_deti--hover, #0073F7)", - "normal": "var(--vkui--color_primary_deti, #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)", }, - "colorPrimaryDobro": { - "active": "var(--vkui--color_primary_dobro--active, #EBC405)", - "hover": "var(--vkui--color_primary_dobro--hover, #F5CC02)", - "normal": "var(--vkui--color_primary_dobro, #ffd400)", + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, - "colorPrimaryHealth": { - "active": "var(--vkui--color_primary_health--active, #006FEF)", - "hover": "var(--vkui--color_primary_health--hover, #0073F7)", - "normal": "var(--vkui--color_primary_health, #0077FF)", + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", }, - "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, #fc627e)", - "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - "normal": "var(--vkui--color_primary_pets, #fc738c)", - }, - "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, #006FEF)", - "hover": "var(--vkui--color_primary_realty--hover, #0073F7)", - "normal": "var(--vkui--color_primary_realty, #0077FF)", - }, - "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)", - "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)", + "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, #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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent_themed, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_link_themed, #0070f0)", + "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, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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))", @@ -313331,89 +314996,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, #006FEF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", - "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", - "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)", @@ -313421,7 +315086,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)", @@ -313431,7 +315096,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)", @@ -313439,7 +315104,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)", @@ -313449,7 +315114,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)", @@ -313457,7 +315122,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)", @@ -313503,13 +315168,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, 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)", + "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)", @@ -313517,7 +315181,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)", @@ -313539,46 +315203,26 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "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)", + "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, 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, 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)", + "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, 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, 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)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, "fontHeadline": { @@ -313587,7 +315231,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, VKSansDisplay, 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)", @@ -313599,7 +315243,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, VKSansDisplay, 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)", @@ -313611,7 +315255,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, VKSansDisplay, 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)", @@ -313619,7 +315263,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)", @@ -313631,7 +315275,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, VKSansDisplay, 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)", @@ -313643,7 +315287,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)", @@ -313651,7 +315295,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, 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)", @@ -313659,7 +315303,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, 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)", @@ -313667,7 +315311,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, 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)", @@ -313679,326 +315323,118 @@ 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, 380px)", - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "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)", - }, + "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))", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", + "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)", }, @@ -314052,8 +315488,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)", @@ -314074,7 +315510,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)", @@ -314086,7 +315522,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)", @@ -314125,7 +315561,8 @@ 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": { "compact": "var(--vkui--size_button_large_height--compact, 36px)", @@ -314142,6 +315579,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": { @@ -314194,9 +315632,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)", @@ -314215,8 +315652,6 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "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": { @@ -314229,8 +315664,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)", @@ -314240,15 +315675,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)", @@ -314288,20 +315723,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)", @@ -314323,9 +315757,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)", @@ -314355,13 +315788,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": { @@ -314398,8 +315827,7 @@ 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, portalUIDark)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -314409,16 +315837,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)", @@ -314438,7 +315860,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots pharma theme should match root theme snapshot 1`] = ` +exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -314446,17 +315868,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", @@ -314464,89 +315878,89 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", @@ -314554,68 +315968,68 @@ 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -314624,574 +316038,454 @@ 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#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": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", - }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#006FEF", - "hover": "#0073F7", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorSecondaryHealth": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -315199,89 +316493,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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", - "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, @@ -315289,7 +316583,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", @@ -315299,7 +316593,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, @@ -315307,7 +316601,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", @@ -315317,7 +316611,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, @@ -315325,7 +316619,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", @@ -315371,13 +316665,12 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "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", + "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, @@ -315385,7 +316678,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", @@ -315407,55 +316700,35 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, + "fontSize": 32, "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, 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": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 32, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, - "fontWeight": 500, - "lineHeight": 34, + "lineHeight": 32, }, - }, - "fontH3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, 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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -315467,7 +316740,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -315479,7 +316752,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -315487,7 +316760,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, @@ -315499,7 +316772,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -315511,7 +316784,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, @@ -315519,7 +316792,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -315527,7 +316800,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -315535,7 +316808,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -315547,326 +316820,118 @@ 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": 380, - "regular": "100%", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "portalColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "gridColumnX2": { - "compact": 430, - "compactX": 280, - "large": 580, - "regular": "100%", + "portalColorBackgroundAccent": { + "active": "#273856", + "hover": "#1D304E", + "normal": "#142747", }, - "gridColumnX3": { - "compact": 280, - "compactX": 180, - "large": 380, - "regular": "100%", + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", }, - "gridColumnX4": { - "compact": 205, - "compactX": 130, - "large": 280, - "regular": "100%", + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "gridColumnX6": { - "compact": 130, - "compactX": 80, - "large": 180, - "regular": "100%", + "portalColorBackgroundCard": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, - "gridMainContent": { - "compact": 620, - "compactX": 620, - "large": 780, - "regular": "100%", + "portalColorBackgroundDark": { + "active": "#4C4C4D", + "hover": "#3B3B3C", + "normal": "#2A2A2B", }, - "gridMainContentWide": { - "compact": 620, - "compactX": 620, - "large": 860, - "regular": "100%", + "portalColorBackgroundInvariable": { + "active": "#F1F2F4", + "hover": "#F1F2F3", + "normal": "#F0F1F3", }, - "gridWrapperContent": { - "compact": 940, - "compactX": 620, - "large": 1260, - "regular": "100%", + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 26, - }, - "regular": { - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 22, - }, + "portalColorPaletteLightBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": 15, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 20, - }, - "regular": { - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 16, - }, + "portalColorPaletteSweetBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "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, - }, + "portalColorPaletteSweetGreen": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, - "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, - }, + "portalColorPaletteSweetOrange": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, - "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, - }, + "portalColorPaletteSweetPurple": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 24, - }, - }, - "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, - }, - }, - "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, - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 400, - "lineHeight": 26, - }, - }, - "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, - }, + "portalColorTextBlueAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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, - }, + "portalColorTextGreenAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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, - }, + "portalColorTextLinkVisitedAlternative": { + "active": "#B174B1", + "hover": "#AD6EAD", + "normal": "#AA68AA", }, - "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, - }, + "portalColorTextOrangeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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, - }, + "portalColorTextPurpleAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "mediaSizeGap": 20, - "mediaSizeGrid": 60, - "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "prefix": "vkui", + "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, }, @@ -315920,8 +316985,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, @@ -315942,7 +317007,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -315954,7 +317019,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "regular": 4, + "regular": 8, }, "sizeBorderWidthBar": { "regular": 4, @@ -315993,7 +317058,8 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeButtonLargeHeight": { "compact": 36, @@ -316010,6 +317076,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -316062,9 +317129,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, @@ -316083,8 +317149,6 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeFieldHorizontalMargin": { - "compact": 16, - "compactX": 16, "regular": 20, }, "sizeFieldHorizontalPadding": { @@ -316097,8 +317161,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, @@ -316108,15 +317172,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, @@ -316156,20 +317220,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, @@ -316191,9 +317254,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, @@ -316223,13 +317285,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": { @@ -316266,8 +317324,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "pharma", - "themeNameBase": "pharma", + "themeName": "portalUIDark", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -316277,16 +317334,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, @@ -316306,7 +317357,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` +exports[`shapshots promo theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -316329,12 +317380,28 @@ 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": { + "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": "regular", + "adaptiveValue": "compactX", "breakpoint": 0, }, }, @@ -318754,10 +319821,6 @@ exports[`shapshots portalUI 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)", @@ -318772,21 +319835,17 @@ 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)", - }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", - "value": "var(--vkui--font_footnote--font_size--regular, 13px)", + "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, 400)", + "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, 18px)", + "value": "var(--vkui--font_footnote--line_height--regular, 20px)", }, }, }, @@ -318894,10 +319953,6 @@ exports[`shapshots portalUI 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)", @@ -318910,42 +319965,122 @@ exports[`shapshots portalUI 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, 32px)", + "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, 36px)", + "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)", }, }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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, 28px)", + "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": { - "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)", @@ -318958,33 +320093,117 @@ exports[`shapshots portalUI 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, 28px)", + "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, 32px)", + "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)", }, }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -319220,10 +320439,6 @@ exports[`shapshots portalUI 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)", @@ -319237,41 +320452,23 @@ exports[`shapshots portalUI 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, 16px)", + "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, 400)", + "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, 20px)", + "value": "var(--vkui--font_text--line_height--regular, 28px)", }, }, }, "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)", @@ -319284,23 +320481,117 @@ exports[`shapshots portalUI 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)", + }, }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 500)", + "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, 28px)", + "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)", }, }, }, @@ -319404,6 +320695,14 @@ exports[`shapshots portalUI 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%)", @@ -319428,322 +320727,6 @@ exports[`shapshots portalUI 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, #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))", - }, - "normal": { - "name": "--vkui--portal_color_background_accent_tab_alpha", - "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, #EBECEF)", - }, - "hover": { - "name": "--vkui--portal_color_background_card--hover", - "value": "var(--vkui--portal_color_background_card--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--portal_color_background_card", - "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, #3E3E3F)", - }, - "hover": { - "name": "--vkui--portal_color_background_dark--hover", - "value": "var(--vkui--portal_color_background_dark--hover, #2B2B2C)", - }, - "normal": { - "name": "--vkui--portal_color_background_dark", - "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, #DDDFE4)", - }, - "hover": { - "name": "--vkui--portal_color_background_invariable--hover", - "value": "var(--vkui--portal_color_background_invariable--hover, #E6E8EC)", - }, - "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.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))", - }, - "normal": { - "name": "--vkui--portal_color_overlay_primary_alpha", - "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, #5393EF)", - }, - "hover": { - "name": "--vkui--portal_color_palette_light_blue--hover", - "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, #5A9EFF)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_blue", - "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, #BEDCD8)", - }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_green--hover", - "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, #CEEEE6)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_orange", - "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, #DFD7EF)", - }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_purple--hover", - "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, #F2E8FF)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--portal_color_text_blue_accent_themed", - "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, #077369)", - }, - "hover": { - "name": "--vkui--portal_color_text_green_accent_themed--hover", - "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, #087C6D)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--portal_color_text_link_visited_alternative", - "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, #6E432C)", - }, - "hover": { - "name": "--vkui--portal_color_text_orange_accent_themed--hover", - "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, #78472A)", - }, - }, - "portalColorTextPurpleAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_purple_accent_themed--active", - "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, #6E4E9B)", - }, - "normal": { - "name": "--vkui--portal_color_text_purple_accent_themed", - "value": "var(--vkui--portal_color_text_purple_accent_themed, #73519F)", - }, - }, - "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", @@ -320181,13 +321164,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": { @@ -320197,11 +321176,27 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "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, 36px)", + "value": "var(--vkui--size_button_medium_height--regular, 52px)", }, }, "sizeButtonMinimumWidth": { @@ -320229,13 +321224,9 @@ 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)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 32px)", }, }, "sizeButtonSliderHeight": { @@ -320273,13 +321264,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, 40px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -320402,18 +321389,114 @@ exports[`shapshots portalUI 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, 130px)", + "value": "var(--vkui--size_control_button_width_min--regular, 280px)", }, }, "sizeDivPadding": { @@ -320538,6 +321621,166 @@ exports[`shapshots portalUI 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", @@ -320581,9 +321824,29 @@ 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, 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, 16px)", + "value": "var(--vkui--size_icon_u_i--regular, 20px)", }, }, "sizeIllustrationL": { @@ -320601,9 +321864,29 @@ exports[`shapshots portalUI 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, 96px)", + "value": "var(--vkui--size_illustration_m--regular, 48px)", }, }, "sizeIllustrationS": { @@ -320631,9 +321914,29 @@ exports[`shapshots portalUI 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, 228px)", + "value": "var(--vkui--size_illustration_x_x_l--regular, 360px)", }, }, "sizeLabelHorizontalMargin": { @@ -320666,6 +321969,186 @@ exports[`shapshots portalUI 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", @@ -321074,11 +322557,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, promo)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, portalUI)", + "value": "var(--vkui--theme_name_base, promo)", }, "themeType": "cssVars", "toneValueActive": { @@ -321113,13 +322596,61 @@ exports[`shapshots portalUI 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: 768px)")", + "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: 768px)")", + "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", @@ -321196,7 +322727,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -321204,12 +322735,28 @@ 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": { + "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": "regular", + "adaptiveValue": "compactX", "breakpoint": 0, }, }, @@ -322006,10 +323553,9 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", + "fontSize": "14px", + "fontWeight": 300, + "lineHeight": "20px", }, }, "fontFootnoteCaps": { @@ -322036,26 +323582,78 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontSize": "32px", - "lineHeight": "36px", + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "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", - "lineHeight": "32px", + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontSize": "40px", + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", }, }, "fontHeadline": { @@ -322115,23 +323713,48 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontWeight": 400, + "lineHeight": "32px", + "margin": "0 0 24px 0", }, }, "fontTitle2": { @@ -322156,118 +323779,14 @@ exports[`shapshots portalUI 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%", "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", - }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "portalColorBackgroundCard": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "portalColorBackgroundDark": { - "active": "#3E3E3F", - "hover": "#2B2B2C", - "normal": "#19191A", - }, - "portalColorBackgroundInvariable": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", - }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", - }, - "portalColorPaletteLightBlue": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5A9EFF", - }, - "portalColorPaletteSweetBlue": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", - }, - "portalColorPaletteSweetGreen": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", - }, - "portalColorPaletteSweetOrange": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", - }, - "portalColorPaletteSweetPurple": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", - }, - "portalColorTextBlueAccentThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", - }, - "portalColorTextGreenAccentThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", - }, - "portalColorTextLinkVisitedAlternative": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", - }, - "portalColorTextOrangeAccentThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", - }, - "portalColorTextPurpleAccentThemed": { - "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(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", }, @@ -322398,12 +323917,15 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "regular": "48px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "52px", + "compactX": "64px", + "large": "64px", + "largeX": "64px", + "largeXX": "64px", + "regular": "52px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -322412,8 +323934,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", + "regular": "32px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -322425,8 +323946,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "40px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -322464,9 +323984,35 @@ exports[`shapshots portalUI 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": { - "compact": "104px", - "regular": "130px", + "regular": "280px", }, "sizeDivPadding": { "regular": "4px", @@ -322504,6 +324050,49 @@ exports[`shapshots portalUI 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", }, @@ -322516,13 +324105,23 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeIconUI": { - "regular": "16px", + "compact": "20px", + "compactX": "20px", + "large": "24px", + "largeX": "24px", + "largeXX": "24px", + "regular": "20px", }, "sizeIllustrationL": { "regular": "144px", }, "sizeIllustrationM": { - "regular": "96px", + "compact": "48px", + "compactX": "96px", + "large": "96px", + "largeX": "96px", + "largeXX": "96px", + "regular": "48px", }, "sizeIllustrationS": { "regular": "48px", @@ -322531,7 +324130,12 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "regular": "72px", }, "sizeIllustrationXXL": { - "regular": "228px", + "compact": "280px", + "compactX": "280px", + "large": "380px", + "largeX": "560px", + "largeXX": "560px", + "regular": "360px", }, "sizeLabelHorizontalMargin": { "regular": "16px", @@ -322542,6 +324146,54 @@ exports[`shapshots portalUI 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", }, @@ -322660,8 +324312,8 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "portalUI", - "themeNameBase": "portalUI", + "themeName": "promo", + "themeNameBase": "promo", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -322671,8 +324323,20 @@ 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)", + "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", @@ -322694,7 +324358,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` +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)", @@ -322702,12 +324366,28 @@ 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": { + "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": "regular", + "adaptiveValue": "compactX", "breakpoint": 0, }, }, @@ -323504,10 +325184,9 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "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)", + "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": { @@ -323534,26 +325213,78 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + "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": { - "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)", + "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, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + "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": { - "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)", + "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": { @@ -323613,23 +325344,48 @@ exports[`shapshots portalUI 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)", - }, "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)", + "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": { - "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)", + "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": { @@ -323654,118 +325410,14 @@ 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)", + "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)", - "portalColorBackground": { - "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, #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.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(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, #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, #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, #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.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, #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, #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, #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, #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, #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, #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, #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, #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, #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, #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(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)", }, @@ -323896,12 +325548,15 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "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)", + "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)", + "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)", @@ -323910,8 +325565,7 @@ 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)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 32px)", }, "sizeButtonSliderHeight": { "regular": "var(--vkui--size_button_slider_height--regular, 24px)", @@ -323923,8 +325577,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, 40px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -323962,9 +325615,35 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "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": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 280px)", }, "sizeDivPadding": { "regular": "var(--vkui--size_div_padding--regular, 4px)", @@ -324002,6 +325681,49 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -324014,13 +325736,23 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "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, 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": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", + "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)", @@ -324029,7 +325761,12 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "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)", @@ -324040,6 +325777,54 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -324158,8 +325943,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, 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)", @@ -324169,8 +325954,20 @@ 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)")", + "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)", @@ -324192,7 +325989,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` +exports[`shapshots promo theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -324200,12 +325997,28 @@ 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": { + "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": "regular", + "adaptiveValue": "compactX", "breakpoint": 0, }, }, @@ -325002,10 +326815,9 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 18, + "fontSize": 14, + "fontWeight": 300, + "lineHeight": "20px", }, }, "fontFootnoteCaps": { @@ -325032,26 +326844,78 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontSize": 32, - "lineHeight": 36, + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "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, - "lineHeight": 32, + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontSize": 40, + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", }, }, "fontHeadline": { @@ -325111,23 +326975,48 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontWeight": 400, + "lineHeight": "32px", + "margin": "0 0 24px 0", }, }, "fontTitle2": { @@ -325152,118 +327041,14 @@ exports[`shapshots portalUI 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, - "portalColorBackground": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", - }, - "portalColorBackgroundAccent": { - "active": "#D4DDEF", - "hover": "#DDE6F6", - "normal": "#E6EFFE", - }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "portalColorBackgroundCard": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "portalColorBackgroundDark": { - "active": "#3E3E3F", - "hover": "#2B2B2C", - "normal": "#19191A", - }, - "portalColorBackgroundInvariable": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", - }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", - }, - "portalColorPaletteLightBlue": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5A9EFF", - }, - "portalColorPaletteSweetBlue": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", - }, - "portalColorPaletteSweetGreen": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", - }, - "portalColorPaletteSweetOrange": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", - }, - "portalColorPaletteSweetPurple": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", - }, - "portalColorTextBlueAccentThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", - }, - "portalColorTextGreenAccentThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", - }, - "portalColorTextLinkVisitedAlternative": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", - }, - "portalColorTextOrangeAccentThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", - }, - "portalColorTextPurpleAccentThemed": { - "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(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, }, @@ -325394,12 +327179,15 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "regular": 48, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 52, + "compactX": 64, + "large": 64, + "largeX": 64, + "largeXX": 64, + "regular": 52, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -325408,8 +327196,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "regular": 32, }, "sizeButtonSliderHeight": { "regular": 24, @@ -325421,8 +327208,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": 40, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -325460,9 +327246,35 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "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": { - "compact": 104, - "regular": 130, + "regular": 280, }, "sizeDivPadding": { "regular": 4, @@ -325500,6 +327312,49 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "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, }, @@ -325512,13 +327367,23 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeIconUI": { - "regular": 16, + "compact": 20, + "compactX": 20, + "large": 24, + "largeX": 24, + "largeXX": 24, + "regular": 20, }, "sizeIllustrationL": { "regular": 144, }, "sizeIllustrationM": { - "regular": 96, + "compact": 48, + "compactX": 96, + "large": 96, + "largeX": 96, + "largeXX": 96, + "regular": 48, }, "sizeIllustrationS": { "regular": 48, @@ -325527,7 +327392,12 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "regular": 72, }, "sizeIllustrationXXL": { - "regular": 228, + "compact": 280, + "compactX": 280, + "large": 380, + "largeX": 560, + "largeXX": 560, + "regular": 360, }, "sizeLabelHorizontalMargin": { "regular": 16, @@ -325538,6 +327408,54 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "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, }, @@ -325656,8 +327574,8 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "portalUI", - "themeNameBase": "portalUI", + "themeName": "promo", + "themeNameBase": "promo", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -325667,8 +327585,20 @@ 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)", + "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, @@ -325690,7 +327620,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -325708,168 +327638,70 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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, #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": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "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, #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)", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, "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", "value": "var(--vkui--color_accent_green, #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)", - }, - }, "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", "value": "var(--vkui--color_accent_orange, #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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -325879,25 +327711,25 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { "name": "--vkui--color_accent_red", @@ -325907,11 +327739,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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", @@ -325921,11 +327753,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", @@ -325935,67 +327767,53 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "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))", - }, - }, - "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))", + "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, #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, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", @@ -326005,11 +327823,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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", @@ -326019,143 +327837,59 @@ 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)", - }, - }, - "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))", - }, - }, - "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)", + "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, 119, 255, 0.18))", + "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, 119, 255, 0.14))", + "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, 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))", + "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, #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)", - }, - }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "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", "value": "var(--vkui--color_background_contrast, #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)", - }, - }, "colorBackgroundContrastSecondaryAlpha": { "active": { "name": "--vkui--color_background_contrast_secondary_alpha--active", @@ -326170,160 +327904,76 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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, #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": { - "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": { "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)", - }, - }, - "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)", + "value": "var(--vkui--color_background_modal, #FFFFFF)", }, }, "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, 51, 10, 0.18))", + "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, 51, 10, 0.14))", + "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, 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))", + "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, #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", "value": "var(--vkui--color_background_positive, #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)", - }, - }, "colorBackgroundPositiveTintAlpha": { "active": { "name": "--vkui--color_background_positive_tint_alpha--active", @@ -326338,144 +327988,60 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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, #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))", - }, - }, - "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))", + "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, #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)", - }, - }, - "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))", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", }, }, "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)", - }, - }, - "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)", + "value": "var(--vkui--color_background_warning, #FFF1AD)", }, }, "colorBackgroundWarningTintAlpha": { @@ -326492,266 +328058,140 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, }, - "colorBackgroundWarningTintThemed": { + "colorFieldBorderAlpha": { "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", + "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_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", + "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_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, }, - "colorBackgroundWarningTintThemedAlpha": { + "colorHeaderBackground": { "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))", + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "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))", + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_background_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, - "colorButtonContrast": { + "colorIconAccent": { "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #29292A)", + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #252526)", + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, - "colorButtonContrastAlpha": { + "colorIconAccentThemed": { "active": { - "name": "--vkui--color_button_contrast_alpha--active", - "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, "hover": { - "name": "--vkui--color_button_contrast_alpha--hover", - "value": "var(--vkui--color_button_contrast_alpha--hover, rgba(255, 255, 255, 0.2))", + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #0077ff)", }, }, - "colorButtonIcon": { + "colorIconContrast": { "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "name": "--vkui--color_icon_contrast--hover", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "name": "--vkui--color_icon_contrast", + "value": "var(--vkui--color_icon_contrast, #FFFFFF)", }, }, - "colorButtonStroke": { + "colorIconContrastThemed": { "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, }, - "colorButtonText": { + "colorIconMedium": { "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", }, "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", }, "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #919399)", }, }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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": { + "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, #DA300E)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ED330a)", }, }, "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", @@ -326761,25 +328201,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", @@ -326789,123 +328229,109 @@ 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))", - }, - }, - "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)", + "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(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", @@ -326915,221 +328341,151 @@ 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.56))", }, "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.52))", }, "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))", + "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)", + "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, #0A7CFF)", + "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, #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)", + "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)", + "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)", - }, - }, - "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)", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", }, }, "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)", - }, - }, - "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)", + "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, 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, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "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", @@ -327139,81 +328495,67 @@ 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, #DA300E)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ED330a)", }, }, "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", "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)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "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", @@ -327223,67 +328565,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, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "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)", - }, - }, - "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)", + "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, #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", @@ -327293,39 +328621,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", @@ -327335,39 +328663,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)", - }, - }, - "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "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", @@ -327377,207 +328691,67 @@ 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)", - }, - }, - "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "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)", - }, - }, - "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)", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", }, }, "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", @@ -327587,11 +328761,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", @@ -327601,82 +328775,60 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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)", - }, - }, - "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)", + "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(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))", - }, - "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, 0px 4px 12px rgba(18, 25, 43, 0.12))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", + "value": "var(--vkui--elevation2, 0px 4px 20px rgba(18, 25, 43, 0.2))", }, "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))", + "value": "var(--vkui--elevation3, 0px 16px 48px rgba(18, 25, 43, 0.28))", }, "fontCaption1": { "auto": { @@ -327700,7 +328852,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -327746,7 +328898,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -327792,7 +328944,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -327838,7 +328990,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -327884,7 +329036,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -327930,7 +329082,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -327954,187 +329106,17 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, }, }, - "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)", + "value": "var(--vkui--font_family_accent, MailSans, 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, Arial, sans-serif)", }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFamilyMedia": { + "name": "--vkui--font_family_media", + "value": "var(--vkui--font_family_media, Georgia, serif)", }, "fontFootnote": { "auto": { @@ -328158,7 +329140,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -328204,7 +329186,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -328228,291 +329210,393 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, }, }, - "fontH0": { + "fontHeadline1": { "auto": { "fontFamily": { - "name": "--vkui--font_h0--font_family", - "value": "var(--vkui--font_h0--font_family)", + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", }, "fontSize": { - "name": "--vkui--font_h0--font_size", - "value": "var(--vkui--font_h0--font_size)", + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", }, "fontWeight": { - "name": "--vkui--font_h0--font_weight", - "value": "var(--vkui--font_h0--font_weight)", + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_h0--line_height", - "value": "var(--vkui--font_h0--line_height)", + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_h0--font_size--compact", - "value": "var(--vkui--font_h0--font_size--compact, 44px)", + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 16px)", }, "lineHeight": { - "name": "--vkui--font_h0--line_height--compact", - "value": "var(--vkui--font_h0--line_height--compact, 52px)", + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "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_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 28px)", + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 15px)", }, "fontWeight": { - "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 500)", + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 32px)", + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, }, - "fontH1": { + "fontHeadline2": { "auto": { "fontFamily": { - "name": "--vkui--font_h1--font_family", - "value": "var(--vkui--font_h1--font_family)", + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", }, "fontSize": { - "name": "--vkui--font_h1--font_size", - "value": "var(--vkui--font_h1--font_size)", + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", }, "fontWeight": { - "name": "--vkui--font_h1--font_weight", - "value": "var(--vkui--font_h1--font_weight)", + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height", - "value": "var(--vkui--font_h1--line_height)", + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 32px)", + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 15px)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height--compact", - "value": "var(--vkui--font_h1--line_height--compact, 36px)", + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 24px)", + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 14px)", }, "fontWeight": { - "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 500)", + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 28px)", + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, }, - "fontH2": { + "fontMediaHeader": { "auto": { "fontFamily": { - "name": "--vkui--font_h2--font_family", - "value": "var(--vkui--font_h2--font_family)", + "name": "--vkui--font_media_header--font_family", + "value": "var(--vkui--font_media_header--font_family)", }, "fontSize": { - "name": "--vkui--font_h2--font_size", - "value": "var(--vkui--font_h2--font_size)", + "name": "--vkui--font_media_header--font_size", + "value": "var(--vkui--font_media_header--font_size)", }, "fontWeight": { - "name": "--vkui--font_h2--font_weight", - "value": "var(--vkui--font_h2--font_weight)", + "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_h2--line_height", - "value": "var(--vkui--font_h2--line_height)", + "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_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 28px)", + "name": "--vkui--font_media_header--font_size--compact", + "value": "var(--vkui--font_media_header--font_size--compact, 40px)", }, "lineHeight": { - "name": "--vkui--font_h2--line_height--compact", - "value": "var(--vkui--font_h2--line_height--compact, 32px)", + "name": "--vkui--font_media_header--line_height--compact", + "value": "var(--vkui--font_media_header--line_height--compact, 48px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 20px)", + "name": "--vkui--font_media_header--font_size--regular", + "value": "var(--vkui--font_media_header--font_size--regular, 36px)", }, "fontWeight": { - "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 500)", + "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_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 26px)", + "name": "--vkui--font_media_header--line_height--regular", + "value": "var(--vkui--font_media_header--line_height--regular, 44px)", }, }, }, - "fontHeadline": { + "fontMediaLead": { "auto": { "fontFamily": { - "name": "--vkui--font_headline--font_family", - "value": "var(--vkui--font_headline--font_family)", + "name": "--vkui--font_media_lead--font_family", + "value": "var(--vkui--font_media_lead--font_family)", }, "fontSize": { - "name": "--vkui--font_headline--font_size", - "value": "var(--vkui--font_headline--font_size)", - }, + "name": "--vkui--font_media_lead--font_size", + "value": "var(--vkui--font_media_lead--font_size)", + }, "fontWeight": { - "name": "--vkui--font_headline--font_weight", - "value": "var(--vkui--font_headline--font_weight)", + "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_headline--line_height", - "value": "var(--vkui--font_headline--line_height)", + "name": "--vkui--font_media_lead--line_height", + "value": "var(--vkui--font_media_lead--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", + "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_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", + "name": "--vkui--font_media_lead--line_height--compact", + "value": "var(--vkui--font_media_lead--line_height--compact, 32px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", + "name": "--vkui--font_media_lead--font_size--regular", + "value": "var(--vkui--font_media_lead--font_size--regular, 19px)", }, "fontWeight": { - "name": "--vkui--font_headline--font_weight--regular", - "value": "var(--vkui--font_headline--font_weight--regular, 500)", + "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_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 20px)", + "name": "--vkui--font_media_lead--line_height--regular", + "value": "var(--vkui--font_media_lead--line_height--regular, 28px)", }, }, }, - "fontHeadline1": { + "fontMediaParagraph": { "auto": { "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", + "name": "--vkui--font_media_paragraph--font_family", + "value": "var(--vkui--font_media_paragraph--font_family)", }, "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", + "name": "--vkui--font_media_paragraph--font_size", + "value": "var(--vkui--font_media_paragraph--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", + "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_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", + "name": "--vkui--font_media_paragraph--line_height", + "value": "var(--vkui--font_media_paragraph--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + "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_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "name": "--vkui--font_media_paragraph--line_height--compact", + "value": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_media_paragraph--font_family--regular", + "value": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", }, "fontSize": { - "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + "name": "--vkui--font_media_paragraph--font_size--regular", + "value": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", }, "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + "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_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + "name": "--vkui--font_media_paragraph--line_height--regular", + "value": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", }, }, }, - "fontHeadline2": { + "fontMediaTitle1": { "auto": { "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", + "name": "--vkui--font_media_title1--font_family", + "value": "var(--vkui--font_media_title1--font_family)", }, "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", + "name": "--vkui--font_media_title1--font_size", + "value": "var(--vkui--font_media_title1--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", + "name": "--vkui--font_media_title1--font_weight", + "value": "var(--vkui--font_media_title1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", + "name": "--vkui--font_media_title1--line_height", + "value": "var(--vkui--font_media_title1--line_height)", }, }, - "compact": { + "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_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + "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_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + "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_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + "name": "--vkui--font_media_title2--font_size--regular", + "value": "var(--vkui--font_media_title2--font_size--regular, 24px)", }, "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + "name": "--vkui--font_media_title2--font_weight--regular", + "value": "var(--vkui--font_media_title2--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + "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)", }, }, }, @@ -328538,7 +329622,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -328574,9 +329658,17 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, }, "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, 13px)", + "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", @@ -328586,11 +329678,11 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", - "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + "value": "var(--vkui--font_subhead--font_size--regular, 13px)", }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--regular", @@ -328624,21 +329716,21 @@ exports[`shapshots portalUIDark 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, 16px)", }, "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, 22px)", }, }, "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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", + "value": "var(--vkui--font_text--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -328672,7 +329764,7 @@ exports[`shapshots portalUIDark 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, MailSans, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -328710,7 +329802,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -328748,7 +329840,7 @@ exports[`shapshots portalUIDark 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -328770,11 +329862,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "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)", + "value": "var(--vkui--font_weight_accent2, 400)", }, "fontWeightBase1": { "name": "--vkui--font_weight_base1", @@ -328782,411 +329870,113 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "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%)", + "value": "var(--vkui--font_weight_base2, 400)", }, - "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%)", + "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)", }, - "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, #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)", - }, + "prefix": { + "name": "--vkui--prefix", + "value": "var(--vkui--prefix, vkui)", }, - "portalColorTextBlueAccentThemed": { + "pulseColorAccentYellow": { "active": { - "name": "--vkui--portal_color_text_blue_accent_themed--active", - "value": "var(--vkui--portal_color_text_blue_accent_themed--active, #D7D8DB)", + "name": "--vkui--pulse_color_accent_yellow--active", + "value": "var(--vkui--pulse_color_accent_yellow--active, #EBC405)", }, "hover": { - "name": "--vkui--portal_color_text_blue_accent_themed--hover", - "value": "var(--vkui--portal_color_text_blue_accent_themed--hover, #EBEDF0)", + "name": "--vkui--pulse_color_accent_yellow--hover", + "value": "var(--vkui--pulse_color_accent_yellow--hover, #F5CC02)", }, "normal": { - "name": "--vkui--portal_color_text_blue_accent_themed", - "value": "var(--vkui--portal_color_text_blue_accent_themed, #FFFFFF)", + "name": "--vkui--pulse_color_accent_yellow", + "value": "var(--vkui--pulse_color_accent_yellow, #FFD400)", }, }, - "portalColorTextGreenAccentThemed": { + "pulseColorBackgroundPurple": { "active": { - "name": "--vkui--portal_color_text_green_accent_themed--active", - "value": "var(--vkui--portal_color_text_green_accent_themed--active, #D7D8DB)", + "name": "--vkui--pulse_color_background_purple--active", + "value": "var(--vkui--pulse_color_background_purple--active, #6047D4)", }, "hover": { - "name": "--vkui--portal_color_text_green_accent_themed--hover", - "value": "var(--vkui--portal_color_text_green_accent_themed--hover, #EBEDF0)", + "name": "--vkui--pulse_color_background_purple--hover", + "value": "var(--vkui--pulse_color_background_purple--hover, #644ADA)", }, "normal": { - "name": "--vkui--portal_color_text_green_accent_themed", - "value": "var(--vkui--portal_color_text_green_accent_themed, #FFFFFF)", + "name": "--vkui--pulse_color_background_purple", + "value": "var(--vkui--pulse_color_background_purple, #684CE1)", }, }, - "portalColorTextLinkVisitedAlternative": { + "pulseColorOverlayViewer": { "active": { - "name": "--vkui--portal_color_text_link_visited_alternative--active", - "value": "var(--vkui--portal_color_text_link_visited_alternative--active, #B174B1)", + "name": "--vkui--pulse_color_overlay_viewer--active", + "value": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", }, "hover": { - "name": "--vkui--portal_color_text_link_visited_alternative--hover", - "value": "var(--vkui--portal_color_text_link_visited_alternative--hover, #AD6EAD)", + "name": "--vkui--pulse_color_overlay_viewer--hover", + "value": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", }, "normal": { - "name": "--vkui--portal_color_text_link_visited_alternative", - "value": "var(--vkui--portal_color_text_link_visited_alternative, #AA68AA)", + "name": "--vkui--pulse_color_overlay_viewer", + "value": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", }, }, - "portalColorTextOrangeAccentThemed": { + "pulseColorPurpleAlpha": { "active": { - "name": "--vkui--portal_color_text_orange_accent_themed--active", - "value": "var(--vkui--portal_color_text_orange_accent_themed--active, #D7D8DB)", + "name": "--vkui--pulse_color_purple_alpha--active", + "value": "var(--vkui--pulse_color_purple_alpha--active, rgba(66, 0, 255, 0.16))", }, "hover": { - "name": "--vkui--portal_color_text_orange_accent_themed--hover", - "value": "var(--vkui--portal_color_text_orange_accent_themed--hover, #EBEDF0)", + "name": "--vkui--pulse_color_purple_alpha--hover", + "value": "var(--vkui--pulse_color_purple_alpha--hover, rgba(66, 0, 255, 0.12))", }, "normal": { - "name": "--vkui--portal_color_text_orange_accent_themed", - "value": "var(--vkui--portal_color_text_orange_accent_themed, #FFFFFF)", + "name": "--vkui--pulse_color_purple_alpha", + "value": "var(--vkui--pulse_color_purple_alpha, rgba(66, 0, 255, 0.08))", }, }, - "portalColorTextPurpleAccentThemed": { + "pulseColorWhiteBlueAlpha": { "active": { - "name": "--vkui--portal_color_text_purple_accent_themed--active", - "value": "var(--vkui--portal_color_text_purple_accent_themed--active, #D7D8DB)", + "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--portal_color_text_purple_accent_themed--hover", - "value": "var(--vkui--portal_color_text_purple_accent_themed--hover, #EBEDF0)", + "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--portal_color_text_purple_accent_themed", - "value": "var(--vkui--portal_color_text_purple_accent_themed, #FFFFFF)", + "name": "--vkui--pulse_color_white_blue_alpha", + "value": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.9))", }, }, - "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", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "pulseZIndexDropdown": { + "name": "--vkui--pulse_z_index_dropdown", + "value": "var(--vkui--pulse_z_index_dropdown, 100px)", }, - "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)", - }, + "pulseZIndexFixed": { + "name": "--vkui--pulse_z_index_fixed", + "value": "var(--vkui--pulse_z_index_fixed, 120px)", }, - "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)", - }, + "pulseZIndexModal": { + "name": "--vkui--pulse_z_index_modal", + "value": "var(--vkui--pulse_z_index_modal, 140px)", }, - "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)", - }, + "pulseZIndexModalBackdrop": { + "name": "--vkui--pulse_z_index_modal_backdrop", + "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", }, - "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)", - }, + "pulseZIndexSticky": { + "name": "--vkui--pulse_z_index_sticky", + "value": "var(--vkui--pulse_z_index_sticky, 110px)", }, - "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)", - }, + "pulseZIndexTooltip": { + "name": "--vkui--pulse_z_index_tooltip", + "value": "var(--vkui--pulse_z_index_tooltip, 150px)", }, "sizeAvatarL": { "auto": { @@ -329195,7 +329985,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "value": "var(--vkui--size_avatar_l--regular, 60px)", }, }, "sizeAvatarM": { @@ -329205,7 +329995,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "value": "var(--vkui--size_avatar_m--regular, 40px)", }, }, "sizeAvatarS": { @@ -329218,16 +330008,6 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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", @@ -329238,4584 +330018,5421 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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": { + "sizeBadge": { "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "name": "--vkui--size_badge", + "value": "var(--vkui--size_badge)", }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--size_badge--regular", + "value": "var(--vkui--size_badge--regular, 20px)", }, }, - "sizeBadgeS": { + "sizeBorderRadius": { "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "sizeBadgeXL": { + "sizeBorderRadiusCard": { "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "name": "--vkui--size_border_radius_card", + "value": "var(--vkui--size_border_radius_card)", }, "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "name": "--vkui--size_border_radius_card--regular", + "value": "var(--vkui--size_border_radius_card--regular, 12px)", }, }, - "sizeBadgeXS": { + "sizeBorderRadiusLarge": { "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "name": "--vkui--size_border_radius_large", + "value": "var(--vkui--size_border_radius_large)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--size_border_radius_large--regular", + "value": "var(--vkui--size_border_radius_large--regular, 12px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { + "sizeBorderRadiusPill": { "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "name": "--vkui--size_border_radius_pill", + "value": "var(--vkui--size_border_radius_pill)", }, "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "name": "--vkui--size_border_radius_pill--regular", + "value": "var(--vkui--size_border_radius_pill--regular, 100px)", }, }, - "sizeBasePadding": { + "sizeBorderRadiusSmall": { "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)", + "name": "--vkui--size_border_radius_small", + "value": "var(--vkui--size_border_radius_small)", }, "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", + "name": "--vkui--size_border_radius_small--regular", + "value": "var(--vkui--size_border_radius_small--regular, 4px)", }, }, - "sizeBasePaddingHorizontal": { + "sizeButtonCircleLarge": { "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "name": "--vkui--size_button_circle_large", + "value": "var(--vkui--size_button_circle_large)", }, "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "name": "--vkui--size_button_circle_large--regular", + "value": "var(--vkui--size_button_circle_large--regular, 44px)", }, }, - "sizeBasePaddingVertical": { + "sizeButtonCircleMedium": { "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "name": "--vkui--size_button_circle_medium", + "value": "var(--vkui--size_button_circle_medium)", }, "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "name": "--vkui--size_button_circle_medium--regular", + "value": "var(--vkui--size_button_circle_medium--regular, 40px)", }, }, - "sizeBorder1x": { + "sizeButtonCircleSmall": { "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "name": "--vkui--size_button_circle_small", + "value": "var(--vkui--size_button_circle_small)", }, "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "name": "--vkui--size_button_circle_small--regular", + "value": "var(--vkui--size_button_circle_small--regular, 32px)", }, }, - "sizeBorder2x": { + "sizeButtonLargeHeight": { "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 40px)", }, }, - "sizeBorder3x": { + "sizeButtonMediumHeight": { "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 32px)", }, }, - "sizeBorderRadius": { + "sizeButtonPaddingHorizontal": { "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, - "sizeBorderRadiusPaper": { + "sizeButtonPaddingHorizontalLarge": { "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "name": "--vkui--size_button_padding_horizontal_large", + "value": "var(--vkui--size_button_padding_horizontal_large)", }, "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "name": "--vkui--size_button_padding_horizontal_large--regular", + "value": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", }, }, - "sizeBorderRadiusPromo": { + "sizeButtonSmallHeight": { "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 24px)", }, }, - "sizeBorderRadiusRounded": { + "sizeCardgridGapSpaceLarge": { "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "name": "--vkui--size_cardgrid_gap_space_large", + "value": "var(--vkui--size_cardgrid_gap_space_large)", }, "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "name": "--vkui--size_cardgrid_gap_space_large--regular", + "value": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", }, }, - "sizeBorderWidthAccent": { + "sizeCardgridGapSpaceMedium": { "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "name": "--vkui--size_cardgrid_gap_space_medium", + "value": "var(--vkui--size_cardgrid_gap_space_medium)", }, "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "name": "--vkui--size_cardgrid_gap_space_medium--regular", + "value": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", }, }, - "sizeBorderWidthAccentSecondary": { + "sizeFieldHeight": { "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", }, }, - "sizeBorderWidthBar": { + "sizeFieldHorizontalPadding": { "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "sizeBorderWidthTab": { + "sizeIconUILarge": { "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "name": "--vkui--size_icon_u_i_large", + "value": "var(--vkui--size_icon_u_i_large)", }, "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "name": "--vkui--size_icon_u_i_large--regular", + "value": "var(--vkui--size_icon_u_i_large--regular, 20px)", }, }, - "sizeBulletMargin": { + "sizeIconUIMedium": { "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "name": "--vkui--size_icon_u_i_medium", + "value": "var(--vkui--size_icon_u_i_medium)", }, "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "name": "--vkui--size_icon_u_i_medium--regular", + "value": "var(--vkui--size_icon_u_i_medium--regular, 16px)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { + "sizeListItemHeight": { "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "name": "--vkui--size_list_item_height", + "value": "var(--vkui--size_list_item_height)", }, "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "name": "--vkui--size_list_item_height--regular", + "value": "var(--vkui--size_list_item_height--regular, 44px)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { + "sizePageHorizontalPadding": { "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "name": "--vkui--size_page_horizontal_padding", + "value": "var(--vkui--size_page_horizontal_padding)", }, "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "name": "--vkui--size_page_horizontal_padding--regular", + "value": "var(--vkui--size_page_horizontal_padding--regular, 16px)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { + "sizePopupLarge": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 800px)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { + "sizePopupMedium": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 360px)", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { + "sizeTag": { "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "name": "--vkui--size_tag", + "value": "var(--vkui--size_tag)", }, "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "name": "--vkui--size_tag--regular", + "value": "var(--vkui--size_tag--regular, 24px)", }, }, - "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)", - }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, paradigm)", }, - "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)", - }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, pulse)", }, - "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)", - }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, pulse)", }, - "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)", - }, + "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", }, - "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)", - }, + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, - "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)", - }, + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "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)", - }, + "colorAccentOrange": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, - "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)", - }, + "colorAccentPurple": { + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, - "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)", - }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, - "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)", - }, + "colorAccentRed": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, - "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)", - }, + "colorAccentSecondary": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, - "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)", - }, + "colorAccentViolet": { + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, - "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)", - }, + "colorActionSheetText": { + "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, - "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)", - }, + "colorBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, - "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)", - }, + "colorBackgroundAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "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)", - }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", }, - "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)", - }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, + "colorBackgroundNegativeTint": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, - "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)", - }, + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.18)", + "hover": "rgba(237, 10, 52, 0.14)", + "normal": "rgba(237, 10, 52, 0.1)", }, - "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)", - }, + "colorBackgroundPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "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)", - }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, - "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)", - }, + "colorBackgroundSecondary": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, - "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)", - }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, - "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)", - }, + "colorBackgroundTertiary": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, - "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)", - }, + "colorBackgroundWarning": { + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, - "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)", - }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, - "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)", - }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.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)", - }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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)", - }, + "colorIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "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)", - }, + "colorIconAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "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)", - }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeHeaderIcon": { - "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", - }, + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "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": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, }, - "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)", - }, + "fontCaption1Caps": { "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", }, }, - "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)", - }, + "fontCaption2": { "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", - }, + "fontCaption2Caps": { "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, - "sizeIllustrationL": { - "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", - }, + "fontCaption3": { "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, - "sizeIllustrationM": { - "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", - }, + "fontCaption3Caps": { "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, - "sizeIllustrationS": { - "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", - }, + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", + "fontFootnote": { "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, - "sizeIllustrationXM": { - "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", - }, + "fontFootnoteCaps": { "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", }, }, - "sizeIllustrationXXL": { - "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "fontHeadline1": { + "compact": { + "fontSize": "16px", + "lineHeight": "20px", }, "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "fontHeadline2": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "sizeLabelVerticalMargin": { - "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", + "fontMediaHeader": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "40px", + "lineHeight": "48px", }, "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "36px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "44px", }, }, - "sizeLabelWidth": { - "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "fontMediaLead": { + "compact": { + "fontSize": "22px", + "letterSpacing": "-0.003em", + "lineHeight": "32px", }, "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "letterSpacing": "0px", + "lineHeight": "28px", }, }, - "sizeMenuMargin": { - "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", + "fontMediaParagraph": { + "compact": { + "fontSize": "19px", + "fontWeight": 400, + "lineHeight": "32px", }, "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "fontFamily": "Georgia, serif", + "fontSize": "18px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", }, }, - "sizeMenuPadding": { - "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", - }, + "fontMediaTitle1": { "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "36px", }, }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", - }, + "fontMediaTitle2": { "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "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)", - }, + "fontMediaTitle3": { "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "28px", }, }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "fontParagraph": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, + }, + "fontSubhead": { "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", - }, + "fontText": { "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + "fontSize": "16px", + "lineHeight": "22px", }, "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", - }, + "fontTitle1": { "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, - "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)", - }, + "fontTitle2": { "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, - "sizePopupMedium": { - "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", - }, + "fontTitle3": { "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", }, }, - "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)", + "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", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "pulseColorBackgroundPurple": { + "active": "#6047D4", + "hover": "#644ADA", + "normal": "#684CE1", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "pulseColorPurpleAlpha": { + "active": "rgba(66, 0, 255, 0.16)", + "hover": "rgba(66, 0, 255, 0.12)", + "normal": "rgba(66, 0, 255, 0.08)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.98)", + "hover": "rgba(226, 236, 255, 0.9400000000000001)", + "normal": "rgba(226, 236, 255, 0.9)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, portalUIDark)", + "pulseZIndexDropdown": "100px", + "pulseZIndexFixed": "120px", + "pulseZIndexModal": "140px", + "pulseZIndexModalBackdrop": "130px", + "pulseZIndexSticky": "110px", + "pulseZIndexTooltip": "150px", + "sizeAvatarL": { + "regular": "60px", }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "sizeAvatarM": { + "regular": "40px", }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "sizeAvatarS": { + "regular": "32px", }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "sizeAvatarXS": { + "regular": "24px", }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "sizeBadge": { + "regular": "20px", }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "sizeBorderRadius": { + "regular": "8px", }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "sizeBorderRadiusCard": { + "regular": "12px", }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "sizeBorderRadiusLarge": { + "regular": "12px", }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "sizeBorderRadiusPill": { + "regular": "100px", }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "sizeBorderRadiusSmall": { + "regular": "4px", }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "sizeButtonCircleLarge": { + "regular": "44px", }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "sizeButtonCircleMedium": { + "regular": "40px", }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", + "sizeButtonCircleSmall": { + "regular": "32px", }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", + "sizeButtonLargeHeight": { + "regular": "40px", }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", + "sizeButtonMediumHeight": { + "regular": "32px", }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", + "sizeButtonPaddingHorizontal": { + "regular": "12px", }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", + "sizeButtonPaddingHorizontalLarge": { + "regular": "16px", }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", + "sizeButtonSmallHeight": { + "regular": "24px", }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", + "sizeCardgridGapSpaceLarge": { + "regular": "20px", }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", + "sizeCardgridGapSpaceMedium": { + "regular": "16px", }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", + "sizeFieldHeight": { + "regular": "40px", }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", + "sizeIconUILarge": { + "regular": "20px", }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "sizeIconUIMedium": { + "regular": "16px", }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "sizeListItemHeight": { + "regular": "44px", }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "sizePageHorizontalPadding": { + "regular": "16px", }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "sizePopupLarge": { + "regular": "800px", }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "sizePopupMedium": { + "regular": "360px", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "sizeTag": { + "regular": "24px", }, + "themeInheritsFrom": "paradigm", + "themeName": "pulse", + "themeNameBase": "pulse", + "themeType": "pixelify", } `; -exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots pulse 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)", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", - }, - "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "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": "#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", - }, - "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "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": "#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", + "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": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "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": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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))", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", - }, - "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", + "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": "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)", + "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "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": "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", + "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": "#414141", - "hover": "#383838", - "normal": "#303030", - }, - "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#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, 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)", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", - }, - "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "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": "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)", + "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": "#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)", - }, - "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)", + "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": "#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)", + "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": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", - }, - "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "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": "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", + "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": "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", - }, - "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#F2F3F5", + "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": "#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, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330a)", }, "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)", - }, - "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "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": "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)", - }, - "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_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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "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": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", - }, - "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "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": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", - }, - "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", - }, - "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "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": "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330a)", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", - }, - "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", - }, - "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "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": "#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", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "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", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "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", - }, - "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", + "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": "#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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", - }, - "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "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, 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": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", + "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": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", + "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": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "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": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "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": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", + "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)", }, }, - "fontDisplayTitle1": { + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "23px", - "fontWeight": 500, - "lineHeight": "28px", + "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)", }, }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "lineHeight": "22px", - }, + "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "21px", - "fontWeight": 500, - "lineHeight": "26px", + "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)", }, }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "lineHeight": "24px", + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, - }, - "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", + "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)", }, }, - "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", + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, - }, - "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", + "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)", }, }, - "fontH0": { + "fontMediaHeader": { "compact": { - "fontSize": "44px", - "lineHeight": "52px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", + "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)", }, }, - "fontH1": { + "fontMediaLead": { "compact": { - "fontSize": "32px", - "lineHeight": "36px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "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)", }, }, - "fontH2": { + "fontMediaParagraph": { "compact": { - "fontSize": "28px", - "lineHeight": "32px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "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)", }, }, - "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, + "fontMediaTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "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)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, + "fontMediaTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "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": "14px", - "lineHeight": "20px", - }, + "fontMediaTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "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": "Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "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": { - "fontSize": "13px", - "lineHeight": "18px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "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": "15px", - "lineHeight": "20px", + "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", + "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": 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", + "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)", }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "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)", }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "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))", }, - "portalColorBackgroundCard": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "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))", }, - "portalColorBackgroundDark": { - "active": "#4C4C4D", - "hover": "#3B3B3C", - "normal": "#2A2A2B", + "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))", }, - "portalColorBackgroundInvariable": { - "active": "#F1F2F4", - "hover": "#F1F2F3", - "normal": "#F0F1F3", + "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)", }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 40px)", }, - "portalColorPaletteLightBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "portalColorPaletteSweetBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "portalColorPaletteSweetGreen": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "sizeBadge": { + "regular": "var(--vkui--size_badge--regular, 20px)", }, - "portalColorPaletteSweetOrange": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, - "portalColorPaletteSweetPurple": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "sizeBorderRadiusCard": { + "regular": "var(--vkui--size_border_radius_card--regular, 12px)", }, - "portalColorTextBlueAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeBorderRadiusLarge": { + "regular": "var(--vkui--size_border_radius_large--regular, 12px)", }, - "portalColorTextGreenAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeBorderRadiusPill": { + "regular": "var(--vkui--size_border_radius_pill--regular, 100px)", }, - "portalColorTextLinkVisitedAlternative": { - "active": "#B174B1", - "hover": "#AD6EAD", - "normal": "#AA68AA", + "sizeBorderRadiusSmall": { + "regular": "var(--vkui--size_border_radius_small--regular, 4px)", }, - "portalColorTextOrangeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonCircleLarge": { + "regular": "var(--vkui--size_button_circle_large--regular, 44px)", }, - "portalColorTextPurpleAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonCircleMedium": { + "regular": "var(--vkui--size_button_circle_medium--regular, 40px)", }, - "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", + "sizeButtonCircleSmall": { + "regular": "var(--vkui--size_button_circle_small--regular, 32px)", }, - "sizeArrowHeight": { - "regular": "8px", + "sizeButtonLargeHeight": { + "regular": "var(--vkui--size_button_large_height--regular, 40px)", }, - "sizeArrowPadding": { - "regular": "12px", + "sizeButtonMediumHeight": { + "regular": "var(--vkui--size_button_medium_height--regular, 32px)", }, - "sizeArrowPromo": { - "regular": "40px", + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, - "sizeArrowWidth": { - "regular": "12px", + "sizeButtonPaddingHorizontalLarge": { + "regular": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", }, - "sizeAttributeMargin": { - "regular": "4px", + "sizeButtonSmallHeight": { + "regular": "var(--vkui--size_button_small_height--regular, 24px)", }, - "sizeAvatarL": { - "regular": "96px", + "sizeCardgridGapSpaceLarge": { + "regular": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", }, - "sizeAvatarM": { - "regular": "48px", + "sizeCardgridGapSpaceMedium": { + "regular": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", }, - "sizeAvatarS": { - "regular": "32px", + "sizeFieldHeight": { + "regular": "var(--vkui--size_field_height--regular, 40px)", }, - "sizeAvatarXL": { - "regular": "128px", + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "sizeAvatarXS": { - "regular": "24px", + "sizeIconUILarge": { + "regular": "var(--vkui--size_icon_u_i_large--regular, 20px)", }, - "sizeBadgeL": { - "regular": "44px", + "sizeIconUIMedium": { + "regular": "var(--vkui--size_icon_u_i_medium--regular, 16px)", }, - "sizeBadgeM": { - "regular": "24px", + "sizeListItemHeight": { + "regular": "var(--vkui--size_list_item_height--regular, 44px)", }, - "sizeBadgeS": { - "regular": "16px", + "sizePageHorizontalPadding": { + "regular": "var(--vkui--size_page_horizontal_padding--regular, 16px)", }, - "sizeBadgeXL": { - "regular": "56px", + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 800px)", }, - "sizeBadgeXS": { - "regular": "12px", + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 360px)", }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", + "sizeTag": { + "regular": "var(--vkui--size_tag--regular, 24px)", }, - "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "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", }, - "sizeBasePaddingHorizontal": { - "regular": "16px", + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, - "sizeBasePaddingVertical": { - "regular": "12px", + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "sizeBorder1x": { - "regular": "1px", + "colorAccentOrange": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, - "sizeBorder2x": { - "regular": "0.5px", + "colorAccentPurple": { + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, - "sizeBorder3x": { - "regular": "0.33px", + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, - "sizeBorderRadius": { - "regular": "8px", + "colorAccentRed": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, - "sizeBorderRadiusPaper": { - "regular": "12px", + "colorAccentSecondary": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, - "sizeBorderRadiusPromo": { - "regular": "20px", + "colorAccentViolet": { + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, - "sizeBorderRadiusRounded": { - "regular": "48px", + "colorActionSheetText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeBorderWidthAccent": { - "regular": "8px", + "colorAvatarOverlay": { + "active": "rgba(145, 147, 153, 0.56)", + "hover": "rgba(145, 147, 153, 0.52)", + "normal": "rgba(145, 147, 153, 0.48)", }, - "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "colorBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeBorderWidthBar": { - "regular": "4px", + "colorBackgroundAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "sizeBorderWidthTab": { - "regular": "2px", + "colorBackgroundAccentAlternative": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, - "sizeBulletMargin": { - "regular": "12px", + "colorBackgroundAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "colorBackgroundNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, - "sizeButtonGroupGapMedium": { - "regular": "12px", + "colorBackgroundNegativeTint": { + "active": "#EADDDD", + "hover": "#F4E6E4", + "normal": "#FEEFEB", }, - "sizeButtonGroupGapSmall": { - "regular": "8px", + "colorBackgroundNegativeTintAlpha": { + "active": "rgba(237, 10, 52, 0.18)", + "hover": "rgba(237, 10, 52, 0.14)", + "normal": "rgba(237, 10, 52, 0.1)", }, - "sizeButtonGroupGapSpace": { - "regular": "1px", + "colorBackgroundPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, - "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "colorBackgroundSecondary": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, - "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", }, - "sizeButtonMinimumWidth": { - "regular": "80px", + "colorBackgroundTertiary": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, - "sizeButtonMorePadding": { - "regular": "8px", + "colorBackgroundWarning": { + "active": "#EBDFA4", + "hover": "#F5E8A9", + "normal": "#FFF1AD", }, - "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.18)", + "hover": "rgba(255, 158, 0, 0.14)", + "normal": "rgba(255, 158, 0, 0.1)", }, - "sizeButtonSliderHeight": { - "regular": "24px", + "colorFieldBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeButtonSliderWidth": { - "regular": "12px", + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", + "colorIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "colorIconAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "colorIconMedium": { + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "colorIconMediumAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "colorIconNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "colorIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "sizeCardBorderRadius": { - "regular": "16px", - }, - "sizeCardgridPadding": { - "regular": "12px", + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeCardgridPaddingVertical": { - "regular": "8px", + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeCheckBorderRadius": { - "regular": "4px", + "colorIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, - "sizeCheckbox": { - "regular": "16px", + "colorIconSecondaryAlpha": { + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, - "sizeChoiceMargin": { - "regular": "8px", + "colorIconTertiary": { + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, - "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "colorIconTertiaryAlpha": { + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, - "sizeDivPadding": { - "regular": "4px", + "colorImageBorderAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, - "sizeDotBullet": { - "regular": "4px", + "colorImagePlaceholder": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, - "sizeDotClickable": { - "regular": "12px", + "colorImagePlaceholderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, - "sizeDotIndicate": { - "regular": "8px", + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, - "sizeFieldHorizontalMargin": { - "regular": "20px", + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "colorSearchFieldBackground": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, - "sizeFieldSetMargin": { - "regular": "32px", + "colorSeparatorPrimary": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, - "sizeFieldVerticalMargin": { - "regular": "24px", + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, - "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "colorSeparatorSecondary": { + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, - "sizeFormItemPaddingVertical": { - "regular": "12px", + "colorSkeletonFrom": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", + "colorSkeletonTo": { + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, - "sizeIconMargin": { - "compact": "8px", - "regular": "12px", + "colorStrokeAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeIconMorePadding": { - "compact": "8px", - "regular": "12px", + "colorStrokeAccentThemed": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeIconUI": { - "regular": "16px", + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeIllustrationL": { - "regular": "144px", + "colorStrokeNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, - "sizeIllustrationM": { - "regular": "96px", + "colorStrokePositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "sizeIllustrationS": { - "regular": "48px", + "colorTextAccent": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, - "sizeIllustrationXM": { - "regular": "72px", + "colorTextAccentThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, - "sizeIllustrationXXL": { - "regular": "228px", + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeLabelHorizontalMargin": { - "regular": "16px", + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "sizeLabelVerticalMargin": { - "regular": "4px", + "colorTextLink": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, - "sizeLabelWidth": { - "regular": "184px", + "colorTextLinkThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, - "sizeMenuMargin": { - "regular": "2px", + "colorTextLinkVisited": { + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, - "sizeMenuPadding": { - "regular": "8px", + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeOptionHierarchy": { - "regular": "32px", + "colorTextNegative": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, - "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "colorTextPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "colorTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "colorTextPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizePopupLarge": { - "regular": "880px", + "colorTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, - "sizePopupMargin": { - "compact": "24px", - "regular": "8px", + "colorTextSubhead": { + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, - "sizePopupMedium": { - "regular": "680px", + "colorTextTertiary": { + "active": "#9CA0AA", + "hover": "#A3A7AE", + "normal": "#AAADB3", }, - "sizePopupSmall": { - "regular": "430px", + "colorTrackBackground": { + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, - "sizeProgress": { - "regular": "4px", + "colorTrackBuffer": { + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", }, - "sizeProgressScroll": { - "regular": "12px", + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "sizePromoButtonClose": { - "regular": "32px", + "colorWriteBarIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "colorWriteBarInputBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, - "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 16, 61, 0.88)", + "hover": "rgba(0, 16, 61, 0.84)", + "normal": "rgba(0, 16, 61, 0.8)", }, - "sizeSliceBottomPadding": { - "regular": "60px", + "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", + }, }, - "sizeSliceTopPadding": { - "regular": "40px", + "fontCaption1Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", + }, }, - "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "fontCaption2": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": "14px", + }, }, - "sizeSubnavigationBarGap": { - "regular": "8px", + "fontCaption2Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", + }, }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "fontCaption3": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": "12px", + }, }, - "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "fontCaption3Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", + }, }, - "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", + "fontFootnote": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "18px", + }, }, - "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", + }, }, - "sizeTabMargin": { - "regular": "8px", + "fontHeadline1": { + "compact": { + "fontSize": 16, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "sizeTabPadding": { - "regular": "16px", + "fontHeadline2": { + "compact": { + "fontSize": 15, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "sizeTableHorizontalPadding": { - "regular": "16px", + "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", + }, }, - "sizeTableVerticalPadding": { - "regular": "16px", + "fontMediaLead": { + "compact": { + "fontSize": 22, + "letterSpacing": "-0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "letterSpacing": 0, + "lineHeight": "28px", + }, }, - "sizeTagMargin": { - "regular": "8px", + "fontMediaParagraph": { + "compact": { + "fontSize": 19, + "fontWeight": 400, + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Georgia, serif", + "fontSize": 18, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, }, - "sizeTagPadding": { - "regular": "8px", + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": "36px", + }, }, - "sizeTipMargin": { - "regular": "4px", + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "32px", + }, }, - "sizeTooltipMargin": { - "regular": "8px", + "fontMediaTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": "28px", + }, }, - "sizeVerticalPadding": { - "regular": "0px", + "fontParagraph": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": "20px", + }, }, - "sizeWysiwygIcon": { - "regular": "14px", + "fontSubhead": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "18px", + }, }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeName": "portalUIDark", - "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 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)", - "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, + "fontText": { + "compact": { + "fontSize": 16, + "lineHeight": "22px", }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": "20px", }, }, - "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "fontTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "28px", + }, }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "fontTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": "26px", + }, }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", - "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "fontTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": "22px", + }, }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "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", }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "pulseColorBackgroundPurple": { + "active": "#6047D4", + "hover": "#644ADA", + "normal": "#684CE1", }, - "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #BEFC80)", - "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "pulseColorPurpleAlpha": { + "active": "rgba(66, 0, 255, 0.16)", + "hover": "rgba(66, 0, 255, 0.12)", + "normal": "rgba(66, 0, 255, 0.08)", }, - "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)", + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.98)", + "hover": "rgba(226, 236, 255, 0.9400000000000001)", + "normal": "rgba(226, 236, 255, 0.9)", }, - "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)", + "pulseZIndexDropdown": 100, + "pulseZIndexFixed": 120, + "pulseZIndexModal": 140, + "pulseZIndexModalBackdrop": 130, + "pulseZIndexSticky": 110, + "pulseZIndexTooltip": 150, + "sizeAvatarL": { + "regular": 60, }, - "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #FF498F)", - "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", - "normal": "var(--vkui--color_accent_pink, #FF3985)", + "sizeAvatarM": { + "regular": 40, }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "sizeAvatarS": { + "regular": 32, }, - "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)", + "sizeAvatarXS": { + "regular": 24, }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "sizeBadge": { + "regular": 20, }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "sizeBorderRadius": { + "regular": 8, }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "sizeBorderRadiusCard": { + "regular": 12, }, - "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)", + "sizeBorderRadiusLarge": { + "regular": 12, }, - "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))", + "sizeBorderRadiusPill": { + "regular": 100, }, - "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))", + "sizeBorderRadiusSmall": { + "regular": 4, }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #2B2B2C)", - "hover": "var(--vkui--color_background--hover, #222223)", - "normal": "var(--vkui--color_background, #19191A)", + "sizeButtonCircleLarge": { + "regular": 44, }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "sizeButtonCircleMedium": { + "regular": 40, }, - "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)", + "sizeButtonCircleSmall": { + "regular": 32, }, - "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)", + "sizeButtonLargeHeight": { + "regular": 40, }, - "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))", + "sizeButtonMediumHeight": { + "regular": 32, }, - "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)", + "sizeButtonPaddingHorizontal": { + "regular": 12, }, - "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))", + "sizeButtonPaddingHorizontalLarge": { + "regular": 16, }, - "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)", + "sizeButtonSmallHeight": { + "regular": 24, }, - "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))", + "sizeCardgridGapSpaceLarge": { + "regular": 20, }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #353536)", - "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_content, #232324)", + "sizeCardgridGapSpaceMedium": { + "regular": 16, }, - "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "sizeFieldHeight": { + "regular": 40, }, - "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "sizeFieldHorizontalPadding": { + "regular": 12, }, - "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)", + "sizeIconUILarge": { + "regular": 20, }, - "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))", + "sizeIconUIMedium": { + "regular": 16, }, - "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)", + "sizeListItemHeight": { + "regular": 44, }, - "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)", + "sizePageHorizontalPadding": { + "regular": 16, }, - "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "sizePopupLarge": { + "regular": 800, }, - "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)", + "sizePopupMedium": { + "regular": 360, }, - "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "sizeTag": { + "regular": 24, }, - "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)", + "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)", }, - "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))", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "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)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "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))", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #20C774)", - "hover": "var(--vkui--color_background_positive--hover, #17C46E)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", - "hover": "var(--vkui--color_background_secondary--hover, #333333)", - "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorBackgroundSky": { - "active": "var(--vkui--color_background_sky--active, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #363636)", - "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - "normal": "var(--vkui--color_background_tertiary, #252525)", + "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)", + }, }, - "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))", + "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))", + }, }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #785C14)", - "hover": "var(--vkui--color_background_warning--hover, #72550A)", - "normal": "var(--vkui--color_background_warning, #6C4E00)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "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))", + }, }, - "colorButtonContrast": { - "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", - "hover": "var(--vkui--color_button_contrast--hover, #29292A)", - "normal": "var(--vkui--color_button_contrast, #252526)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #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))", + }, }, - "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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)", + }, }, - "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #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)", + }, }, - "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "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": "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": { + "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": "var(--vkui--color_header_background--active, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "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": "var(--vkui--color_icon_accent--active, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "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": "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": { + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + "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": "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": { + "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": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "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": "var(--vkui--color_icon_positive--active, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "normal": "var(--vkui--color_icon_positive, #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": "var(--vkui--color_icon_primary--active, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "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": "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": { + "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": "var(--vkui--color_icon_secondary--active, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "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": "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": { + "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": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_image_placeholder--active, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "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": "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": { + "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": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_link_contrast, #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": "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))", + "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": "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)", + "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": "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)", + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "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": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "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": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "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": "var(--vkui--color_stroke_accent--active, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "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": "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": { + "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": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_contrast, #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": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "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": "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)", + "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": "var(--vkui--color_text_accent--active, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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": "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": { + "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": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast, #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": "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": { + "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": "var(--vkui--color_text_link--active, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_text_muted--active, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "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": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "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": "var(--vkui--color_text_positive--active, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", - "normal": "var(--vkui--color_text_positive, #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": "var(--vkui--color_text_primary--active, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", - }, - "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "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": "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": { + "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": "var(--vkui--color_text_secondary--active, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", - }, - "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "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": "var(--vkui--color_text_subhead--active, #C4C6CA)", - "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + "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": "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)", + "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": "var(--vkui--color_track_background--active, #525354)", - "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", - "normal": "var(--vkui--color_track_background, #434445)", + "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": "var(--vkui--color_track_buffer--active, #8DB1EC)", - "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", - "normal": "var(--vkui--color_track_buffer, #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": "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": { + "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": "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)", + "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": "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)", + "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": "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": { + "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))", }, - "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": { + "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": "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": { + "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": "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": { + "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": "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": { + "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": "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": { + "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": "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": { + "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": { - "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)", + "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)", + }, }, - }, - "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": { + "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)", + }, }, }, - "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)", - }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", }, - "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)", - }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Arial, sans-serif)", }, - "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)", - }, + "fontFamilyMedia": { + "name": "--vkui--font_family_media", + "value": "var(--vkui--font_family_media, Georgia, 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, 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)", + "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)", + }, }, - }, - "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": { + "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)", + }, }, }, - "fontH0": { - "compact": { - "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", - "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + "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": "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": { + "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)", + }, }, }, - "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)", + "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)", + }, }, - }, - "fontH2": { "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + "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": "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": { + "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)", + }, }, }, - "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)", + "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)", + }, }, - }, - "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "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": "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": { + "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)", + }, }, }, - "fontHeadline2": { + "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": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "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": "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": { + "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)", + }, }, }, - "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)", + "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)", + }, }, - }, - "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "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": "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": { + "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)", + }, }, }, - "fontText": { + "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": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "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": "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": { + "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)", + }, }, }, - "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)", + "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)", + }, }, - }, - "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": { + "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)", + }, }, }, - "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)", - }, + "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)", + }, + }, }, - "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)", + "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)", + }, + }, }, - "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)", + "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)", + }, + }, }, - "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))", + "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)", + }, + }, }, - "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))", + "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)", + }, + }, }, - "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)", + "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)", + }, + }, }, - "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)", + "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)", + }, + }, }, - "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)", + "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)", + }, + }, }, - "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))", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", }, - "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)", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 400)", }, - "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)", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", }, - "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)", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 400)", }, - "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)", + "gradientSkeleton": { + "name": "--vkui--gradient_skeleton", + "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #292929, #383838))", }, - "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)", + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", }, - "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)", + "prefix": { + "name": "--vkui--prefix", + "value": "var(--vkui--prefix, vkui)", }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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))", + }, }, - "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)", + "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))", + }, }, - "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)", + "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))", + }, }, - "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", + "pulseZIndexDropdown": { + "name": "--vkui--pulse_z_index_dropdown", + "value": "var(--vkui--pulse_z_index_dropdown, 100px)", }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "pulseZIndexFixed": { + "name": "--vkui--pulse_z_index_fixed", + "value": "var(--vkui--pulse_z_index_fixed, 120px)", }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "pulseZIndexModal": { + "name": "--vkui--pulse_z_index_modal", + "value": "var(--vkui--pulse_z_index_modal, 140px)", }, - "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", + "pulseZIndexModalBackdrop": { + "name": "--vkui--pulse_z_index_modal_backdrop", + "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", }, - "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + "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": { - "regular": "var(--vkui--size_avatar_l--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, 60px)", + }, }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--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, 40px)", + }, }, "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", - }, - "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "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": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", - }, - "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "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)", + }, }, - "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--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)", + }, }, - "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "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)", + }, }, - "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "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)", + }, }, - "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--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)", + }, }, - "sizeBase": "var(--vkui--size_base, 4px)", - "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--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)", + }, }, - "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", - "regular": "var(--vkui--size_base_padding--regular, 16px)", + "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)", + }, }, - "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "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)", + }, }, - "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "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)", + }, }, - "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "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)", + }, }, - "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "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)", + }, }, - "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "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)", + }, }, - "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--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, 12px)", + }, }, - "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--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)", + }, }, - "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "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)", + }, }, - "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "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)", + }, }, - "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + "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)", + }, }, - "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "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)", + }, }, - "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--regular, 4px)", + "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)", + }, }, - "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + "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)", + }, }, - "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + "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)", + }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "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)", + }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "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)", + }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--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)", + }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "sizeTag": { + "auto": { + "name": "--vkui--size_tag", + "value": "var(--vkui--size_tag)", + }, + "regular": { + "name": "--vkui--size_tag--regular", + "value": "var(--vkui--size_tag--regular, 24px)", + }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, paradigm)", }, - "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, pulseDark)", }, - "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, pulse)", }, - "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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", }, - "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, - "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "colorAccentPurple": { + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, - "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, - "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "colorAccentRed": { + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, - "sizeButtonSliderHeight": { - "regular": "var(--vkui--size_button_slider_height--regular, 24px)", + "colorAccentSecondary": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "sizeButtonSliderWidth": { - "regular": "var(--vkui--size_button_slider_width--regular, 12px)", + "colorAccentViolet": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, - "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "colorActionSheetText": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "colorAvatarOverlay": { + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "colorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "colorBackgroundAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "colorBackgroundAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.36)", + "hover": "rgba(0, 95, 249, 0.32)", + "normal": "rgba(0, 95, 249, 0.28)", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "colorBackgroundContent": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "colorBackgroundModal": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, - "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", - }, - "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "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", + "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)", + "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", }, - "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)", + "active": "rgba(13, 194, 104, 0.36)", + "hover": "rgba(13, 194, 104, 0.32)", + "normal": "rgba(13, 194, 104, 0.28)", }, "colorBackgroundSecondary": { "active": "#3B3B3C", @@ -333827,80 +335444,20 @@ exports[`shapshots portalUIDark 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", "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", + "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)", @@ -333927,11 +335484,6 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#F2F3F5", - }, "colorIconContrastThemed": { "active": "#3D3E3F", "hover": "#343536", @@ -333987,11 +335539,6 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "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)", @@ -334013,50 +335560,25 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "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)", + "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", }, - "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)", @@ -334102,11 +335624,6 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, - "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", - }, "colorTextAccent": { "active": "#2C8FFF", "hover": "#238AFF", @@ -334137,11 +335654,6 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", - }, "colorTextLinkVisited": { "active": "#6098E2", "hover": "#5993E0", @@ -334167,11 +335679,6 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#E8E9EB", "normal": "#E7E8EA", }, - "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", - }, "colorTextPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", @@ -334182,11 +335689,6 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "hover": "#919398", "normal": "#8C8E94", }, - "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", - }, "colorTextSubhead": { "active": "#C4C6CA", "hover": "#C2C3C7", @@ -334197,51 +335699,6 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "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", @@ -334253,8 +335710,8 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", "normal": "transparent", }, "colorWriteBarIcon": { @@ -334267,5982 +335724,7370 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "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)", + "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": "Helvetica, Arial, sans-serif", - "fontSize": 12, + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", "fontWeight": 400, - "lineHeight": 16, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", - "lineHeight": 16, + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", "fontWeight": 400, - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", - "lineHeight": 12, + "lineHeight": "12px", "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", + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", - "lineHeight": 18, + "lineHeight": "18px", "textTransform": "uppercase", }, }, - "fontH0": { + "fontHeadline1": { "compact": { - "fontSize": 44, - "lineHeight": 52, + "fontSize": "16px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 32, + "lineHeight": "20px", }, }, - "fontH1": { + "fontHeadline2": { "compact": { - "fontSize": 32, - "lineHeight": 36, + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "14px", "fontWeight": 500, - "lineHeight": 28, + "lineHeight": "20px", }, }, - "fontH2": { + "fontMediaHeader": { "compact": { - "fontSize": 28, - "lineHeight": 32, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "40px", + "lineHeight": "48px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "36px", "fontWeight": 500, - "lineHeight": 26, + "letterSpacing": "-0.005em", + "lineHeight": "44px", }, }, - "fontHeadline": { + "fontMediaLead": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "22px", + "letterSpacing": "-0.003em", + "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "19px", "fontWeight": 500, - "lineHeight": 20, + "letterSpacing": "0px", + "lineHeight": "28px", }, }, - "fontHeadline1": { + "fontMediaParagraph": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "19px", + "fontWeight": 400, + "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "Georgia, serif", + "fontSize": "18px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "28px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "36px", }, }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "32px", }, + }, + "fontMediaTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "28px", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 18, + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "16px", + "lineHeight": "22px", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", "fontWeight": 500, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", "fontWeight": 500, - "lineHeight": 26, + "lineHeight": "26px", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "17px", "fontWeight": 500, - "lineHeight": 22, + "lineHeight": "22px", }, }, "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, + "fontWeightAccent2": 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%", + "fontWeightBase2": 400, + "gradientSkeleton": "linear-gradient(110deg, #292929, #383838)", "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "portalColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "prefix": "vkui", + "pulseColorAccentYellow": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#FFD400", }, - "portalColorBackgroundAccent": { - "active": "#273856", - "hover": "#1D304E", - "normal": "#142747", + "pulseColorBackgroundPurple": { + "active": "#846DEA", + "hover": "#7E66E9", + "normal": "#7960E8", }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "pulseColorPurpleAlpha": { + "active": "rgba(234, 226, 255, 0.2)", + "hover": "rgba(234, 226, 255, 0.16)", + "normal": "rgba(234, 226, 255, 0.12)", }, - "portalColorBackgroundCard": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.2)", + "hover": "rgba(226, 236, 255, 0.16)", + "normal": "rgba(226, 236, 255, 0.12)", }, - "portalColorBackgroundDark": { - "active": "#4C4C4D", - "hover": "#3B3B3C", - "normal": "#2A2A2B", + "pulseZIndexDropdown": "100px", + "pulseZIndexFixed": "120px", + "pulseZIndexModal": "140px", + "pulseZIndexModalBackdrop": "130px", + "pulseZIndexSticky": "110px", + "pulseZIndexTooltip": "150px", + "sizeAvatarL": { + "regular": "60px", }, - "portalColorBackgroundInvariable": { - "active": "#F1F2F4", - "hover": "#F1F2F3", - "normal": "#F0F1F3", + "sizeAvatarM": { + "regular": "40px", }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "sizeAvatarS": { + "regular": "32px", }, - "portalColorPaletteLightBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "sizeAvatarXS": { + "regular": "24px", }, - "portalColorPaletteSweetBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "sizeBadge": { + "regular": "20px", }, - "portalColorPaletteSweetGreen": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "sizeBorderRadius": { + "regular": "8px", }, - "portalColorPaletteSweetOrange": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "sizeBorderRadiusCard": { + "regular": "12px", }, - "portalColorPaletteSweetPurple": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "sizeBorderRadiusLarge": { + "regular": "12px", }, - "portalColorTextBlueAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeBorderRadiusPill": { + "regular": "100px", }, - "portalColorTextGreenAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeBorderRadiusSmall": { + "regular": "4px", }, - "portalColorTextLinkVisitedAlternative": { - "active": "#B174B1", - "hover": "#AD6EAD", - "normal": "#AA68AA", + "sizeButtonCircleLarge": { + "regular": "44px", }, - "portalColorTextOrangeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonCircleMedium": { + "regular": "40px", }, - "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, + "sizeButtonCircleSmall": { + "regular": "32px", }, - "sizeBasePaddingVertical": { - "regular": 12, + "sizeButtonLargeHeight": { + "regular": "40px", }, - "sizeBorder1x": { - "regular": 1, + "sizeButtonMediumHeight": { + "regular": "32px", }, - "sizeBorder2x": { - "regular": 0.5, + "sizeButtonPaddingHorizontal": { + "regular": "12px", }, - "sizeBorder3x": { - "regular": 0.33, + "sizeButtonPaddingHorizontalLarge": { + "regular": "16px", }, - "sizeBorderRadius": { - "regular": 8, + "sizeButtonSmallHeight": { + "regular": "24px", }, - "sizeBorderRadiusPaper": { - "regular": 12, + "sizeCardgridGapSpaceLarge": { + "regular": "20px", }, - "sizeBorderRadiusPromo": { - "regular": 20, + "sizeCardgridGapSpaceMedium": { + "regular": "16px", }, - "sizeBorderRadiusRounded": { - "regular": 48, + "sizeFieldHeight": { + "regular": "40px", }, - "sizeBorderWidthAccent": { - "regular": 8, + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "sizeBorderWidthAccentSecondary": { - "regular": 8, + "sizeIconUILarge": { + "regular": "20px", }, - "sizeBorderWidthBar": { - "regular": 4, + "sizeIconUIMedium": { + "regular": "16px", }, - "sizeBorderWidthTab": { - "regular": 2, + "sizeListItemHeight": { + "regular": "44px", }, - "sizeBulletMargin": { - "regular": 12, + "sizePageHorizontalPadding": { + "regular": "16px", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "sizePopupLarge": { + "regular": "800px", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "sizePopupMedium": { + "regular": "360px", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "sizeTag": { + "regular": "24px", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "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)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, - "sizeButtonGroupGapMedium": { - "regular": 12, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, - "sizeButtonGroupGapSmall": { - "regular": 8, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, - "sizeButtonGroupGapSpace": { - "regular": 1, + "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)", }, - "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, - "sizeButtonMinimumWidth": { - "regular": 80, + "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)", }, - "sizeButtonMorePadding": { - "regular": 8, + "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))", }, - "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "colorBackground": { + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, - "sizeButtonSliderHeight": { - "regular": 24, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, - "sizeButtonSliderWidth": { - "regular": 12, + "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)", }, - "sizeButtonSliderWidthPointer": { - "regular": 16, + "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)", }, - "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "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))", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "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))", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, + "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)", }, - "sizeCardBorderRadius": { - "regular": 16, + "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))", }, - "sizeCardgridPadding": { - "regular": 12, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, - "sizeCardgridPaddingVertical": { - "regular": 8, + "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))", }, - "sizeCheckBorderRadius": { - "regular": 4, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", }, - "sizeCheckbox": { - "regular": 16, + "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))", }, - "sizeChoiceMargin": { - "regular": 8, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", }, - "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", }, - "sizeDivPadding": { - "regular": 4, + "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))", }, - "sizeDotBullet": { - "regular": 4, + "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))", }, - "sizeDotClickable": { - "regular": 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)", }, - "sizeDotIndicate": { - "regular": 8, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, - "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "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)", }, - "sizeFieldHorizontalMargin": { - "regular": 20, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, - "sizeFieldHorizontalPadding": { - "regular": 12, + "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)", }, - "sizeFieldSetMargin": { - "regular": 32, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", }, - "sizeFieldVerticalMargin": { - "regular": 24, + "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))", }, - "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, - "sizeFormItemPaddingVertical": { - "regular": 12, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_icon_primary, #D9DADD)", }, - "sizeIconMargin": { - "compact": 8, - "regular": 12, + "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)", }, - "sizeIconMorePadding": { - "compact": 8, - "regular": 12, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", }, - "sizeIconUI": { - "regular": 16, + "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))", }, - "sizeIllustrationL": { - "regular": 144, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", }, - "sizeIllustrationM": { - "regular": 96, + "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))", }, - "sizeIllustrationS": { - "regular": 48, + "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))", }, - "sizeIllustrationXM": { - "regular": 72, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", }, - "sizeIllustrationXXL": { - "regular": 228, + "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))", }, - "sizeLabelHorizontalMargin": { - "regular": 16, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, - "sizeLabelVerticalMargin": { - "regular": 4, + "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))", }, - "sizeLabelWidth": { - "regular": 184, + "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)", }, - "sizeMenuMargin": { - "regular": 2, + "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)", }, - "sizeMenuPadding": { - "regular": 8, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", }, - "sizeOptionHierarchy": { - "regular": 32, + "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))", }, - "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "var(--vkui--color_separator_secondary, #181818)", }, - "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", }, - "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, - "sizePopupLarge": { - "regular": 880, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, - "sizePopupMargin": { - "compact": 24, - "regular": 8, + "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)", }, - "sizePopupMedium": { - "regular": 680, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, - "sizePopupSmall": { - "regular": 430, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, - "sizeProgress": { - "regular": 4, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, - "sizeProgressScroll": { - "regular": 12, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, - "sizePromoButtonClose": { - "regular": 32, + "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)", }, - "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, - "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "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)", }, - "sizeSliceBottomPadding": { - "regular": 60, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, - "sizeSliceTopPadding": { - "regular": 40, + "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)", }, - "sizeSplitColPaddingHorizontal": { - "regular": 16, + "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)", }, - "sizeSubnavigationBarGap": { - "regular": 8, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, - "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, - "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", }, - "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "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)", }, - "sizeTabMargin": { - "regular": 8, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", }, - "sizeTabPadding": { - "regular": 16, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", }, - "sizeTableHorizontalPadding": { - "regular": 16, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", }, - "sizeTableVerticalPadding": { - "regular": 16, + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", }, - "sizeTagMargin": { - "regular": 8, + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, - "sizeTagPadding": { - "regular": 8, + "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)", }, - "sizeTipMargin": { - "regular": 4, + "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)", }, - "sizeTooltipMargin": { - "regular": 8, + "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)", }, - "sizeVerticalPadding": { - "regular": 0, + "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))", }, - "sizeWysiwygIcon": { - "regular": 14, + "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)", + }, }, - "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)", + "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)", + }, }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "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)", + }, }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "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)", + }, }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "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)", + }, }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "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)", + }, }, - "breakpoints": { - "desktopL": { - "adaptiveValue": "largeX", - "breakpoint": 1600, + "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)", }, - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, + }, + "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)", }, - "desktopS": { - "adaptiveValue": "regular", - "breakpoint": 1000, + }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, - "desktopXL": { - "adaptiveValue": "largeXX", - "breakpoint": 2200, + "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)", }, - "tablet": { - "adaptiveValue": "compact", - "breakpoint": 768, + }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, - "touch": { - "adaptiveValue": "compactX", - "breakpoint": 0, + "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)", }, }, - "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)", + "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)", }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "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)", }, }, - "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)", + "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)", }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "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)", }, }, - "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)", + "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)", }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", + "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)", }, }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", + "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)", }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + }, + "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)", }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", + }, + "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)", }, }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", + "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)", }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + }, + "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)", }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", + "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)", }, }, - "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)", + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", + "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)", }, }, - "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)", + "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_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", + }, + "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)", }, }, - "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)", + "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)", }, }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "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)", - }, + "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))", }, - "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA300E)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", - }, + "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))", }, - "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)", - }, + "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)", }, - "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)", - }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 40px)", }, - "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)", - }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "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))", - }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "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))", - }, + "sizeBadge": { + "regular": "var(--vkui--size_badge--regular, 20px)", }, - "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)", - }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, - "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)", - }, + "sizeBorderRadiusCard": { + "regular": "var(--vkui--size_border_radius_card--regular, 12px)", }, - "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)", - }, + "sizeBorderRadiusLarge": { + "regular": "var(--vkui--size_border_radius_large--regular, 12px)", }, - "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)", - }, + "sizeBorderRadiusPill": { + "regular": "var(--vkui--size_border_radius_pill--regular, 100px)", }, - "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))", - }, + "sizeBorderRadiusSmall": { + "regular": "var(--vkui--size_border_radius_small--regular, 4px)", }, - "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)", - }, + "sizeButtonCircleLarge": { + "regular": "var(--vkui--size_button_circle_large--regular, 44px)", }, - "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))", - }, + "sizeButtonCircleMedium": { + "regular": "var(--vkui--size_button_circle_medium--regular, 40px)", }, - "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)", - }, + "sizeButtonCircleSmall": { + "regular": "var(--vkui--size_button_circle_small--regular, 32px)", }, - "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))", - }, + "sizeButtonLargeHeight": { + "regular": "var(--vkui--size_button_large_height--regular, 40px)", }, - "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)", - }, + "sizeButtonMediumHeight": { + "regular": "var(--vkui--size_button_medium_height--regular, 32px)", }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", - }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, - "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)", - }, + "sizeButtonPaddingHorizontalLarge": { + "regular": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", }, - "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)", - }, + "sizeButtonSmallHeight": { + "regular": "var(--vkui--size_button_small_height--regular, 24px)", }, - "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))", - }, + "sizeCardgridGapSpaceLarge": { + "regular": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", }, - "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)", - }, + "sizeCardgridGapSpaceMedium": { + "regular": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", }, - "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)", - }, + "sizeFieldHeight": { + "regular": "var(--vkui--size_field_height--regular, 40px)", }, - "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)", - }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "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)", - }, + "sizeIconUILarge": { + "regular": "var(--vkui--size_icon_u_i_large--regular, 20px)", }, - "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)", - }, + "sizeIconUIMedium": { + "regular": "var(--vkui--size_icon_u_i_medium--regular, 16px)", }, - "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)", - }, + "sizeListItemHeight": { + "regular": "var(--vkui--size_list_item_height--regular, 44px)", }, - "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))", - }, + "sizePageHorizontalPadding": { + "regular": "var(--vkui--size_page_horizontal_padding--regular, 16px)", }, - "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)", - }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 800px)", }, - "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))", - }, + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 360px)", }, - "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)", - }, + "sizeTag": { + "regular": "var(--vkui--size_tag--regular, 24px)", }, - "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)", - }, + "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", }, - "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))", - }, + "colorAccentGray": { + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, - "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)", - }, + "colorAccentGreen": { + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "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))", - }, + "colorAccentOrange": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "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)", - }, + "colorAccentPurple": { + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, - "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))", - }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, - "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)", - }, + "colorAccentRed": { + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, - "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))", - }, + "colorAccentSecondary": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "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)", - }, + "colorAccentViolet": { + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, - "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))", - }, + "colorActionSheetText": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, - "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)", - }, + "colorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "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))", - }, + "colorBackgroundAccent": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, - "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))", - }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.36)", + "hover": "rgba(0, 95, 249, 0.32)", + "normal": "rgba(0, 95, 249, 0.28)", }, - "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))", - }, + "colorBackgroundContent": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "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)", - }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundModal": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "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)", - }, + "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": { - "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(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, #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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#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)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": { - "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "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", }, - "hover": { - "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + }, + "fontCaption2": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": "14px", }, }, - "colorIconContrastSecondary": { - "active": { - "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + }, + "fontCaption3": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": "12px", }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, - "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", + "fontFootnote": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "18px", }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + }, + "fontHeadline1": { + "compact": { + "fontSize": 16, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": "20px", }, }, - "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", + "fontHeadline2": { + "compact": { + "fontSize": 15, + "lineHeight": "20px", }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 500, + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", + }, + "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", }, }, - "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "fontMediaLead": { + "compact": { + "fontSize": 22, + "letterSpacing": "-0.003em", + "lineHeight": "32px", }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(39, 43, 55, 0.54))", + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "letterSpacing": 0, + "lineHeight": "28px", }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + }, + "fontMediaParagraph": { + "compact": { + "fontSize": 19, + "fontWeight": 400, + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Georgia, serif", + "fontSize": 18, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", }, }, - "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA300E)", + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": "36px", }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + }, + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "32px", }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + }, + "fontMediaTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": "28px", }, }, - "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #0CB465)", + "fontParagraph": { + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": "20px", }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #0CBB66)", + }, + "fontSubhead": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": "18px", }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "18px", }, }, - "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #282B2F)", + "fontText": { + "compact": { + "fontSize": 16, + "lineHeight": "22px", }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", + }, + "fontTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "28px", }, }, - "colorIconPrimaryInvariably": { - "active": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", + "fontTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": "26px", }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", + }, + "fontTitle3": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": "22px", }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + }, + "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, }, }, - "colorIconSecondary": { + "colorAccentAzure": { "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #989BA4)", + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "colorIconSecondaryAlpha": { + "colorAccentBlue": { "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(39, 43, 55, 0.34))", + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, - "colorIconTertiary": { + "colorAccentCyan": { "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", }, "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", }, "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", }, }, - "colorIconTertiaryAlpha": { + "colorAccentGray": { "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", }, "hover": { - "name": "--vkui--color_icon_tertiary_alpha--hover", - "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(39, 43, 55, 0.24))", + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", }, "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", }, }, - "colorIconWarning": { + "colorAccentGreen": { "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EB9305)", + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", }, "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", }, "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", }, }, - "colorImageBorderAlpha": { + "colorAccentLime": { "active": { - "name": "--vkui--color_image_border_alpha--active", - "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", }, "hover": { - "name": "--vkui--color_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", }, "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", }, }, - "colorImagePlaceholder": { + "colorAccentOrange": { "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", }, "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", }, "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", }, }, - "colorImagePlaceholderAlpha": { + "colorAccentOrangeFire": { "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", }, "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", }, "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", }, }, - "colorLinkContrast": { + "colorAccentOrangePeach": { "active": { - "name": "--vkui--color_link_contrast--active", - "value": "var(--vkui--color_link_contrast--active, #EBECEF)", + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", }, "hover": { - "name": "--vkui--color_link_contrast--hover", - "value": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", }, "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, }, - "colorOverlayPrimary": { + "colorAccentPink": { "active": { - "name": "--vkui--color_overlay_primary--active", - "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", }, "hover": { - "name": "--vkui--color_overlay_primary--hover", - "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", }, "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", }, }, - "colorOverlaySecondary": { + "colorAccentPurple": { "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, - "colorPanelHeaderIcon": { + "colorAccentRaspberryPink": { "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", }, "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", }, "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, }, - "colorRating": { + "colorAccentRed": { "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, - "colorSearchFieldBackground": { + "colorAccentSecondary": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", }, }, - "colorSegmentedControl": { + "colorAccentViolet": { "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", }, "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", }, "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", }, }, - "colorSeparatorPrimary": { + "colorActionSheetText": { "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, - "colorSeparatorPrimary2x": { + "colorAvatarOverlay": { "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", }, "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", }, "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", }, }, - "colorSeparatorPrimary3x": { + "colorAvatarOverlayInverseAlpha": { "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "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_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "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_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, }, - "colorSeparatorPrimaryAlpha": { + "colorBackground": { "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_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", }, "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_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", }, }, - "colorSeparatorSecondary": { + "colorBackgroundAccent": { "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, - "colorSkeletonFrom": { + "colorBackgroundAccentAlternative": { "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", }, "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", }, "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, }, - "colorSkeletonTo": { + "colorBackgroundAccentThemed": { "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, - "colorStrokeAccent": { + "colorBackgroundAccentThemedAlpha": { "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #006FEF)", + "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_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "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_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, - "colorStrokeAccentThemed": { + "colorBackgroundAccentTint": { "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", }, "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, - "colorStrokeContrast": { + "colorBackgroundAccentTintAlpha": { "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "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_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "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_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, - "colorStrokeNegative": { + "colorBackgroundAccentTintThemed": { "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, - "colorStrokePositive": { + "colorBackgroundAccentTintThemedAlpha": { "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #0CB465)", + "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_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "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_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, - "colorTabbarTextInactive": { + "colorBackgroundContent": { "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, - "colorTextAccent": { + "colorBackgroundContentInverse": { "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0068E2)", + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, - "colorTextAccentThemed": { + "colorBackgroundContrast": { "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #0070f0)", + "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, #2C2D31)", }, "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, #2E2F31)", }, "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, #0068E2)", + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #006CE9)", + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0070f0)", + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, }, - "colorTextLinkThemed": { + "colorBackgroundInfoTint": { "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", }, "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", }, "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #0070f0)", + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #f0f4ff)", }, }, - "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, #EBECEF)", }, "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, #F5F5F7)", }, "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, #FFFFFF)", }, }, - "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, #2C2D31)", }, "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, #2E2F31)", }, "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, #303030)", }, }, - "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, #DA300E)", }, "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, #E4320C)", }, "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2C2D2E)", + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, - "colorTextNegative": { + "colorBackgroundNegativeTint": { "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA300E)", + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", }, "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", }, }, - "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.16))", }, "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.12))", }, "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.08))", }, }, - "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, #EADDDD)", }, "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, #F4E6E4)", }, "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, #feefeb)", }, }, - "colorTextPrimaryAlpha": { + "colorBackgroundNegativeTintThemedAlpha": { "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "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_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "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_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "name": "--vkui--color_background_negative_tint_themed_alpha", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", }, }, - "colorTextPrimaryInvariably": { + "colorBackgroundPositive": { "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #0CB465)", }, "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #0CBB66)", }, "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #0DC268)", }, }, - "colorTextSecondary": { + "colorBackgroundPositiveTint": { "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #D9E7E4)", }, "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #E3F1EC)", }, "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", }, }, - "colorTextSecondaryAlpha": { + "colorBackgroundPositiveTintAlpha": { "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "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_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "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_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "name": "--vkui--color_background_positive_tint_alpha", + "value": "var(--vkui--color_background_positive_tint_alpha, rgba(13, 194, 104, 0.08))", }, }, - "colorTextSubhead": { + "colorBackgroundPositiveTintThemed": { "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", }, "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", }, "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", }, }, - "colorTextTertiary": { + "colorBackgroundPositiveTintThemedAlpha": { "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "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_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "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_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", + "name": "--vkui--color_background_positive_tint_themed_alpha", + "value": "var(--vkui--color_background_positive_tint_themed_alpha, rgba(13, 194, 104, 0.08))", }, }, - "colorThumbErrorBackgroundAlpha": { + "colorBackgroundSecondary": { "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_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", }, "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_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", }, "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_secondary", + "value": "var(--vkui--color_background_secondary, #F0F1F3)", }, }, - "colorTooltipBackgroundBlueTint": { + "colorBackgroundSecondaryAlpha": { "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "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_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "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_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", }, }, - "colorTooltipBackgroundGreenTint": { + "colorBackgroundSky": { "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, "hover": { - "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "name": "--vkui--color_background_sky--hover", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", }, "normal": { - "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "name": "--vkui--color_background_sky", + "value": "var(--vkui--color_background_sky, #cce4ff)", }, }, - "colorTooltipBackgroundOrangeTint": { + "colorBackgroundSkyAlpha": { "active": { - "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "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_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "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_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "name": "--vkui--color_background_sky_alpha", + "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", }, }, - "colorTooltipBackgroundPurpleTint": { + "colorBackgroundTertiary": { "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", }, "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", }, "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #F6F7F8)", }, }, - "colorTooltipTextBlueThemed": { + "colorBackgroundTertiaryAlpha": { "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "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_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "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_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, }, - "colorTooltipTextGreenThemed": { + "colorBackgroundWarning": { "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", }, "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", }, "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF1AD)", }, }, - "colorTooltipTextOrangeThemed": { + "colorBackgroundWarningTint": { "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "name": "--vkui--color_background_warning_tint--active", + "value": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", }, "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "name": "--vkui--color_background_warning_tint--hover", + "value": "var(--vkui--color_background_warning_tint--hover, #F5F3D9)", }, "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "name": "--vkui--color_background_warning_tint", + "value": "var(--vkui--color_background_warning_tint, #fffce0)", }, }, - "colorTooltipTextPurpleThemed": { + "colorBackgroundWarningTintAlpha": { "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "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_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "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_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "name": "--vkui--color_background_warning_tint_alpha", + "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", }, }, - "colorTrackBackground": { + "colorBackgroundWarningTintThemed": { "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", }, "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", }, "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", }, }, - "colorTrackBuffer": { + "colorBackgroundWarningTintThemedAlpha": { "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "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_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "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_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", }, }, - "colorTransparent": { + "colorButtonContrast": { "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", }, "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", }, "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", }, }, - "colorWriteBarIcon": { + "colorButtonContrastAlpha": { "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "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_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "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_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", }, }, - "colorWriteBarInputBackground": { + "colorButtonIcon": { "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #0077ff)", }, }, - "colorWriteBarInputBorder": { + "colorButtonStroke": { "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #0077ff)", }, }, - "colorWriteBarInputBorderAlpha": { + "colorButtonText": { "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_text--active", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, "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_text--hover", + "value": "var(--vkui--color_button_text--hover, #0073F7)", }, "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_text", + "value": "var(--vkui--color_button_text, #0077ff)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "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)", + }, }, - "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))", + "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))", + }, }, - "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))", + "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)", + }, }, - "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))", + "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)", + }, }, - "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))", + "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)", + }, }, - "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))", + "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)", + }, }, - "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)", - }, + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", }, - "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)", - }, + "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)", }, }, - "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)", - }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", }, - "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)", - }, + "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)", }, }, - "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)", - }, + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", }, - "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)", - }, + "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)", }, }, - "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)", - }, + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", }, - "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)", - }, + "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))", }, }, - "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)", - }, + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA300E)", }, - "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)", - }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED330a)", }, }, - "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)", - }, + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", }, - "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)", - }, + "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)", }, }, - "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)", - }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, - "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_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #2C2D2E)", }, }, - "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)", - }, + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", }, - "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_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", }, - "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_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", }, }, - "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)", - }, + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", }, - "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_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #A5A7AD)", }, }, - "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)", - }, + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", }, - "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_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))", }, }, - "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)", + "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)", + }, }, - "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)", - }, + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", }, - "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)", - }, + "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))", }, }, - "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)", - }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", }, - "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)", - }, + "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)", }, }, - "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)", - }, + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", }, - "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_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 16, 61, 0.12))", }, - "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_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", }, }, - "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)", - }, + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", }, - "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)", - }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", }, - "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)", - }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #E6E7EB)", }, - "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)", - }, + }, + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", }, - "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)", - }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 16, 61, 0.84))", }, - "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)", - }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", }, - "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)", - }, + }, + "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)", }, }, - "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)", - }, + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", }, - "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)", - }, + "hover": { + "name": "--vkui--color_overlay_primary--hover", + "value": "var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44))", }, - "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)", - }, + "normal": { + "name": "--vkui--color_overlay_primary", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", }, - "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)", - }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", }, - "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)", - }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))", }, - "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)", - }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, - "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)", - }, + }, + "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)", }, }, - "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)", - }, + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", }, - "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_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", }, - "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_rating", + "value": "var(--vkui--color_rating, #ffd400)", }, }, - "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)", - }, + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", }, - "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_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", }, - "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_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", }, }, - "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)", - }, + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", }, - "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_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", }, - "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_segmented_control", + "value": "var(--vkui--color_segmented_control, #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)", - }, + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", }, - "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_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #DADCE0)", }, }, - "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)", - }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", }, - "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_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", }, - "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_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", }, }, - "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)", - }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", }, - "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)", - }, + "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)", }, }, - "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)", - }, + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", }, - "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)", - }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 16, 61, 0.16))", }, - "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)", - }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", }, - "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)", - }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", }, - "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)", - }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", }, - "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)", - }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #E6E7EB)", }, }, - "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)", - }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", }, - }, - "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)", - }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", }, - "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)", - }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #F3F3F5)", }, }, - "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)", + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", }, - }, - "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #E0E1E6)", }, }, - "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)", + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, - }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, - "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)", + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, - }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", }, }, - "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)", + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", }, - }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, }, - "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)", + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA300E)", }, - }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED330a)", }, }, - "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)", + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", }, - }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #0CBB66)", }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #0DC268)", }, }, - "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)", + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", }, - }, - "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, }, - "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)", + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, - }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { - "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, - "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "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)", }, }, - "sizeBasePadding": { - "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", }, - "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, - "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)", + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", }, - }, - "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #004EB1)", }, - }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #0050B6)", }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #0053BB)", }, }, - "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)", + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, - }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "hover": { + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, - "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)", + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", }, - }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", }, }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #4D0452)", }, - "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "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)", }, }, - "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #34383E)", }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "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)", }, }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "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)", }, }, - "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #0CB465)", }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "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)", }, }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "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)", }, }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "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)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", }, - "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--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)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", }, - "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--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)", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "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)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "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))", }, - "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--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))", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "colorTooltipBackgroundBlueTint": { + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "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)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "colorTooltipBackgroundGreenTint": { + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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)", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "colorTooltipBackgroundOrangeTint": { + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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)", }, }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", + "colorTooltipBackgroundPurpleTint": { + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", }, - "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "colorTooltipTextBlueThemed": { + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 48px)", + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", }, - }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 52px)", + }, + "colorTooltipTextGreenThemed": { + "active": { + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", }, - "compactX": { - "name": "--vkui--size_button_medium_height--compact_x", - "value": "var(--vkui--size_button_medium_height--compact_x, 64px)", + "hover": { + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", }, - "large": { - "name": "--vkui--size_button_medium_height--large", - "value": "var(--vkui--size_button_medium_height--large, 64px)", + "normal": { + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", }, - "largeX": { - "name": "--vkui--size_button_medium_height--large_x", - "value": "var(--vkui--size_button_medium_height--large_x, 64px)", + }, + "colorTooltipTextOrangeThemed": { + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", }, - "largeXX": { - "name": "--vkui--size_button_medium_height--large_x_x", - "value": "var(--vkui--size_button_medium_height--large_x_x, 64px)", + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 52px)", + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "colorTooltipTextPurpleThemed": { + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "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)", }, }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "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)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 32px)", + "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)", }, }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "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)", }, }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", + "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)", }, }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "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)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 40px)", + "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)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "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))", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "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))", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "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": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "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": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { + "fontCaption1Caps": { "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "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": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "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)", + }, }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "fontCaption2": { "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "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": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { + "fontCaption2Caps": { "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "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": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "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)", + }, }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "fontCaption3": { "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "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": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, }, - "sizeCardBorderRadius": { + "fontCaption3Caps": { "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "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": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 16px)", + "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)", + }, }, }, - "sizeCardgridPadding": { + "fontDisplayTitle1": { "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "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": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "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)", + }, }, }, - "sizeCardgridPaddingVertical": { + "fontDisplayTitle2": { "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "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": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "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)", + }, }, }, - "sizeCheckBorderRadius": { + "fontDisplayTitle3": { "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "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": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "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)", + }, }, }, - "sizeCheckbox": { + "fontDisplayTitle4": { "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "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": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "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)", + }, }, }, - "sizeChoiceMargin": { + "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": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", + "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": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", + "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)", + }, }, }, - "sizeContentBlockHorizontalPadding": { + "fontFootnoteCaps": { "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)", + "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": { - "name": "--vkui--size_content_block_horizontal_padding--regular", - "value": "var(--vkui--size_content_block_horizontal_padding--regular, 0px)", + "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)", + }, }, }, - "sizeContentBlockVerticalPadding": { + "fontH0": { "auto": { - "name": "--vkui--size_content_block_vertical_padding", - "value": "var(--vkui--size_content_block_vertical_padding)", + "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": { - "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)", + "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": { - "name": "--vkui--size_content_block_vertical_padding--regular", - "value": "var(--vkui--size_content_block_vertical_padding--regular, 56px)", + "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)", + }, }, }, - "sizeContentBlockWidth": { + "fontH1": { "auto": { - "name": "--vkui--size_content_block_width", - "value": "var(--vkui--size_content_block_width)", + "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": { - "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)", + "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": { - "name": "--vkui--size_content_block_width--regular", - "value": "var(--vkui--size_content_block_width--regular, 940px)", + "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)", + }, }, }, - "sizeControlButtonSmallWidthMin": { + "fontH2": { "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)", + "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)", + }, }, - }, - "sizeControlButtonWidthMin": { - "auto": { - "name": "--vkui--size_control_button_width_min", - "value": "var(--vkui--size_control_button_width_min)", + "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": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 280px)", + "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)", + }, }, }, - "sizeDivPadding": { + "fontHeadline": { "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", + "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": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", + "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)", + }, }, }, - "sizeDotBullet": { + "fontHeadline1": { "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", + "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": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", + "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)", + }, }, }, - "sizeDotClickable": { + "fontHeadline2": { "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", + "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": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", + "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)", + }, }, }, - "sizeDotIndicate": { + "fontParagraph": { "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", + "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": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", + "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)", + }, }, }, - "sizeFieldHeight": { + "fontSubhead": { "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "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": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "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": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "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)", + }, }, }, - "sizeFieldHorizontalMargin": { + "fontText": { "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)", + "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)", + }, }, - }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "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": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "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)", + }, }, }, - "sizeFieldSetMargin": { + "fontTitle1": { "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", + "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": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", + "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)", + }, }, }, - "sizeFieldVerticalMargin": { + "fontTitle2": { "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", + "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": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "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)", + }, }, }, - "sizeFieldWidthMin": { + "fontTitle3": { "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)", + "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": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 328px)", + "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)", + }, }, }, - "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)", - }, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "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)", + "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)", }, - "compactX": { - "name": "--vkui--size_grid_column1_x2--compact_x", - "value": "var(--vkui--size_grid_column1_x2--compact_x, 100%)", + "hover": { + "name": "--vkui--search_color_background_accent_tint--hover", + "value": "var(--vkui--search_color_background_accent_tint--hover, #E9EEF5)", }, - "large": { - "name": "--vkui--size_grid_column1_x2--large", - "value": "var(--vkui--size_grid_column1_x2--large, 560px)", + "normal": { + "name": "--vkui--search_color_background_accent_tint", + "value": "var(--vkui--search_color_background_accent_tint, #F3F7FD)", }, - "largeX": { - "name": "--vkui--size_grid_column1_x2--large_x", - "value": "var(--vkui--size_grid_column1_x2--large_x, 580px)", + }, + "searchColorBackgroundOrangeAccentActive": { + "active": { + "name": "--vkui--search_color_background_orange_accent_active--active", + "value": "var(--vkui--search_color_background_orange_accent_active--active, #E18D05)", }, - "largeXX": { - "name": "--vkui--size_grid_column1_x2--large_x_x", - "value": "var(--vkui--size_grid_column1_x2--large_x_x, 620px)", + "hover": { + "name": "--vkui--search_color_background_orange_accent_active--hover", + "value": "var(--vkui--search_color_background_orange_accent_active--hover, #EB9302)", }, - "regular": { - "name": "--vkui--size_grid_column1_x2--regular", - "value": "var(--vkui--size_grid_column1_x2--regular, 420px)", + "normal": { + "name": "--vkui--search_color_background_orange_accent_active", + "value": "var(--vkui--search_color_background_orange_accent_active, #F59800)", }, }, - "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)", + "searchColorBackgroundOrangeAccentHover": { + "active": { + "name": "--vkui--search_color_background_orange_accent_hover--active", + "value": "var(--vkui--search_color_background_orange_accent_hover--active, #EBA940)", }, - "compactX": { - "name": "--vkui--size_grid_column1_x3--compact_x", - "value": "var(--vkui--size_grid_column1_x3--compact_x, 100%)", + "hover": { + "name": "--vkui--search_color_background_orange_accent_hover--hover", + "value": "var(--vkui--search_color_background_orange_accent_hover--hover, #F5AF40)", }, - "large": { - "name": "--vkui--size_grid_column1_x3--large", - "value": "var(--vkui--size_grid_column1_x3--large, 340px)", + "normal": { + "name": "--vkui--search_color_background_orange_accent_hover", + "value": "var(--vkui--search_color_background_orange_accent_hover, #FFB640)", }, - "largeX": { - "name": "--vkui--size_grid_column1_x3--large_x", - "value": "var(--vkui--size_grid_column1_x3--large_x, 380px)", + }, + "searchColorTextLinkAlternativeHover": { + "active": { + "name": "--vkui--search_color_text_link_alternative_hover--active", + "value": "var(--vkui--search_color_text_link_alternative_hover--active, #DE641A)", }, - "largeXX": { - "name": "--vkui--size_grid_column1_x3--large_x_x", - "value": "var(--vkui--size_grid_column1_x3--large_x_x, 380px)", + "hover": { + "name": "--vkui--search_color_text_link_alternative_hover--hover", + "value": "var(--vkui--search_color_text_link_alternative_hover--hover, #E76719)", }, - "regular": { - "name": "--vkui--size_grid_column1_x3--regular", - "value": "var(--vkui--size_grid_column1_x3--regular, 260px)", + "normal": { + "name": "--vkui--search_color_text_link_alternative_hover", + "value": "var(--vkui--search_color_text_link_alternative_hover, #F16B17)", }, }, - "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)", + "searchColorTextLinkPositive": { + "active": { + "name": "--vkui--search_color_text_link_positive--active", + "value": "var(--vkui--search_color_text_link_positive--active, #282B2F)", }, - "compactX": { - "name": "--vkui--size_grid_column2_x3--compact_x", - "value": "var(--vkui--size_grid_column2_x3--compact_x, 100%)", + "hover": { + "name": "--vkui--search_color_text_link_positive--hover", + "value": "var(--vkui--search_color_text_link_positive--hover, #2A2C2F)", }, - "large": { - "name": "--vkui--size_grid_column2_x3--large", - "value": "var(--vkui--size_grid_column2_x3--large, 780px)", + "normal": { + "name": "--vkui--search_color_text_link_positive", + "value": "var(--vkui--search_color_text_link_positive, #2C2D2E)", }, - "largeX": { - "name": "--vkui--size_grid_column2_x3--large_x", - "value": "var(--vkui--size_grid_column2_x3--large_x, 820px)", + }, + "searchColorTextLinkPositiveTint": { + "active": { + "name": "--vkui--search_color_text_link_positive_tint--active", + "value": "var(--vkui--search_color_text_link_positive_tint--active, #629D62)", }, - "largeXX": { - "name": "--vkui--size_grid_column2_x3--large_x_x", - "value": "var(--vkui--size_grid_column2_x3--large_x_x, 920px)", + "hover": { + "name": "--vkui--search_color_text_link_positive_tint--hover", + "value": "var(--vkui--search_color_text_link_positive_tint--hover, #66A363)", }, - "regular": { - "name": "--vkui--size_grid_column2_x3--regular", - "value": "var(--vkui--size_grid_column2_x3--regular, 600px)", + "normal": { + "name": "--vkui--search_color_text_link_positive_tint", + "value": "var(--vkui--search_color_text_link_positive_tint, #6AA965)", }, }, - "sizeGridColumnAsymmetricalLarge": { + "searchFontForAdvertisingBold": { "auto": { - "name": "--vkui--size_grid_column_asymmetrical_large", - "value": "var(--vkui--size_grid_column_asymmetrical_large)", + "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": { - "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)", + "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": { - "name": "--vkui--size_grid_column_asymmetrical_large--regular", - "value": "var(--vkui--size_grid_column_asymmetrical_large--regular, 440px)", + "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)", + }, }, }, - "sizeGridColumnAsymmetricalSmall": { + "searchFontGreenURL": { "auto": { - "name": "--vkui--size_grid_column_asymmetrical_small", - "value": "var(--vkui--size_grid_column_asymmetrical_small)", + "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": { - "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)", + "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": { - "name": "--vkui--size_grid_column_asymmetrical_small--regular", - "value": "var(--vkui--size_grid_column_asymmetrical_small--regular, 420px)", + "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)", + }, }, }, - "sizeHeaderHeightMin": { + "searchFontParagraphBold": { "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%)", + "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)", + }, }, - }, - "sizeHeaderIcon": { - "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", + "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": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "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)", + }, }, }, - "sizeIconMargin": { + "searchFontSearchBigText": { "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", + "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": { - "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", + "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": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "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)", + }, }, }, - "sizeIconMorePadding": { + "searchFontSearchBigTextBold": { "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", + "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": { - "name": "--vkui--size_icon_more_padding--compact", - "value": "var(--vkui--size_icon_more_padding--compact, 8px)", + "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": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "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)", + }, }, }, - "sizeIconUI": { + "searchFontSearchCaption1Bold": { "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "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": { - "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)", + "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": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 20px)", + "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)", + }, }, }, - "sizeIllustrationL": { + "searchFontSearchCaption1MailSans": { "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", + "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": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "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)", + }, }, }, - "sizeIllustrationM": { + "searchFontSearchCaption2MailSans": { "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", + "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": { - "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)", + "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": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 48px)", + "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)", + }, }, }, - "sizeIllustrationS": { + "searchFontSearchExtraHeadline": { "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", + "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": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "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)", + }, }, }, - "sizeIllustrationXM": { + "searchFontSearchFootnoteBold": { "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", + "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": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "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)", + }, }, }, - "sizeIllustrationXXL": { + "searchFontSearchFootnoteMailSans": { "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "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": { - "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)", + "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)", + }, }, - "large": { - "name": "--vkui--size_illustration_x_x_l--large", - "value": "var(--vkui--size_illustration_x_x_l--large, 380px)", + "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)", + }, }, - "largeX": { - "name": "--vkui--size_illustration_x_x_l--large_x", - "value": "var(--vkui--size_illustration_x_x_l--large_x, 560px)", + }, + "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)", + }, }, - "largeXX": { - "name": "--vkui--size_illustration_x_x_l--large_x_x", - "value": "var(--vkui--size_illustration_x_x_l--large_x_x, 560px)", + "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": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 360px)", + "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)", + }, }, }, - "sizeLabelHorizontalMargin": { + "searchFontSearchSubheadBold": { "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "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": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "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)", + }, }, }, - "sizeLabelVerticalMargin": { + "searchFontSearchTextBold": { "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", + "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": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "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)", + }, }, }, - "sizeLabelWidth": { + "searchFontSearchTextMailSans": { "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "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": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "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)", + }, }, }, - "sizeMarginIllustrationM": { + "searchFontSearchTitle4": { "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)", + "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)", + }, }, - "compactX": { - "name": "--vkui--size_margin_illustration_m--compact_x", - "value": "var(--vkui--size_margin_illustration_m--compact_x, 32px)", + "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)", + }, }, - "large": { - "name": "--vkui--size_margin_illustration_m--large", - "value": "var(--vkui--size_margin_illustration_m--large, 32px)", + }, + "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)", + }, }, - "largeX": { - "name": "--vkui--size_margin_illustration_m--large_x", - "value": "var(--vkui--size_margin_illustration_m--large_x, 32px)", + "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)", + }, }, - "largeXX": { - "name": "--vkui--size_margin_illustration_m--large_x_x", - "value": "var(--vkui--size_margin_illustration_m--large_x_x, 32px)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--size_margin_illustration_m--regular", - "value": "var(--vkui--size_margin_illustration_m--regular, 24px)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeMarginIllustrationXXL": { + "sizeArrowHeight": { "auto": { - "name": "--vkui--size_margin_illustration_x_x_l", - "value": "var(--vkui--size_margin_illustration_x_x_l)", + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, - "compact": { - "name": "--vkui--size_margin_illustration_x_x_l--compact", - "value": "var(--vkui--size_margin_illustration_x_x_l--compact, 40px)", + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, - "compactX": { - "name": "--vkui--size_margin_illustration_x_x_l--compact_x", - "value": "var(--vkui--size_margin_illustration_x_x_l--compact_x, 40px)", + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "large": { - "name": "--vkui--size_margin_illustration_x_x_l--large", - "value": "var(--vkui--size_margin_illustration_x_x_l--large, 100px)", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "largeX": { - "name": "--vkui--size_margin_illustration_x_x_l--large_x", - "value": "var(--vkui--size_margin_illustration_x_x_l--large_x, 100px)", + }, + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "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_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_margin_illustration_x_x_l--regular", - "value": "var(--vkui--size_margin_illustration_x_x_l--regular, 60px)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "sizeMarginL": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--size_margin_l", - "value": "var(--vkui--size_margin_l)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, - "compact": { - "name": "--vkui--size_margin_l--compact", - "value": "var(--vkui--size_margin_l--compact, 32px)", + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, - "compactX": { - "name": "--vkui--size_margin_l--compact_x", - "value": "var(--vkui--size_margin_l--compact_x, 32px)", + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "large": { - "name": "--vkui--size_margin_l--large", - "value": "var(--vkui--size_margin_l--large, 40px)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, - "largeX": { - "name": "--vkui--size_margin_l--large_x", - "value": "var(--vkui--size_margin_l--large_x, 48px)", + }, + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "largeXX": { - "name": "--vkui--size_margin_l--large_x_x", - "value": "var(--vkui--size_margin_l--large_x_x, 48px)", + "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_margin_l--regular", - "value": "var(--vkui--size_margin_l--regular, 32px)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "sizeMarginM": { + "sizeAvatarXL": { "auto": { - "name": "--vkui--size_margin_m", - "value": "var(--vkui--size_margin_m)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "compact": { - "name": "--vkui--size_margin_m--compact", - "value": "var(--vkui--size_margin_m--compact, 24px)", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "compactX": { - "name": "--vkui--size_margin_m--compact_x", - "value": "var(--vkui--size_margin_m--compact_x, 24px)", + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "large": { - "name": "--vkui--size_margin_m--large", - "value": "var(--vkui--size_margin_m--large, 32px)", + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "largeX": { - "name": "--vkui--size_margin_m--large_x", - "value": "var(--vkui--size_margin_m--large_x, 40px)", + }, + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "largeXX": { - "name": "--vkui--size_margin_m--large_x_x", - "value": "var(--vkui--size_margin_m--large_x_x, 40px)", + "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_margin_m--regular", - "value": "var(--vkui--size_margin_m--regular, 24px)", + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "sizeMarginS": { + "sizeBadgeS": { "auto": { - "name": "--vkui--size_margin_s", - "value": "var(--vkui--size_margin_s)", + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "compact": { - "name": "--vkui--size_margin_s--compact", - "value": "var(--vkui--size_margin_s--compact, 16px)", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, - "compactX": { - "name": "--vkui--size_margin_s--compact_x", - "value": "var(--vkui--size_margin_s--compact_x, 16px)", + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "large": { - "name": "--vkui--size_margin_s--large", - "value": "var(--vkui--size_margin_s--large, 24px)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "largeX": { - "name": "--vkui--size_margin_s--large_x", - "value": "var(--vkui--size_margin_s--large_x, 32px)", + }, + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "largeXX": { - "name": "--vkui--size_margin_s--large_x_x", - "value": "var(--vkui--size_margin_s--large_x_x, 32px)", + "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_margin_s--regular", - "value": "var(--vkui--size_margin_s--regular, 20px)", + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "sizeMarginXS": { + "sizeBasePadding": { "auto": { - "name": "--vkui--size_margin_x_s", - "value": "var(--vkui--size_margin_x_s)", + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, "compact": { - "name": "--vkui--size_margin_x_s--compact", - "value": "var(--vkui--size_margin_x_s--compact, 12px)", + "name": "--vkui--size_base_padding--compact", + "value": "var(--vkui--size_base_padding--compact, 20px)", }, - "compactX": { - "name": "--vkui--size_margin_x_s--compact_x", - "value": "var(--vkui--size_margin_x_s--compact_x, 12px)", + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", }, - "large": { - "name": "--vkui--size_margin_x_s--large", - "value": "var(--vkui--size_margin_x_s--large, 16px)", + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, - "largeX": { - "name": "--vkui--size_margin_x_s--large_x", - "value": "var(--vkui--size_margin_x_s--large_x, 16px)", + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, - "largeXX": { - "name": "--vkui--size_margin_x_s--large_x_x", - "value": "var(--vkui--size_margin_x_s--large_x_x, 16px)", + }, + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, "regular": { - "name": "--vkui--size_margin_x_s--regular", - "value": "var(--vkui--size_margin_x_s--regular, 12px)", + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "sizeMenuMargin": { + "sizeBorder1x": { "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "sizeMenuPadding": { + "sizeBorder2x": { "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "sizeOptionHierarchy": { + "sizeBorder3x": { "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "sizePanelHeaderHeight": { + "sizeBorderRadius": { "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)", + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "sizePopupBasePadding": { + "sizeBorderRadiusPaper": { "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)", + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, - "sizePopupHeaderPadding": { + "sizeBorderRadiusPromo": { "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)", + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "sizePopupLarge": { + "sizeBorderRadiusRounded": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "sizePopupMargin": { + "sizeBorderWidthAccent": { "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)", + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "sizePopupMedium": { + "sizeBorderWidthAccentSecondary": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, - "sizePopupSmall": { + "sizeBorderWidthBar": { "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "sizeProgress": { + "sizeBorderWidthTab": { "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "sizeProgressScroll": { + "sizeBulletMargin": { "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "sizePromoButtonClose": { + "sizeButtonBaseLargePaddingHorizontal": { "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "sizeSearchHeight": { + "sizeButtonBaseLargePaddingHorizontalIcon": { "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)", + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "sizeSelectIconPadding": { + "sizeButtonBaseMediumPaddingHorizontal": { "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 6px)", + "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_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "sizeSliceBottomPadding": { + "sizeButtonBaseSmallPaddingHorizontal": { "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "sizeSliceTopPadding": { + "sizeButtonBaseSmallPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "sizeSplitColPaddingHorizontal": { + "sizeButtonGroupGapMedium": { "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "sizeSubnavigationBarGap": { + "sizeButtonGroupGapSmall": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "sizeSubnavigationBarPaddingVertical": { + "sizeButtonGroupGapSpace": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "sizeSwitchHeight": { + "sizeButtonIconPadding": { "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "name": "--vkui--size_button_icon_padding--compact", + "value": "var(--vkui--size_button_icon_padding--compact, 20px)", }, "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, - "sizeSwitchPin": { + "sizeButtonLargeHeight": { "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "sizeSwitchWidth": { + "sizeButtonMediumHeight": { "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "sizeTabMargin": { + "sizeButtonMinimumWidth": { "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "sizeTabPadding": { + "sizeButtonMorePadding": { "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "sizeTableHorizontalPadding": { + "sizeButtonPaddingHorizontal": { "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_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_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "sizeTableVerticalPadding": { + "sizeButtonSliderHeight": { "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "sizeTagMargin": { + "sizeButtonSliderWidth": { "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "sizeTagPadding": { + "sizeButtonSliderWidthPointer": { "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "sizeTipMargin": { + "sizeButtonSmallHeight": { "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", + "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_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "sizeTooltipMargin": { + "sizeButtonTertiaryLargePaddingHorizontal": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "sizeVerticalPadding": { + "sizeButtonTertiaryLargePaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "sizeWysiwygIcon": { + "sizeButtonTertiaryMediumPaddingHorizontal": { "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "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)", + }, }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "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)", + }, }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "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)", + }, }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "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)", + }, }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", + "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)", + }, + }, + "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)", + }, + "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)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + }, + "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)", + }, + }, + "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": { @@ -340267,11 +343112,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, promo)", + "value": "var(--vkui--theme_name, search)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, promo)", + "value": "var(--vkui--theme_name_base, search)", }, "themeType": "cssVars", "toneValueActive": { @@ -340306,61 +343151,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", @@ -340437,7 +343234,7 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -340445,28 +343242,12 @@ 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, }, }, @@ -341011,9 +343792,9 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#004EB1", + "hover": "#0050B6", + "normal": "#0053BB", }, "colorTextLinkThemed": { "active": "#0068E2", @@ -341026,14 +343807,14 @@ exports[`shapshots promo theme should match pixelify 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": "#DA300E", @@ -341161,11 +343942,14 @@ exports[`shapshots promo theme should match pixelify 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", @@ -341259,13 +344043,14 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` }, }, "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", "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": { @@ -341292,78 +344077,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": { @@ -341423,48 +344156,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": { @@ -341489,49 +344197,299 @@ 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%", "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", + "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", }, - "sizeArrowPromo": { - "regular": "40px", + "searchColorBackgroundOrangeAccentActive": { + "active": "#E18D05", + "hover": "#EB9302", + "normal": "#F59800", }, - "sizeArrowWidth": { - "regular": "12px", + "searchColorBackgroundOrangeAccentHover": { + "active": "#EBA940", + "hover": "#F5AF40", + "normal": "#FFB640", }, - "sizeAttributeMargin": { - "regular": "4px", + "searchColorTextLinkAlternativeHover": { + "active": "#DE641A", + "hover": "#E76719", + "normal": "#F16B17", }, - "sizeAvatarL": { - "regular": "96px", + "searchColorTextLinkPositive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "sizeAvatarM": { - "regular": "48px", + "searchColorTextLinkPositiveTint": { + "active": "#629D62", + "hover": "#66A363", + "normal": "#6AA965", }, - "sizeAvatarS": { - "regular": "32px", + "searchFontForAdvertisingBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + }, }, - "sizeAvatarXL": { - "regular": "128px", + "searchFontGreenURL": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, }, - "sizeAvatarXS": { - "regular": "24px", + "searchFontParagraphBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "sizeBadgeL": { - "regular": "44px", + "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": "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", @@ -341627,15 +344585,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", @@ -341644,7 +344599,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": "32px", + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -341656,7 +344612,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "40px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -341694,35 +344651,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", @@ -341760,49 +344691,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", }, @@ -341815,23 +344703,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", @@ -341840,12 +344718,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", @@ -341856,54 +344729,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", }, @@ -342022,8 +344847,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "promo", - "themeNameBase": "promo", + "themeName": "search", + "themeNameBase": "search", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -342033,20 +344858,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", @@ -342068,7 +344881,7 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -342076,28 +344889,12 @@ 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, }, }, @@ -342642,9 +345439,9 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", + "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": "var(--vkui--color_text_link_themed--active, #0068E2)", @@ -342657,14 +345454,14 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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, #4D0452)", + "hover": "var(--vkui--color_text_link_visited--hover, #510453)", + "normal": "var(--vkui--color_text_link_visited, #540354)", }, "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, #34383E)", + "hover": "var(--vkui--color_text_muted--hover, #37393E)", + "normal": "var(--vkui--color_text_muted, #393B3E)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #DA300E)", @@ -342792,11 +345589,14 @@ exports[`shapshots promo 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, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", + "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, 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))", + "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": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", @@ -342890,13 +345690,14 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` }, }, "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, 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": { - "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)", + "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": { @@ -342923,78 +345724,26 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` }, "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)", + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "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)", + "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, 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)", + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "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)", + "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": { @@ -343054,48 +345803,23 @@ exports[`shapshots promo 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)", + }, "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)", + "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": { - "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": { + "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, 400)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 32px)", - "margin": "var(--vkui--font_title1--margin--regular, 0 0 24px 0)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { @@ -343120,14 +345844,264 @@ exports[`shapshots promo 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)", - "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)", + "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)", }, @@ -343258,15 +346232,12 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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": { - "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)", + "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)", @@ -343275,7 +346246,8 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 32px)", + "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)", @@ -343287,7 +346259,8 @@ exports[`shapshots promo 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, 40px)", + "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)", @@ -343325,35 +346298,9 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", + "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)", @@ -343391,49 +346338,6 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -343446,23 +346350,13 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "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)", + "regular": "var(--vkui--size_illustration_m--regular, 96px)", }, "sizeIllustrationS": { "regular": "var(--vkui--size_illustration_s--regular, 48px)", @@ -343471,12 +346365,7 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, "sizeLabelHorizontalMargin": { "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", @@ -343487,54 +346376,6 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -343653,8 +346494,8 @@ exports[`shapshots promo 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, promo)", - "themeNameBase": "var(--vkui--theme_name_base, promo)", + "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)", @@ -343664,20 +346505,8 @@ exports[`shapshots promo 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)", - "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)")", + "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)", @@ -343699,7 +346528,7 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots promo theme should match root theme snapshot 1`] = ` +exports[`shapshots search theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -343707,28 +346536,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, }, }, @@ -344273,9 +347086,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#004EB1", + "hover": "#0050B6", + "normal": "#0053BB", }, "colorTextLinkThemed": { "active": "#0068E2", @@ -344288,14 +347101,14 @@ 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": "#DA300E", @@ -344423,11 +347236,14 @@ 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", @@ -344521,13 +347337,14 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` }, }, "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": 13, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontFootnoteCaps": { @@ -344554,78 +347371,26 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` }, "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": 32, + "lineHeight": 36, }, "regular": { - "fontSize": 48, - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 24px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "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", + "lineHeight": 32, }, "regular": { - "fontSize": 40, - "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontHeadline": { @@ -344685,48 +347450,23 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` }, }, "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": 15, + "lineHeight": 20, }, - "largeXX": { - "fontSize": 40, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", + "lineHeight": 20, }, + }, + "fontTitle1": { "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, - "fontWeight": 400, - "lineHeight": "32px", - "margin": "0 0 24px 0", + "fontWeight": 500, + "lineHeight": 28, }, }, "fontTitle2": { @@ -344751,14 +347491,264 @@ 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": 17, + "fontWeight": 700, + "lineHeight": 24, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": 24, + }, + }, + "searchFontGreenURL": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, + }, + "searchFontParagraphBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "searchFontSearchBigText": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "searchFontSearchBigTextBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 16, + "fontWeight": 700, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "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": 12, + "fontWeight": 400, + "lineHeight": 16, + }, + }, + "searchFontSearchCaption2MailSans": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "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": 18, + }, + "regular": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 500, + "lineHeight": 18, + }, + }, + "searchFontSearchHeadline2": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "searchFontSearchSubheadBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 700, + "lineHeight": 18, + }, + "regular": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 700, + "lineHeight": 18, + }, + }, + "searchFontSearchTextBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 700, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "searchFontSearchTextMailSans": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "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, }, @@ -344889,15 +347879,12 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonLargeHeight": { - "regular": 48, + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 52, - "compactX": 64, - "large": 64, - "largeX": 64, - "largeXX": 64, - "regular": 52, + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -344906,7 +347893,8 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "regular": 32, + "compact": 16, + "regular": 20, }, "sizeButtonSliderHeight": { "regular": 24, @@ -344918,7 +347906,8 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "regular": 40, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -344956,35 +347945,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "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, + "compact": 104, + "regular": 130, }, "sizeDivPadding": { "regular": 4, @@ -345022,49 +347985,6 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "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, }, @@ -345077,23 +347997,13 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeIconUI": { - "compact": 20, - "compactX": 20, - "large": 24, - "largeX": 24, - "largeXX": 24, - "regular": 20, + "regular": 16, }, "sizeIllustrationL": { "regular": 144, }, "sizeIllustrationM": { - "compact": 48, - "compactX": 96, - "large": 96, - "largeX": 96, - "largeXX": 96, - "regular": 48, + "regular": 96, }, "sizeIllustrationS": { "regular": 48, @@ -345102,12 +348012,7 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 72, }, "sizeIllustrationXXL": { - "compact": 280, - "compactX": 280, - "large": 380, - "largeX": 560, - "largeXX": 560, - "regular": 360, + "regular": 228, }, "sizeLabelHorizontalMargin": { "regular": 16, @@ -345118,54 +348023,6 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "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, }, @@ -345284,8 +348141,8 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "promo", - "themeNameBase": "promo", + "themeName": "search", + "themeNameBase": "search", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -345295,20 +348152,8 @@ 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, @@ -345330,7 +348175,7 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` +exports[`shapshots todo theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -345348,6 +348193,34 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345362,6 +348235,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345390,6 +348277,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345404,6 +348305,48 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345502,6 +348445,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345558,18 +348515,74 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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, 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, #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": { @@ -345586,6 +348599,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #232324)", + }, + }, "colorBackgroundContrast": { "active": { "name": "--vkui--color_background_contrast--active", @@ -345600,6 +348627,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345614,6 +348655,34 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345628,6 +348697,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345659,15 +348742,43 @@ exports[`shapshots pulse 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.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, #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": { @@ -345684,18 +348795,60 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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.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, #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": { @@ -345726,6 +348879,34 @@ exports[`shapshots pulse 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", @@ -345740,6 +348921,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345754,63 +348949,189 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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, 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))", }, }, - "colorFieldBorderAlpha": { + "colorBackgroundWarningTintThemed": { "active": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", }, "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", }, "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", }, }, - "colorHeaderBackground": { + "colorBackgroundWarningTintThemedAlpha": { "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", + "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_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "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_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", }, }, - "colorIconAccent": { + "colorButtonContrast": { "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #006FEF)", + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", }, "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", }, "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", }, }, - "colorIconAccentThemed": { + "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)", @@ -345838,6 +349159,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -345992,6 +349327,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -346051,15 +349400,29 @@ exports[`shapshots pulse 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.56))", + "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.52))", + "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.48))", + "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": { @@ -346076,6 +349439,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -346090,6 +349467,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -346104,6 +349495,34 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -346230,6 +349649,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -346314,6 +349747,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -346384,6 +349831,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_primary, #2C2D2E)", }, }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, + }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", @@ -346412,6 +349873,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_secondary, #87898F)", }, }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, + }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", @@ -346440,6 +349915,132 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -346510,6 +350111,20 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -346530,15 +350145,23 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "elevation1": { "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0px 4px 12px rgba(18, 25, 43, 0.12))", + "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, 0px 4px 20px rgba(18, 25, 43, 0.2))", + "value": "var(--vkui--elevation2, 0 2px 0 0 rgba(0,16,61, 0.04))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px rgba(18, 25, 43, 0.28))", + "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))", }, "fontCaption1": { "auto": { @@ -346562,7 +350185,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -346608,7 +350231,7 @@ exports[`shapshots pulse 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, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -346654,7 +350277,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -346700,7 +350323,7 @@ exports[`shapshots pulse 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, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -346746,7 +350369,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -346792,7 +350415,7 @@ exports[`shapshots pulse 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, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -346816,17 +350439,187 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, }, }, + "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, MailSans, Arial, 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, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, - "fontFamilyMedia": { - "name": "--vkui--font_family_media", - "value": "var(--vkui--font_family_media, Georgia, serif)", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -346850,7 +350643,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -346896,7 +350689,7 @@ exports[`shapshots pulse 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, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -346920,393 +350713,291 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, }, }, - "fontHeadline1": { + "fontH0": { "auto": { "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", }, "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", }, "lineHeight": { - "name": "--vkui--font_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 16px)", + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", }, "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", + "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_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 15px)", + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", }, "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, }, - "fontHeadline2": { + "fontH1": { "auto": { "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", }, "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 15px)", + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", + "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_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 14px)", + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", }, "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, }, - "fontMediaHeader": { + "fontH2": { "auto": { "fontFamily": { - "name": "--vkui--font_media_header--font_family", - "value": "var(--vkui--font_media_header--font_family)", + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", }, "fontSize": { - "name": "--vkui--font_media_header--font_size", - "value": "var(--vkui--font_media_header--font_size)", + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--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)", + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", }, "lineHeight": { - "name": "--vkui--font_media_header--line_height", - "value": "var(--vkui--font_media_header--line_height)", + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--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)", + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", }, "lineHeight": { - "name": "--vkui--font_media_header--line_height--compact", - "value": "var(--vkui--font_media_header--line_height--compact, 48px)", + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_media_header--font_family--regular", - "value": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", + "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_media_header--font_size--regular", - "value": "var(--vkui--font_media_header--font_size--regular, 36px)", + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", }, "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)", + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_media_header--line_height--regular", - "value": "var(--vkui--font_media_header--line_height--regular, 44px)", + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, - "fontMediaLead": { + "fontHeadline": { "auto": { "fontFamily": { - "name": "--vkui--font_media_lead--font_family", - "value": "var(--vkui--font_media_lead--font_family)", + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", }, "fontSize": { - "name": "--vkui--font_media_lead--font_size", - "value": "var(--vkui--font_media_lead--font_size)", + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--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)", + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", }, "lineHeight": { - "name": "--vkui--font_media_lead--line_height", - "value": "var(--vkui--font_media_lead--line_height)", + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--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)", + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, "lineHeight": { - "name": "--vkui--font_media_lead--line_height--compact", - "value": "var(--vkui--font_media_lead--line_height--compact, 32px)", + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_media_lead--font_family--regular", - "value": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", + "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_media_lead--font_size--regular", - "value": "var(--vkui--font_media_lead--font_size--regular, 19px)", + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", }, "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)", + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_media_lead--line_height--regular", - "value": "var(--vkui--font_media_lead--line_height--regular, 28px)", + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, }, - "fontMediaParagraph": { + "fontHeadline1": { "auto": { "fontFamily": { - "name": "--vkui--font_media_paragraph--font_family", - "value": "var(--vkui--font_media_paragraph--font_family)", + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", }, "fontSize": { - "name": "--vkui--font_media_paragraph--font_size", - "value": "var(--vkui--font_media_paragraph--font_size)", + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--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)", + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_media_paragraph--line_height", - "value": "var(--vkui--font_media_paragraph--line_height)", + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--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)", + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, "lineHeight": { - "name": "--vkui--font_media_title1--line_height", - "value": "var(--vkui--font_media_title1--line_height)", + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_media_title1--font_family--regular", - "value": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", + "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_media_title1--font_size--regular", - "value": "var(--vkui--font_media_title1--font_size--regular, 28px)", + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", }, "fontWeight": { - "name": "--vkui--font_media_title1--font_weight--regular", - "value": "var(--vkui--font_media_title1--font_weight--regular, 500)", + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--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--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, }, - "fontMediaTitle2": { + "fontHeadline2": { "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)", + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", }, "fontSize": { - "name": "--vkui--font_media_title2--font_size--regular", - "value": "var(--vkui--font_media_title2--font_size--regular, 24px)", + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", }, "fontWeight": { - "name": "--vkui--font_media_title2--font_weight--regular", - "value": "var(--vkui--font_media_title2--font_weight--regular, 500)", + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", }, "lineHeight": { - "name": "--vkui--font_media_title2--line_height--regular", - "value": "var(--vkui--font_media_title2--line_height--regular, 32px)", + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", }, }, - }, - "fontMediaTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_media_title3--font_family", - "value": "var(--vkui--font_media_title3--font_family)", - }, + "compact": { "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)", + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", }, "lineHeight": { - "name": "--vkui--font_media_title3--line_height", - "value": "var(--vkui--font_media_title3--line_height)", + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_media_title3--font_family--regular", - "value": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", + "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_media_title3--font_size--regular", - "value": "var(--vkui--font_media_title3--font_size--regular, 20px)", + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", }, "fontWeight": { - "name": "--vkui--font_media_title3--font_weight--regular", - "value": "var(--vkui--font_media_title3--font_weight--regular, 500)", + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--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--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, }, @@ -347332,7 +351023,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -347368,17 +351059,9 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, }, "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)", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", @@ -347388,11 +351071,11 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, 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", - "value": "var(--vkui--font_subhead--font_size--regular, 13px)", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--regular", @@ -347426,21 +351109,21 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 16px)", + "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, 22px)", + "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, Arial, sans-serif)", + "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, 15px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -347474,7 +351157,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, MailSans, 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", @@ -347512,7 +351195,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, MailSans, 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", @@ -347550,7 +351233,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, MailSans, 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", @@ -347572,7 +351255,11 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "fontWeightAccent2": { "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 400)", + "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", @@ -347580,113 +351267,95 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "fontWeightBase2": { "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 400)", + "value": "var(--vkui--font_weight_base2, 700)", }, - "gradientSkeleton": { - "name": "--vkui--gradient_skeleton", - "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #E9E9E9, #F5F5F5))", + "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)", }, - "prefix": { - "name": "--vkui--prefix", - "value": "var(--vkui--prefix, vkui)", + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "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)", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, - "normal": { - "name": "--vkui--pulse_color_accent_yellow", - "value": "var(--vkui--pulse_color_accent_yellow, #FFD400)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "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)", + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, - "normal": { - "name": "--vkui--pulse_color_background_purple", - "value": "var(--vkui--pulse_color_background_purple, #684CE1)", + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "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))", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "normal": { - "name": "--vkui--pulse_color_overlay_viewer", - "value": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "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))", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "normal": { - "name": "--vkui--pulse_color_purple_alpha", - "value": "var(--vkui--pulse_color_purple_alpha, rgba(66, 0, 255, 0.08))", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "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))", + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, - "normal": { - "name": "--vkui--pulse_color_white_blue_alpha", - "value": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.9))", + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "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)", + "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": { @@ -347695,7 +351364,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 60px)", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, "sizeAvatarM": { @@ -347705,7 +351374,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 40px)", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, "sizeAvatarS": { @@ -347718,6 +351387,16 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -347728,1868 +351407,1415 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "sizeBadge": { + "sizeBadgeL": { "auto": { - "name": "--vkui--size_badge", - "value": "var(--vkui--size_badge)", + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, "regular": { - "name": "--vkui--size_badge--regular", - "value": "var(--vkui--size_badge--regular, 20px)", + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "sizeBorderRadius": { + "sizeBadgeM": { "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "sizeBorderRadiusCard": { + "sizeBadgeS": { "auto": { - "name": "--vkui--size_border_radius_card", - "value": "var(--vkui--size_border_radius_card)", + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, "regular": { - "name": "--vkui--size_border_radius_card--regular", - "value": "var(--vkui--size_border_radius_card--regular, 12px)", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "sizeBorderRadiusLarge": { + "sizeBadgeXL": { "auto": { - "name": "--vkui--size_border_radius_large", - "value": "var(--vkui--size_border_radius_large)", + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, "regular": { - "name": "--vkui--size_border_radius_large--regular", - "value": "var(--vkui--size_border_radius_large--regular, 12px)", + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "sizeBorderRadiusPill": { + "sizeBadgeXS": { "auto": { - "name": "--vkui--size_border_radius_pill", - "value": "var(--vkui--size_border_radius_pill)", + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, "regular": { - "name": "--vkui--size_border_radius_pill--regular", - "value": "var(--vkui--size_border_radius_pill--regular, 100px)", + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "sizeBorderRadiusSmall": { + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { "auto": { - "name": "--vkui--size_border_radius_small", - "value": "var(--vkui--size_border_radius_small)", + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, "regular": { - "name": "--vkui--size_border_radius_small--regular", - "value": "var(--vkui--size_border_radius_small--regular, 4px)", + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "sizeButtonCircleLarge": { + "sizeBasePadding": { "auto": { - "name": "--vkui--size_button_circle_large", - "value": "var(--vkui--size_button_circle_large)", + "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_button_circle_large--regular", - "value": "var(--vkui--size_button_circle_large--regular, 44px)", + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", }, }, - "sizeButtonCircleMedium": { + "sizeBasePaddingHorizontal": { "auto": { - "name": "--vkui--size_button_circle_medium", - "value": "var(--vkui--size_button_circle_medium)", + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, "regular": { - "name": "--vkui--size_button_circle_medium--regular", - "value": "var(--vkui--size_button_circle_medium--regular, 40px)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "sizeButtonCircleSmall": { + "sizeBasePaddingVertical": { "auto": { - "name": "--vkui--size_button_circle_small", - "value": "var(--vkui--size_button_circle_small)", + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, "regular": { - "name": "--vkui--size_button_circle_small--regular", - "value": "var(--vkui--size_button_circle_small--regular, 32px)", + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "sizeButtonLargeHeight": { + "sizeBorder1x": { "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 40px)", + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "sizeButtonMediumHeight": { + "sizeBorder2x": { "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 32px)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "sizeButtonPaddingHorizontal": { + "sizeBorder3x": { "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "sizeButtonPaddingHorizontalLarge": { + "sizeBorderRadius": { "auto": { - "name": "--vkui--size_button_padding_horizontal_large", - "value": "var(--vkui--size_button_padding_horizontal_large)", + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal_large--regular", - "value": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "sizeButtonSmallHeight": { + "sizeBorderRadiusPaper": { "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 24px)", + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, - "sizeCardgridGapSpaceLarge": { + "sizeBorderRadiusPromo": { "auto": { - "name": "--vkui--size_cardgrid_gap_space_large", - "value": "var(--vkui--size_cardgrid_gap_space_large)", + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, "regular": { - "name": "--vkui--size_cardgrid_gap_space_large--regular", - "value": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "sizeCardgridGapSpaceMedium": { + "sizeBorderRadiusRounded": { "auto": { - "name": "--vkui--size_cardgrid_gap_space_medium", - "value": "var(--vkui--size_cardgrid_gap_space_medium)", + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, "regular": { - "name": "--vkui--size_cardgrid_gap_space_medium--regular", - "value": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "sizeFieldHeight": { + "sizeBorderWidthAccent": { "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "sizeFieldHorizontalPadding": { + "sizeBorderWidthAccentSecondary": { "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, - "sizeIconUILarge": { + "sizeBorderWidthBar": { "auto": { - "name": "--vkui--size_icon_u_i_large", - "value": "var(--vkui--size_icon_u_i_large)", + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, "regular": { - "name": "--vkui--size_icon_u_i_large--regular", - "value": "var(--vkui--size_icon_u_i_large--regular, 20px)", + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "sizeIconUIMedium": { + "sizeBorderWidthTab": { "auto": { - "name": "--vkui--size_icon_u_i_medium", - "value": "var(--vkui--size_icon_u_i_medium)", + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, "regular": { - "name": "--vkui--size_icon_u_i_medium--regular", - "value": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "sizeListItemHeight": { + "sizeBulletMargin": { "auto": { - "name": "--vkui--size_list_item_height", - "value": "var(--vkui--size_list_item_height)", + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, "regular": { - "name": "--vkui--size_list_item_height--regular", - "value": "var(--vkui--size_list_item_height--regular, 44px)", + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "sizePageHorizontalPadding": { + "sizeButtonBaseLargePaddingHorizontal": { "auto": { - "name": "--vkui--size_page_horizontal_padding", - "value": "var(--vkui--size_page_horizontal_padding)", + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, "regular": { - "name": "--vkui--size_page_horizontal_padding--regular", - "value": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "sizePopupLarge": { + "sizeButtonBaseLargePaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 800px)", + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "sizePopupMedium": { + "sizeButtonBaseMediumPaddingHorizontal": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 360px)", + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "sizeTag": { + "sizeButtonBaseMediumPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_tag", - "value": "var(--vkui--size_tag)", + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_tag--regular", - "value": "var(--vkui--size_tag--regular, 24px)", + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", - }, - "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", - }, - "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", - }, - "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", + "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)", + }, }, - "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "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)", + }, }, - "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "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)", + }, }, - "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "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)", + }, }, - "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "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)", + }, }, - "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "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)", + }, }, - "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "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)", + }, }, - "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "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)", + }, }, - "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "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)", + }, }, - "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", + }, }, - "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "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)", + }, }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "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)", + }, }, - "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": { + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "fontCaption1Caps": { + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "fontCaption2": { + "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": { - "fontFamily": "Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "fontCaption2Caps": { + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "fontCaption3": { + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "fontCaption3Caps": { + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "fontFamilyAccent": "MailSans, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyMedia": "Georgia, serif", - "fontFootnote": { + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "fontFootnoteCaps": { + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "16px", - "lineHeight": "20px", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 500, - "lineHeight": "20px", + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, }, - "fontMediaHeader": { - "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "40px", - "lineHeight": "48px", + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "36px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, }, - "fontMediaLead": { - "compact": { - "fontSize": "22px", - "letterSpacing": "-0.003em", - "lineHeight": "32px", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "letterSpacing": "0px", - "lineHeight": "28px", + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "fontMediaParagraph": { - "compact": { - "fontSize": "19px", - "fontWeight": 400, - "lineHeight": "32px", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, "regular": { - "fontFamily": "Georgia, serif", - "fontSize": "18px", - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "fontMediaTitle1": { + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "36px", + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "fontMediaTitle2": { + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", }, }, - "fontMediaTitle3": { + "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": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "28px", + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, - "fontParagraph": { + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", }, }, - "fontSubhead": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", }, }, - "fontText": { - "compact": { - "fontSize": "16px", - "lineHeight": "22px", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", }, }, - "fontTitle1": { + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", }, }, - "fontTitle2": { + "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, 48px)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", }, }, - "fontTitle3": { + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, }, - "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", + "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)", + }, }, - "pulseColorBackgroundPurple": { - "active": "#6047D4", - "hover": "#644ADA", - "normal": "#684CE1", + "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)", + }, }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", + "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)", + }, }, - "pulseColorPurpleAlpha": { - "active": "rgba(66, 0, 255, 0.16)", - "hover": "rgba(66, 0, 255, 0.12)", - "normal": "rgba(66, 0, 255, 0.08)", + "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)", + }, }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.98)", - "hover": "rgba(226, 236, 255, 0.9400000000000001)", - "normal": "rgba(226, 236, 255, 0.9)", + "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)", + }, }, - "pulseZIndexDropdown": "100px", - "pulseZIndexFixed": "120px", - "pulseZIndexModal": "140px", - "pulseZIndexModalBackdrop": "130px", - "pulseZIndexSticky": "110px", - "pulseZIndexTooltip": "150px", - "sizeAvatarL": { - "regular": "60px", + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", }, - "sizeAvatarM": { - "regular": "40px", + "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)", + }, }, - "sizeAvatarS": { - "regular": "32px", + "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)", + }, }, - "sizeAvatarXS": { - "regular": "24px", + "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)", + }, }, - "sizeBadge": { - "regular": "20px", + "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)", + }, }, - "sizeBorderRadius": { - "regular": "8px", + "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)", + }, }, - "sizeBorderRadiusCard": { - "regular": "12px", + "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)", + }, }, - "sizeBorderRadiusLarge": { - "regular": "12px", + "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)", + }, }, - "sizeBorderRadiusPill": { - "regular": "100px", + "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)", + }, }, - "sizeBorderRadiusSmall": { - "regular": "4px", + "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)", + }, }, - "sizeButtonCircleLarge": { - "regular": "44px", + "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)", + }, }, - "sizeButtonCircleMedium": { - "regular": "40px", + "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)", + }, }, - "sizeButtonCircleSmall": { - "regular": "32px", + "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)", + }, }, - "sizeButtonLargeHeight": { - "regular": "40px", + "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)", + }, }, - "sizeButtonMediumHeight": { - "regular": "32px", + "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)", + }, }, - "sizeButtonPaddingHorizontal": { - "regular": "12px", + "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)", + }, }, - "sizeButtonPaddingHorizontalLarge": { - "regular": "16px", + "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)", + }, }, - "sizeButtonSmallHeight": { - "regular": "24px", + "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)", + }, }, - "sizeCardgridGapSpaceLarge": { - "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)", + }, }, - "sizeCardgridGapSpaceMedium": { - "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)", + }, }, - "sizeFieldHeight": { - "regular": "40px", + "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)", + }, }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "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)", + }, }, - "sizeIconUILarge": { - "regular": "20px", + "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)", + }, }, - "sizeIconUIMedium": { - "regular": "16px", + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, }, - "sizeListItemHeight": { - "regular": "44px", + "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)", + }, }, - "sizePageHorizontalPadding": { - "regular": "16px", + "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)", + }, }, - "sizePopupLarge": { - "regular": "800px", + "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)", + }, }, - "sizePopupMedium": { - "regular": "360px", + "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)", + }, }, - "sizeTag": { - "regular": "24px", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "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)", + }, }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "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)", + }, }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "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)", + }, }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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)", + }, }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "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)", + }, }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "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)", + }, }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "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)", + }, }, - "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "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))", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "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)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "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))", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #0CB465)", - "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "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))", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #F0F1F3)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "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))", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", - "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", - "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, todo)", }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #EBDFA4)", - "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", - "normal": "var(--vkui--color_background_warning, #FFF1AD)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, todo)", }, - "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))", + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "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))", + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #FFFFFF)", + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "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)", + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "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)", + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "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))", + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", }, - "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)", + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "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))", + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "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))", + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", }, - "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))", + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", }, - "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", }, - "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))", + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", }, - "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", }, - "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))", + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", }, - "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)", + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", }, - "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)", + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", }, - "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))", + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", +} +`; + +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, + }, }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077ff)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#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)", + "colorAccentBlue": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#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)", + "colorAccentCyan": { + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #0CB465)", - "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#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", + "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", @@ -349625,6 +352851,11 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "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", @@ -349645,31 +352876,76 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "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", "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundContentInverse": { + "active": "#202126", + "hover": "#222225", + "normal": "#232324", + }, "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", @@ -349681,19 +352957,44 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "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", @@ -349705,20 +353006,80 @@ exports[`shapshots pulse 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", "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)", @@ -349745,6 +353106,11 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", + }, "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -349800,6 +353166,11 @@ exports[`shapshots pulse theme should match root 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)", @@ -349821,25 +353192,50 @@ exports[`shapshots pulse theme should match root 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": "#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)", @@ -349885,6 +353281,11 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { "active": "#0068E2", "hover": "#006CE9", @@ -349915,6 +353316,11 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "hover": "#006CE9", "normal": "#0070f0", }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71AAEB", + }, "colorTextLinkVisited": { "active": "#4B85D2", "hover": "#4F8AD9", @@ -349940,6 +353346,11 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "hover": "#2A2C2F", "normal": "#2C2D2E", }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, "colorTextPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", @@ -349950,6 +353361,11 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "hover": "#82848C", "normal": "#87898F", }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, "colorTextSubhead": { "active": "#6F727B", "hover": "#74767D", @@ -349960,6 +353376,51 @@ exports[`shapshots pulse theme should match root 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", @@ -349985,27 +353446,34 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` "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": "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", - "fontSize": 12, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 12, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", "lineHeight": "16px", @@ -350014,16 +353482,16 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 11, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 11, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", "lineHeight": "14px", @@ -350032,20534 +353500,17472 @@ exports[`shapshots pulse theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 9, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 9, + "fontFamily": "Helvetica, 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", + "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", - "fontSize": 13, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, }, - "fontHeadline1": { + "fontH0": { "compact": { - "fontSize": 16, - "lineHeight": "20px", + "fontSize": "44px", + "lineHeight": "52px", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": "32px", }, }, - "fontHeadline2": { + "fontH1": { "compact": { - "fontSize": 15, - "lineHeight": "20px", + "fontSize": "32px", + "lineHeight": "36px", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": "28px", }, }, - "fontMediaHeader": { + "fontH2": { "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 40, - "lineHeight": "48px", + "fontSize": "28px", + "lineHeight": "32px", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 36, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", + "lineHeight": "26px", }, }, - "fontMediaLead": { + "fontHeadline": { "compact": { - "fontSize": 22, - "letterSpacing": "-0.003em", - "lineHeight": "32px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 19, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "letterSpacing": 0, - "lineHeight": "28px", + "lineHeight": "20px", }, }, - "fontMediaParagraph": { + "fontHeadline1": { "compact": { - "fontSize": 19, - "fontWeight": 400, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Georgia, serif", - "fontSize": 18, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "fontSize": "15px", + "lineHeight": "20px", }, - }, - "fontMediaTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 28, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": "36px", + "lineHeight": "20px", }, }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": "32px", + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", }, - }, - "fontMediaTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontSubhead": { "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, + "fontSize": "13px", "lineHeight": "18px", }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": 16, - "lineHeight": "22px", + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", }, }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 17, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", }, }, "fontWeightAccent1": 500, - "fontWeightAccent2": 400, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, "fontWeightBase1": 700, - "fontWeightBase2": 400, - "gradientSkeleton": "linear-gradient(110deg, #E9E9E9, #F5F5F5)", + "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": "#EBC405", - "hover": "#F5CC02", - "normal": "#FFD400", + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", }, - "pulseColorBackgroundPurple": { - "active": "#6047D4", - "hover": "#644ADA", - "normal": "#684CE1", + "sizeArrowHeight": { + "regular": "8px", }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", + "sizeArrowPadding": { + "regular": "12px", }, - "pulseColorPurpleAlpha": { - "active": "rgba(66, 0, 255, 0.16)", - "hover": "rgba(66, 0, 255, 0.12)", - "normal": "rgba(66, 0, 255, 0.08)", + "sizeArrowPromo": { + "regular": "40px", }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.98)", - "hover": "rgba(226, 236, 255, 0.9400000000000001)", - "normal": "rgba(226, 236, 255, 0.9)", + "sizeArrowWidth": { + "regular": "12px", }, - "pulseZIndexDropdown": 100, - "pulseZIndexFixed": 120, - "pulseZIndexModal": 140, - "pulseZIndexModalBackdrop": 130, - "pulseZIndexSticky": 110, - "pulseZIndexTooltip": 150, - "sizeAvatarL": { - "regular": 60, + "sizeAttributeMargin": { + "regular": "4px", + }, + "sizeAvatarL": { + "regular": "96px", }, "sizeAvatarM": { - "regular": 40, + "regular": "48px", }, "sizeAvatarS": { - "regular": 32, + "regular": "32px", + }, + "sizeAvatarXL": { + "regular": "128px", }, "sizeAvatarXS": { - "regular": 24, + "regular": "24px", }, - "sizeBadge": { - "regular": 20, + "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": 8, + "regular": "8px", }, - "sizeBorderRadiusCard": { - "regular": 12, + "sizeBorderRadiusPaper": { + "regular": "12px", }, - "sizeBorderRadiusLarge": { - "regular": 12, + "sizeBorderRadiusPromo": { + "regular": "20px", }, - "sizeBorderRadiusPill": { - "regular": 100, + "sizeBorderRadiusRounded": { + "regular": "48px", }, - "sizeBorderRadiusSmall": { - "regular": 4, + "sizeBorderWidthAccent": { + "regular": "8px", }, - "sizeButtonCircleLarge": { - "regular": 44, + "sizeBorderWidthAccentSecondary": { + "regular": "8px", }, - "sizeButtonCircleMedium": { - "regular": 40, + "sizeBorderWidthBar": { + "regular": "4px", }, - "sizeButtonCircleSmall": { - "regular": 32, + "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": 40, + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "regular": 32, + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonMorePadding": { + "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "compact": "16px", + "regular": "20px", }, - "sizeButtonPaddingHorizontalLarge": { - "regular": 16, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { + "regular": "12px", + }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": 24, + "compact": "28px", + "regular": "30px", }, - "sizeCardgridGapSpaceLarge": { - "regular": 20, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", }, - "sizeCardgridGapSpaceMedium": { - "regular": 16, + "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", + }, + "sizeControlButtonWidthMin": { + "compact": "104px", + "regular": "130px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", }, "sizeFieldHeight": { - "regular": 40, + "compact": "48px", + "regular": "40px", + }, + "sizeFieldHorizontalMargin": { + "regular": "20px", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "12px", }, - "sizeIconUILarge": { - "regular": 20, + "sizeFieldSetMargin": { + "regular": "32px", }, - "sizeIconUIMedium": { - "regular": 16, + "sizeFieldVerticalMargin": { + "regular": "24px", }, - "sizeListItemHeight": { - "regular": 44, + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", }, - "sizePageHorizontalPadding": { - "regular": 16, + "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": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "32px", + "regular": "20px", + }, + "sizePopupHeaderPadding": { + "compact": "24px", + "regular": "16px", }, "sizePopupLarge": { - "regular": 800, + "regular": "880px", + }, + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", }, "sizePopupMedium": { - "regular": 360, + "regular": "680px", }, - "sizeTag": { - "regular": 24, + "sizePopupSmall": { + "regular": "430px", }, - "themeInheritsFrom": "paradigm", - "themeName": "pulse", - "themeNameBase": "pulse", - "themeType": "root", + "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": "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 cssVars snapshot 1`] = ` +exports[`shapshots todo 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, #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)", - }, + "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, #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": "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, #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": "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, #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": "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, #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)", - }, + "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, #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": "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, #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)", - }, + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "normal": "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)", - }, + "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, #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": "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, #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)", - }, + "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(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": "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, #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": "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, #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)", - }, + "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, #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": "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, #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": "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.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))", - }, + "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, #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": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #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": "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, #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": "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, #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": "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, #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": "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.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))", - }, + "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, #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": "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.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))", - }, + "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, #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": "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(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": "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, #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": "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, #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": "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.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))", - }, + "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))", }, - "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))", - }, + "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": { - "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": "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, #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)", - }, + "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, #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": "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, #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": "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, #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": "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, #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": "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(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": "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, #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": "var(--vkui--color_icon_negative--active, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330a)", }, "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": "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, #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": "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, #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": "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, #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": "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(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": "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, #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": "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(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": "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(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": "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, #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": "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(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": "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, #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": "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, #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)", - }, + "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, #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": "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, #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": "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, 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": "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, #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": "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, #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": "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, #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": "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, #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)", - }, + "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, #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": "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, #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": "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, #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": "var(--vkui--color_stroke_negative--active, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330a)", }, "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": "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, #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)", - }, + "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, #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": "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, #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": "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, #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": "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, #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)", - }, + "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": { - "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": "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, #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": "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": { - "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": "var(--vkui--color_text_muted--active, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "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": "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, #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": "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, #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": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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": "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, #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": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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": "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, #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": "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": { - "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": "var(--vkui--color_track_background--active, #C9CCD3)", + "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", + "normal": "var(--vkui--color_track_background, #DADCE0)", }, "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": "var(--vkui--color_track_buffer--active, #799EDC)", + "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "normal": "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)", - }, + "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": { - "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)", - }, + "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": { - "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": "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": { - "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))", + "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 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, 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)", }, - "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))", + }, + "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)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + "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)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", + "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)", + }, }, - "elevation1": { - "name": "--vkui--elevation1", - "value": "var(--vkui--elevation1, 0px 16px 48px rgba(0, 0, 0, 0.28))", + "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)", + }, }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 16px 48px rgba(0, 0, 0, 0.48))", + "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)", + }, }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px rgba(0, 0, 0, 0.64))", + "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)", + }, }, - "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)", - }, + "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": { - "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)", - }, + "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)", }, }, - "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)", - }, - }, + "fontDisplayTitle3": { "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)", - }, + "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)", }, }, - "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)", - }, - }, + "fontDisplayTitle4": { "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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)", }, }, - "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)", - }, - }, + "fontH0": { "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)", - }, + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "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)", - }, + "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": { - "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)", - }, - }, + "fontH1": { "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)", - }, + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "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)", - }, + "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": { - "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)", - }, - }, + "fontH2": { "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)", - }, + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "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)", - }, + "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": { - "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)", - }, - }, + "fontHeadline": { "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)", - }, + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "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_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": { - "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)", - }, - }, + "fontHeadline1": { "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)", - }, + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "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_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)", }, }, - "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)", - }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "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_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": { - "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)", - }, + "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": { - "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)", - }, + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "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)", - }, + "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": { - "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)", - }, + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "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, 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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", + "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": "var(--vkui--size_arrow--regular, 8px)", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 400)", + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 400)", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "gradientSkeleton": { - "name": "--vkui--gradient_skeleton", - "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #292929, #383838))", + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", + "sizeAttributeMargin": { + "regular": "var(--vkui--size_attribute_margin--regular, 4px)", }, - "prefix": { - "name": "--vkui--prefix", - "value": "var(--vkui--prefix, vkui)", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "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)", - }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "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)", - }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "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))", - }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "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))", - }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "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))", - }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "pulseZIndexDropdown": { - "name": "--vkui--pulse_z_index_dropdown", - "value": "var(--vkui--pulse_z_index_dropdown, 100px)", + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "pulseZIndexFixed": { - "name": "--vkui--pulse_z_index_fixed", - "value": "var(--vkui--pulse_z_index_fixed, 120px)", + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, - "pulseZIndexModal": { - "name": "--vkui--pulse_z_index_modal", - "value": "var(--vkui--pulse_z_index_modal, 140px)", + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "pulseZIndexModalBackdrop": { - "name": "--vkui--pulse_z_index_modal_backdrop", - "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "pulseZIndexSticky": { - "name": "--vkui--pulse_z_index_sticky", - "value": "var(--vkui--pulse_z_index_sticky, 110px)", + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", }, - "pulseZIndexTooltip": { - "name": "--vkui--pulse_z_index_tooltip", - "value": "var(--vkui--pulse_z_index_tooltip, 150px)", + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", }, - "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)", - }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, - "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)", - }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, - "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)", - }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", }, - "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)", - }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, - "sizeBadge": { - "auto": { - "name": "--vkui--size_badge", - "value": "var(--vkui--size_badge)", - }, - "regular": { - "name": "--vkui--size_badge--regular", - "value": "var(--vkui--size_badge--regular, 20px)", - }, + "sizeBorder3x": { + "regular": "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)", - }, + "regular": "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)", - }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--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)", - }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, - "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)", - }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "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)", - }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, - "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)", - }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, - "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)", - }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", }, - "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)", - }, + "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": { - "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)", - }, + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "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)", - }, + "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": { - "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)", - }, + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, - "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)", - }, + "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": { - "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)", - }, + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, - "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)", - }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "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)", - }, + "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": { - "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": "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": { - "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": "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)", - }, + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, - "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)", - }, + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, - "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)", - }, + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "sizeTag": { - "auto": { - "name": "--vkui--size_tag", - "value": "var(--vkui--size_tag)", - }, - "regular": { - "name": "--vkui--size_tag--regular", - "value": "var(--vkui--size_tag--regular, 24px)", - }, + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, paradigm)", + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, pulseDark)", + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, pulse)", + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, - "themeType": "cssVars", + "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 pixelify 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#1482FF", - "hover": "#0A7CFF", + "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", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContentInverse": { + "active": "#202126", + "hover": "#222225", "normal": "#232324", }, "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)", }, - "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "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": "#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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", + }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", - "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", - "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", - "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", - "fontWeight": 400, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Georgia, serif", - "fontSize": "18px", - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "fontSize": 15, + "lineHeight": 20, }, - }, - "fontMediaTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "28px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "36px", + "lineHeight": 20, }, }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, }, - }, - "fontMediaTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontSubhead": { "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "fontSize": 13, + "lineHeight": 18, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": "16px", - "lineHeight": "22px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, "fontWeight": 500, - "lineHeight": "26px", + "lineHeight": 26, }, }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "17px", + "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": "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, }, - "sizeAvatarXS": { - "regular": "24px", + "sizeAvatarXL": { + "regular": 128, }, - "sizeBadge": { - "regular": "20px", + "sizeAvatarXS": { + "regular": 24, }, - "sizeBorderRadius": { - "regular": "8px", + "sizeBadgeL": { + "regular": 44, }, - "sizeBorderRadiusCard": { - "regular": "12px", + "sizeBadgeM": { + "regular": 24, }, - "sizeBorderRadiusLarge": { - "regular": "12px", + "sizeBadgeS": { + "regular": 16, }, - "sizeBorderRadiusPill": { - "regular": "100px", + "sizeBadgeXL": { + "regular": 56, }, - "sizeBorderRadiusSmall": { - "regular": "4px", + "sizeBadgeXS": { + "regular": 12, }, - "sizeButtonCircleLarge": { - "regular": "44px", + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, }, - "sizeButtonCircleMedium": { - "regular": "40px", + "sizeBasePadding": { + "compact": 20, + "regular": 16, }, - "sizeButtonCircleSmall": { - "regular": "32px", + "sizeBasePaddingHorizontal": { + "regular": 16, }, - "sizeButtonLargeHeight": { - "regular": "40px", + "sizeBasePaddingVertical": { + "regular": 12, }, - "sizeButtonMediumHeight": { - "regular": "32px", + "sizeBorder1x": { + "regular": 1, }, - "sizeButtonPaddingHorizontal": { - "regular": "12px", + "sizeBorder2x": { + "regular": 0.5, }, - "sizeButtonPaddingHorizontalLarge": { - "regular": "16px", + "sizeBorder3x": { + "regular": 0.33, }, - "sizeButtonSmallHeight": { - "regular": "24px", + "sizeBorderRadius": { + "regular": 8, }, - "sizeCardgridGapSpaceLarge": { - "regular": "20px", + "sizeBorderRadiusPaper": { + "regular": 12, }, - "sizeCardgridGapSpaceMedium": { - "regular": "16px", + "sizeBorderRadiusPromo": { + "regular": 20, }, - "sizeFieldHeight": { - "regular": "40px", + "sizeBorderRadiusRounded": { + "regular": 48, }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "sizeBorderWidthAccent": { + "regular": 8, }, - "sizeIconUILarge": { - "regular": "20px", + "sizeBorderWidthAccentSecondary": { + "regular": 8, }, - "sizeIconUIMedium": { - "regular": "16px", + "sizeBorderWidthBar": { + "regular": 4, }, - "sizeListItemHeight": { - "regular": "44px", + "sizeBorderWidthTab": { + "regular": 2, }, - "sizePageHorizontalPadding": { - "regular": "16px", + "sizeBulletMargin": { + "regular": 12, }, - "sizePopupLarge": { - "regular": "800px", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, }, - "sizePopupMedium": { - "regular": "360px", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, }, - "sizeTag": { - "regular": "24px", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, }, - "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)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "sizeButtonGroupGapMedium": { + "regular": 12, }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "sizeButtonGroupGapSmall": { + "regular": 8, }, - "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)", + "sizeButtonGroupGapSpace": { + "regular": 1, }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, }, - "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)", + "sizeButtonMinimumWidth": { + "regular": 80, }, - "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))", + "sizeButtonMorePadding": { + "regular": 8, }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #2B2B2C)", - "hover": "var(--vkui--color_background--hover, #222223)", - "normal": "var(--vkui--color_background, #19191A)", + "sizeButtonPaddingHorizontal": { + "compact": 16, + "regular": 20, }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "sizeButtonSliderHeight": { + "regular": 24, }, - "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)", + "sizeButtonSliderWidth": { + "regular": 12, }, - "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)", + "sizeButtonSliderWidthPointer": { + "regular": 16, }, - "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))", + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #353536)", - "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_content, #232324)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, }, - "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, }, - "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))", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, }, - "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, }, - "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, }, - "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)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, }, - "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))", + "sizeCardBorderRadius": { + "regular": 16, }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #20C774)", - "hover": "var(--vkui--color_background_positive--hover, #17C46E)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "sizeCardgridPadding": { + "regular": 12, }, - "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))", + "sizeCardgridPaddingVertical": { + "regular": 8, }, - "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", - "hover": "var(--vkui--color_background_secondary--hover, #333333)", - "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + "sizeCheckBorderRadius": { + "regular": 4, }, - "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))", + "sizeCheckbox": { + "regular": 16, }, - "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #363636)", - "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - "normal": "var(--vkui--color_background_tertiary, #252525)", + "sizeChoiceMargin": { + "regular": 8, }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #785C14)", - "hover": "var(--vkui--color_background_warning--hover, #72550A)", - "normal": "var(--vkui--color_background_warning, #6C4E00)", + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, }, - "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))", + "sizeDivPadding": { + "regular": 4, }, - "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))", + "sizeDotBullet": { + "regular": 4, }, - "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "sizeDotClickable": { + "regular": 12, }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "sizeDotIndicate": { + "regular": 8, }, - "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)", + "sizeFieldHeight": { + "compact": 48, + "regular": 40, }, - "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "sizeFieldHorizontalMargin": { + "regular": 20, }, - "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)", + "sizeFieldHorizontalPadding": { + "regular": 12, }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + "sizeFieldSetMargin": { + "regular": 32, }, - "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))", + "sizeFieldVerticalMargin": { + "regular": 24, }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "sizeFormItemPaddingVertical": { + "regular": 12, }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, }, - "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)", + "sizeIconMargin": { + "compact": 8, + "regular": 12, }, - "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, }, - "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))", + "sizeIconUI": { + "regular": 16, }, - "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "sizeIllustrationL": { + "regular": 144, }, - "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))", + "sizeIllustrationM": { + "regular": 96, }, - "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))", + "sizeIllustrationS": { + "regular": 48, }, - "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "sizeIllustrationXM": { + "regular": 72, }, - "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))", + "sizeIllustrationXXL": { + "regular": 228, }, - "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "sizeLabelHorizontalMargin": { + "regular": 16, }, - "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))", + "sizeLabelVerticalMargin": { + "regular": 4, }, - "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)", + "sizeLabelWidth": { + "regular": 184, }, - "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)", + "sizeMenuMargin": { + "regular": 2, }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #282829)", - "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - "normal": "var(--vkui--color_separator_primary, #151516)", + "sizeMenuPadding": { + "regular": 8, }, - "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))", + "sizeOptionHierarchy": { + "regular": 32, }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "sizePopupBasePadding": { + "compact": 32, + "regular": 20, }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "sizePopupHeaderPadding": { + "compact": 24, + "regular": 16, }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "sizePopupLarge": { + "regular": 880, }, - "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)", + "sizePopupMargin": { + "compact": 24, + "regular": 8, }, - "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "sizePopupMedium": { + "regular": 680, }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "sizePopupSmall": { + "regular": 430, }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "sizeProgress": { + "regular": 4, }, - "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "sizeProgressScroll": { + "regular": 12, }, - "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)", + "sizePromoButtonClose": { + "regular": 32, }, - "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "sizeSearchHeight": { + "compact": 32, + "regular": 36, }, - "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)", + "sizeSelectIconPadding": { + "compact": 6, + "regular": 7, }, - "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "sizeSliceBottomPadding": { + "regular": 60, }, - "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)", + "sizeSliceTopPadding": { + "regular": 40, }, - "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)", + "sizeSplitColPaddingHorizontal": { + "regular": 16, }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "sizeSubnavigationBarGap": { + "regular": 8, }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "sizeSwitchPin": { + "compact": 18, + "regular": 20, }, - "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)", + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "sizeTabMargin": { + "regular": 8, }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", - "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + "sizeTabPadding": { + "regular": 16, }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #7F8185)", - "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", - "normal": "var(--vkui--color_text_tertiary, #74767A)", + "sizeTableHorizontalPadding": { + "regular": 16, }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #525354)", - "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", - "normal": "var(--vkui--color_track_background, #434445)", + "sizeTableVerticalPadding": { + "regular": 16, }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", - "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "sizeTagMargin": { + "regular": 8, }, - "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)", + "sizeTagPadding": { + "regular": 8, }, - "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)", + "sizeTipMargin": { + "regular": 4, }, - "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)", + "sizeTooltipMargin": { + "regular": 8, }, - "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))", + "sizeVerticalPadding": { + "regular": 0, }, - "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)", - }, + "sizeWysiwygIcon": { + "regular": 14, }, - "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)", - }, + "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 tutoria theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "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)", - }, + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "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)", + "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.4, 0, 0.2, 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)", }, }, - "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)", + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, - "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)", + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, - "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)", + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, - "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)", + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, - "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_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, - "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_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, - "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)", + "colorAccentOrangeFire": { + "active": { + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", }, - "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_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)", }, }, - "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)", + "colorAccentOrangePeach": { + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", }, - "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_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)", }, }, - "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)", + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, - "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_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, - "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)", + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, - "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)", + "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)", }, }, - "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)", + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, - "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)", + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", }, }, - "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)", + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, - "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_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, - "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", }, - "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_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, - "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)", + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, - "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)", + "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))", }, }, - "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)", + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ebedf0)", }, }, - "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)", + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #66ADFF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #3392FF)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", + }, }, - "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)", + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, }, - "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))", + "colorBackgroundAccentThemed": { + "active": { + "name": "--vkui--color_background_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", + }, }, - "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))", + "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))", + }, + "hover": { + "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_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + }, }, - "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))", + "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)", + }, }, - "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)", + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #E9ECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F4F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", + }, }, - "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 40px)", + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #19191A)", + }, }, - "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #E9ECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F4F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", + }, }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, }, - "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", + "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.20))", + }, }, - "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, }, "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": { + "name": "--vkui--color_background_modal_inverse--active", + "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, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + }, }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FFB3B5)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF666B)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #FF4046)", + }, }, "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)", + "active": { + "name": "--vkui--color_background_negative_tint--active", + "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, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #66E394)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #34DA71)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #02D14E)", + }, }, - "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.36)", - "hover": "rgba(13, 194, 104, 0.32)", - "normal": "rgba(13, 194, 104, 0.28)", + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #D4D9DE)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E9ECEF)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #E9ECEF)", + }, }, "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, 0, 0, 0.12))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "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, 0, 0, 0.04))", + }, }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "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.11))", + }, + "hover": { + "name": "--vkui--color_background_tertiary_alpha--hover", + "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.03))", + }, }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF2D6)", + }, }, - "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.36)", - "hover": "rgba(255, 158, 0, 0.32)", - "normal": "rgba(255, 158, 0, 0.28)", + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, + }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, + }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, + }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #f2f3f5)", + }, }, "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, 0, 0, 0.36))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "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, 0, 0, 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, }, "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": { + "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, #778292)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #818c99)", + }, }, "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(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.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #EB3C45)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #F53E46)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #FF4046)", + }, }, "colorIconPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #02C24D)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #02C94D)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #02D14E)", + }, }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #161A20)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #171B1F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #181B1E)", + }, }, "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, #555D69)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #58616B)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #5C646D)", + }, }, "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(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.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + }, }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #8794A4)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #939FAD)", + }, }, "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(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.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "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, #E8910E)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F2960C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FC9C0A)", + }, }, "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, 0, 0, 0.16))", + }, + "hover": { + "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_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, }, "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, 28, 61, 0.16))", + }, + "hover": { + "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_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, }, "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.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.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": { + "name": "--vkui--color_search_field_background--active", + "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, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", + }, + }, + "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": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #D6DAE1)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #E0E3E8)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #E9ECEF)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, }, "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, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #E0E3E8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #EAECF0)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #F4F5F7)", + }, }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, }, "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, #EB3C45)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #F53E46)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #FF4046)", + }, }, "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)", + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #02C24D)", }, "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #02C94D)", }, "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #02D14E)", }, }, - "colorAccentBlue": { + "colorTabbarTextInactive": { "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", }, "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", }, "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, }, - "colorAccentCyan": { + "colorTextAccent": { "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #006FEF)", }, "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #0077FF)", }, }, - "colorAccentGray": { + "colorTextAccentThemed": { "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", }, "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, - "colorAccentGreen": { + "colorTextContrast": { "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, - "colorAccentLime": { + "colorTextContrastThemed": { "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A9E971)", + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, - "colorAccentOrange": { + "colorTextLink": { "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, - "colorAccentOrangeFire": { + "colorTextLinkThemed": { "active": { - "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #2978D3)", }, "hover": { - "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", }, "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", }, }, - "colorAccentOrangePeach": { + "colorTextLinkTint": { "active": { - "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", }, "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, - "colorAccentPink": { + "colorTextLinkVisited": { "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #EB367F)", + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #437DC1)", }, "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F53782)", + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", }, "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #FF3985)", + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, - "colorAccentPurple": { + "colorTextMuted": { "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #815DEF)", + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #8C64FF)", + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2c2d2e)", }, }, - "colorAccentRaspberryPink": { + "colorTextNegative": { "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #EB3C45)", }, "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #F53E46)", }, "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #FF4046)", }, }, - "colorAccentRed": { + "colorTextPositive": { "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA300E)", + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #02C24D)", }, "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #02C94D)", }, "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #02D14E)", }, }, - "colorAccentSecondary": { + "colorTextPrimary": { "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #161A20)", }, "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #171B1F)", }, "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #181B1E)", }, }, - "colorAccentViolet": { + "colorTextPrimaryAlpha": { "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, - "colorActionSheetText": { + "colorTextPrimaryInvariably": { "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", }, "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", }, "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, - "colorAvatarOverlay": { + "colorTextSecondary": { "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #555D69)", }, "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #58616B)", }, "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #5C646D)", }, }, - "colorAvatarOverlayInverseAlpha": { + "colorTextSecondaryAlpha": { "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, - "colorBackground": { + "colorTextSubhead": { "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, - "colorBackgroundAccent": { + "colorTextTertiary": { "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #006FEF)", + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #8794A4)", }, "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #8D99A9)", }, "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #939FAD)", }, }, - "colorBackgroundAccentAlternative": { + "colorTrackBackground": { "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, - "colorBackgroundAccentThemed": { + "colorTrackBuffer": { "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, - "colorBackgroundAccentThemedAlpha": { + "colorTransparent": { "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", }, "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", }, }, - "colorBackgroundAccentTint": { + "colorWriteBarIcon": { "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", }, "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, }, - "colorBackgroundAccentTintAlpha": { + "colorWriteBarInputBackground": { "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", }, "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", }, "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, }, - "colorBackgroundAccentTintThemed": { + "colorWriteBarInputBorder": { "active": { - "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, "hover": { - "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, "normal": { - "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, }, - "colorBackgroundAccentTintThemedAlpha": { + "colorWriteBarInputBorderAlpha": { "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))", + "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--color_background_accent_tint_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_themed_alpha--hover, rgba(0, 119, 255, 0.1))", + "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--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", }, }, - "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)", - }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", - }, + "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))", }, - "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)", - }, + "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))", }, - "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)", - }, + "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))", }, - "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))", - }, + "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))", }, - "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)", - }, + "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))", }, - "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", + "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)", + }, }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #E6EBF7)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + "regular": { + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, }, }, - "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)", + "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)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "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)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #303030)", + "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)", + }, + "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)", + }, }, }, - "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)", + "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)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "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)", + }, + "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, 600)", + }, + "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)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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)", + }, + "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)", + }, }, }, - "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))", + "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)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_negative_tint_alpha", - "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", + "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)", + }, + "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, 600)", + }, + "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)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed", - "value": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, }, }, - "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))", + "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)", + }, }, - "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))", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, }, - "normal": { - "name": "--vkui--color_background_negative_tint_themed_alpha", - "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 51, 10, 0.08))", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "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--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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #ECFAF3)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, }, }, - "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))", - }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", }, - "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)", - }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", }, - "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))", - }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, - "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "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)", + }, }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", + "regular": { + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, }, }, - "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))", + "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)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 16, 61, 0.06))", + "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)", + }, + "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)", + }, + "lineHeight": { + "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)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "regular": { + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, Roboto, 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, 24px)", + }, }, }, - "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))", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_sky_alpha", - "value": "var(--vkui--color_background_sky_alpha, rgba(204, 228, 255, 0.9))", + "regular": { + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, Roboto, 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, 24px)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #F6F7F8)", + "regular": { + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, Roboto, 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)", + }, }, }, - "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))", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", + "regular": { + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "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, 14px)", + }, + "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, 18px)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF1AD)", + "regular": { + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_warning_tint", - "value": "var(--vkui--color_background_warning_tint, #fffce0)", + "regular": { + "fontFamily": { + "name": "--vkui--font_text--font_family--regular", + "value": "var(--vkui--font_text--font_family--regular, Roboto, 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, 24px)", + }, }, }, - "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))", + "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)", + }, }, - "hover": { - "name": "--vkui--color_background_warning_tint_alpha--hover", - "value": "var(--vkui--color_background_warning_tint_alpha--hover, rgba(255, 241, 173, 0.52))", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_warning_tint_alpha", - "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 241, 173, 0.48))", + "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)", + }, }, - }, - "colorBackgroundWarningTintThemed": { - "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "regular": { + "fontFamily": { + "name": "--vkui--font_title1--font_family--regular", + "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, }, - "hover": { - "name": "--vkui--color_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + }, + "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_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, }, }, - "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))", + "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_warning_tint_themed_alpha", - "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", + "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)", + }, }, - }, - "colorButtonContrast": { - "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "regular": { + "fontFamily": { + "name": "--vkui--font_title3--font_family--regular", + "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, 16px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "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, 24px)", + }, }, - "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + }, + "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", + "value": "var(--vkui--size_arrow)", }, - "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "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))", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "normal": { - "name": "--vkui--color_button_contrast_alpha", - "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 1))", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "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)", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #0077ff)", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "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)", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #0077ff)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "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)", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #0077ff)", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "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)", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #ffffff)", + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "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))", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "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)", + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "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)", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "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)", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "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)", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "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)", + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "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)", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "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)", + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "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))", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(39, 43, 55, 0.5))", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA300E)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "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)", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #0DC268)", + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "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)", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "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)", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)", + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "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)", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, - "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))", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(39, 43, 55, 0.3))", + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "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)", + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "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))", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(39, 43, 55, 0.2))", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, }, - "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)", + "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_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "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))", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 16, 61, 0.08))", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, }, - "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)", + "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_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "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))", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 16, 61, 0.8))", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, }, - "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)", + "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_link_contrast", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "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))", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "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))", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "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)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "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)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "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)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "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)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 101px)", }, }, - "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)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, - "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)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 28px)", }, }, - "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)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "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))", + "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_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "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)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "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)", + "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_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "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)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "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)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "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)", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 8px)", }, }, - "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)", + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, }, - "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "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)", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "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)", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #0068E2)", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "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)", + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #0070f0)", + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "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)", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, - "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "regular": { + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", + }, + "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)", }, }, - "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #004EB1)", + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0050B6)", + "regular": { + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0053BB)", + }, + "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)", }, }, - "colorTextLinkThemed": { + "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)", + }, + "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)", + }, + }, + "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)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, tutoria)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, tutoria)", + }, + "themeType": "cssVars", + "tutoriaColorBackgroundAccentTint": { "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + "name": "--vkui--tutoria_color_background_accent_tint--active", + "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", }, "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", + "name": "--vkui--tutoria_color_background_accent_tint--hover", + "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", }, "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #0070f0)", + "name": "--vkui--tutoria_color_background_accent_tint", + "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", }, }, - "colorTextLinkTint": { + "tutoriaColorBackgroundContentInverse": { "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "name": "--vkui--tutoria_color_background_content_inverse--active", + "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", }, "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "name": "--vkui--tutoria_color_background_content_inverse--hover", + "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", }, "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", + "name": "--vkui--tutoria_color_background_content_inverse", + "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", }, }, - "colorTextLinkVisited": { + "tutoriaColorBackgroundInfo": { "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4D0452)", + "name": "--vkui--tutoria_color_background_info--active", + "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", }, "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #510453)", + "name": "--vkui--tutoria_color_background_info--hover", + "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", }, "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #540354)", + "name": "--vkui--tutoria_color_background_info", + "value": "var(--vkui--tutoria_color_background_info, #008DF2)", }, }, - "colorTextMuted": { + "tutoriaColorBackgroundInfoTint": { "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #34383E)", + "name": "--vkui--tutoria_color_background_info_tint--active", + "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", }, "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #37393E)", + "name": "--vkui--tutoria_color_background_info_tint--hover", + "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", }, "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #393B3E)", + "name": "--vkui--tutoria_color_background_info_tint", + "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", }, }, - "colorTextNegative": { + "tutoriaColorBackgroundNegativeTint": { "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA300E)", + "name": "--vkui--tutoria_color_background_negative_tint--active", + "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", }, "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "name": "--vkui--tutoria_color_background_negative_tint--hover", + "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", }, "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "name": "--vkui--tutoria_color_background_negative_tint", + "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", }, }, - "colorTextPositive": { + "tutoriaColorBackgroundNeutral": { "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #0CB465)", + "name": "--vkui--tutoria_color_background_neutral--active", + "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", }, "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #0CBB66)", + "name": "--vkui--tutoria_color_background_neutral--hover", + "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", }, "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #0DC268)", + "name": "--vkui--tutoria_color_background_neutral", + "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", }, }, - "colorTextPrimary": { + "tutoriaColorBackgroundOverlayAlpha": { "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #282B2F)", + "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--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "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--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", + "name": "--vkui--tutoria_color_background_overlay_alpha", + "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", }, }, - "colorTextPrimaryAlpha": { + "tutoriaColorBackgroundPositiveTint": { "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "name": "--vkui--tutoria_color_background_positive_tint--active", + "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", }, "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "name": "--vkui--tutoria_color_background_positive_tint--hover", + "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", }, "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "name": "--vkui--tutoria_color_background_positive_tint", + "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", }, }, - "colorTextPrimaryInvariably": { + "tutoriaColorBackgroundPrimary": { "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", + "name": "--vkui--tutoria_color_background_primary--active", + "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", }, "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", + "name": "--vkui--tutoria_color_background_primary--hover", + "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", }, "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", + "name": "--vkui--tutoria_color_background_primary", + "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", }, }, - "colorTextSecondary": { + "tutoriaColorBackgroundWarning": { "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C7F88)", + "name": "--vkui--tutoria_color_background_warning--active", + "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", }, "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", + "name": "--vkui--tutoria_color_background_warning--hover", + "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", }, "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", + "name": "--vkui--tutoria_color_background_warning", + "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", }, }, - "colorTextSecondaryAlpha": { + "tutoriaColorBackgroundWarningTint": { "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "name": "--vkui--tutoria_color_background_warning_tint--active", + "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", }, "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "name": "--vkui--tutoria_color_background_warning_tint--hover", + "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", }, "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "name": "--vkui--tutoria_color_background_warning_tint", + "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", }, }, - "colorTextSubhead": { + "tutoriaColorCardBoxShadowAlpha": { "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", + "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--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", + "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--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", + "name": "--vkui--tutoria_color_card_box_shadow_alpha", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", }, }, - "colorTextTertiary": { + "tutoriaColorIconInfo": { "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "name": "--vkui--tutoria_color_icon_info--active", + "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "name": "--vkui--tutoria_color_icon_info--hover", + "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", + "name": "--vkui--tutoria_color_icon_info", + "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", }, }, - "colorThumbErrorBackgroundAlpha": { + "tutoriaColorIconLink": { "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--tutoria_color_icon_link--active", + "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", }, "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--tutoria_color_icon_link--hover", + "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "name": "--vkui--tutoria_color_icon_link", + "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", }, }, - "colorTooltipBackgroundBlueTint": { + "tutoriaColorIconWarning": { "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "name": "--vkui--tutoria_color_icon_warning--active", + "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", }, "hover": { - "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + "name": "--vkui--tutoria_color_icon_warning--hover", + "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + "name": "--vkui--tutoria_color_icon_warning", + "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", }, }, - "colorTooltipBackgroundGreenTint": { + "tutoriaColorSeparatorPrimaryAlpha": { "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "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--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + "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--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "name": "--vkui--tutoria_color_separator_primary_alpha", + "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", }, }, - "colorTooltipBackgroundOrangeTint": { + "tutoriaColorSeparatorSecondaryAlpha": { "active": { - "name": "--vkui--color_tooltip_background_orange_tint--active", - "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", + "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--color_tooltip_background_orange_tint--hover", - "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", + "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--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + "name": "--vkui--tutoria_color_separator_secondary_alpha", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", }, }, - "colorTooltipBackgroundPurpleTint": { + "tutoriaColorStrokeAccentTint": { "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "name": "--vkui--tutoria_color_stroke_accent_tint--active", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", }, "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "name": "--vkui--tutoria_color_stroke_accent_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", }, "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + "name": "--vkui--tutoria_color_stroke_accent_tint", + "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", }, }, - "colorTooltipTextBlueThemed": { + "tutoriaColorStrokeInfo": { "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "name": "--vkui--tutoria_color_stroke_info--active", + "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + "name": "--vkui--tutoria_color_stroke_info--hover", + "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + "name": "--vkui--tutoria_color_stroke_info", + "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", }, }, - "colorTooltipTextGreenThemed": { + "tutoriaColorStrokeInfoTint": { "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "name": "--vkui--tutoria_color_stroke_info_tint--active", + "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", }, "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + "name": "--vkui--tutoria_color_stroke_info_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", }, "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + "name": "--vkui--tutoria_color_stroke_info_tint", + "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", }, }, - "colorTooltipTextOrangeThemed": { + "tutoriaColorStrokeNegativeTint": { "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "name": "--vkui--tutoria_color_stroke_negative_tint--active", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", }, "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "name": "--vkui--tutoria_color_stroke_negative_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", }, "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "name": "--vkui--tutoria_color_stroke_negative_tint", + "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", }, }, - "colorTooltipTextPurpleThemed": { + "tutoriaColorStrokePositiveTint": { "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "name": "--vkui--tutoria_color_stroke_positive_tint--active", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", }, "hover": { - "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + "name": "--vkui--tutoria_color_stroke_positive_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", }, "normal": { - "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "name": "--vkui--tutoria_color_stroke_positive_tint", + "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", }, }, - "colorTrackBackground": { + "tutoriaColorStrokePrimary": { "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "name": "--vkui--tutoria_color_stroke_primary--active", + "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", }, "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "name": "--vkui--tutoria_color_stroke_primary--hover", + "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", }, "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "name": "--vkui--tutoria_color_stroke_primary", + "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", }, }, - "colorTrackBuffer": { + "tutoriaColorStrokeSecondary": { "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "name": "--vkui--tutoria_color_stroke_secondary--active", + "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", }, "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "name": "--vkui--tutoria_color_stroke_secondary--hover", + "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", }, "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "name": "--vkui--tutoria_color_stroke_secondary", + "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", }, }, - "colorTransparent": { + "tutoriaColorStrokeTertiary": { "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "name": "--vkui--tutoria_color_stroke_tertiary--active", + "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", }, "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "name": "--vkui--tutoria_color_stroke_tertiary--hover", + "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", }, "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "name": "--vkui--tutoria_color_stroke_tertiary", + "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", }, }, - "colorWriteBarIcon": { + "tutoriaColorStrokeWarning": { "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "name": "--vkui--tutoria_color_stroke_warning--active", + "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", }, "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "name": "--vkui--tutoria_color_stroke_warning--hover", + "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "name": "--vkui--tutoria_color_stroke_warning", + "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", }, }, - "colorWriteBarInputBackground": { + "tutoriaColorStrokeWarningTint": { "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", + "name": "--vkui--tutoria_color_stroke_warning_tint--active", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", }, "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", + "name": "--vkui--tutoria_color_stroke_warning_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", }, "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", + "name": "--vkui--tutoria_color_stroke_warning_tint", + "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", }, }, - "colorWriteBarInputBorder": { + "tutoriaColorTextInfo": { "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "name": "--vkui--tutoria_color_text_info--active", + "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "name": "--vkui--tutoria_color_text_info--hover", + "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", + "name": "--vkui--tutoria_color_text_info", + "value": "var(--vkui--tutoria_color_text_info, #008DF2)", }, }, - "colorWriteBarInputBorderAlpha": { + "tutoriaColorTextWarning": { "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--tutoria_color_text_warning--active", + "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", }, "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--tutoria_color_text_warning--hover", + "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", }, "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--tutoria_color_text_warning", + "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", }, }, - "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": { + "tutoriaFontTextTitle1": { "auto": { "fontFamily": { - "name": "--vkui--font_caption1--font_family", - "value": "var(--vkui--font_caption1--font_family)", + "name": "--vkui--tutoria_font_text_title1--font_family", + "value": "var(--vkui--tutoria_font_text_title1--font_family)", }, "fontSize": { - "name": "--vkui--font_caption1--font_size", - "value": "var(--vkui--font_caption1--font_size)", + "name": "--vkui--tutoria_font_text_title1--font_size", + "value": "var(--vkui--tutoria_font_text_title1--font_size)", }, "fontWeight": { - "name": "--vkui--font_caption1--font_weight", - "value": "var(--vkui--font_caption1--font_weight)", + "name": "--vkui--tutoria_font_text_title1--font_weight", + "value": "var(--vkui--tutoria_font_text_title1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_caption1--line_height", - "value": "var(--vkui--font_caption1--line_height)", + "name": "--vkui--tutoria_font_text_title1--line_height", + "value": "var(--vkui--tutoria_font_text_title1--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", + "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--font_caption1--font_size--regular", - "value": "var(--vkui--font_caption1--font_size--regular, 12px)", + "name": "--vkui--tutoria_font_text_title1--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title1--font_size--regular, 24px)", }, "fontWeight": { - "name": "--vkui--font_caption1--font_weight--regular", - "value": "var(--vkui--font_caption1--font_weight--regular, 400)", + "name": "--vkui--tutoria_font_text_title1--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + "name": "--vkui--tutoria_font_text_title1--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", }, }, }, - "fontCaption1Caps": { + "tutoriaFontTextTitle2": { "auto": { "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family", - "value": "var(--vkui--font_caption1_caps--font_family)", + "name": "--vkui--tutoria_font_text_title2--font_family", + "value": "var(--vkui--tutoria_font_text_title2--font_family)", }, "fontSize": { - "name": "--vkui--font_caption1_caps--font_size", - "value": "var(--vkui--font_caption1_caps--font_size)", + "name": "--vkui--tutoria_font_text_title2--font_size", + "value": "var(--vkui--tutoria_font_text_title2--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)", + "name": "--vkui--tutoria_font_text_title2--font_weight", + "value": "var(--vkui--tutoria_font_text_title2--font_weight)", }, "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--tutoria_font_text_title2--line_height", + "value": "var(--vkui--tutoria_font_text_title2--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_caption1_caps--font_family--regular", - "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "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--font_caption1_caps--font_size--regular", - "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", + "name": "--vkui--tutoria_font_text_title2--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title2--font_size--regular, 20px)", }, "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)", + "name": "--vkui--tutoria_font_text_title2--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", }, "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--tutoria_font_text_title2--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", }, }, }, - "fontCaption2": { + "tutoriaFontTextTitle3": { "auto": { "fontFamily": { - "name": "--vkui--font_caption2--font_family", - "value": "var(--vkui--font_caption2--font_family)", + "name": "--vkui--tutoria_font_text_title3--font_family", + "value": "var(--vkui--tutoria_font_text_title3--font_family)", }, "fontSize": { - "name": "--vkui--font_caption2--font_size", - "value": "var(--vkui--font_caption2--font_size)", + "name": "--vkui--tutoria_font_text_title3--font_size", + "value": "var(--vkui--tutoria_font_text_title3--font_size)", }, "fontWeight": { - "name": "--vkui--font_caption2--font_weight", - "value": "var(--vkui--font_caption2--font_weight)", + "name": "--vkui--tutoria_font_text_title3--font_weight", + "value": "var(--vkui--tutoria_font_text_title3--font_weight)", }, "lineHeight": { - "name": "--vkui--font_caption2--line_height", - "value": "var(--vkui--font_caption2--line_height)", + "name": "--vkui--tutoria_font_text_title3--line_height", + "value": "var(--vkui--tutoria_font_text_title3--line_height)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "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--font_caption2--font_size--regular", - "value": "var(--vkui--font_caption2--font_size--regular, 11px)", + "name": "--vkui--tutoria_font_text_title3--font_size--regular", + "value": "var(--vkui--tutoria_font_text_title3--font_size--regular, 16px)", }, "fontWeight": { - "name": "--vkui--font_caption2--font_weight--regular", - "value": "var(--vkui--font_caption2--font_weight--regular, 400)", + "name": "--vkui--tutoria_font_text_title3--font_weight--regular", + "value": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", }, "lineHeight": { - "name": "--vkui--font_caption2--line_height--regular", - "value": "var(--vkui--font_caption2--line_height--regular, 14px)", + "name": "--vkui--tutoria_font_text_title3--line_height--regular", + "value": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", }, }, }, - "fontCaption2Caps": { + "tutoriaLayoutMaxWidth": { "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--tutoria_layout_max_width", + "value": "var(--vkui--tutoria_layout_max_width)", }, "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)", - }, + "name": "--vkui--tutoria_layout_max_width--regular", + "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", }, }, - "fontCaption3": { + "tutoriaSizeButtonBaseLargeBorderRadius": { "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--tutoria_size_button_base_large_border_radius", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", }, "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)", - }, + "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", }, }, - "fontCaption3Caps": { + "tutoriaSizeButtonBaseMediumBorderRadius": { "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--tutoria_size_button_base_medium_border_radius", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", }, "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)", - }, + "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", }, }, - "fontDisplayTitle1": { + "tutoriaSizeButtonBaseSmallBorderRadius": { "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)", - }, + "name": "--vkui--tutoria_size_button_base_small_border_radius", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", }, "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)", - }, + "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", }, }, - "fontDisplayTitle2": { + "tutoriaSizePaddingCard": { "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)", - }, - }, + "name": "--vkui--tutoria_size_padding_card", + "value": "var(--vkui--tutoria_size_padding_card)", + }, "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)", - }, + "name": "--vkui--tutoria_size_padding_card--compact", + "value": "var(--vkui--tutoria_size_padding_card--compact, 16px)", }, "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)", - }, + "name": "--vkui--tutoria_size_padding_card--regular", + "value": "var(--vkui--tutoria_size_padding_card--regular, 24px)", }, }, - "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)", - }, - }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "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)", - }, - }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", +} +`; + +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", }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Arial, sans-serif)", + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, - "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)", - }, - }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, - "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)", - }, - }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, - "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)", - }, - }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, - "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)", - }, - }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, - "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)", - }, - }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", }, - "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)", - }, - }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, - "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)", - }, - }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, - "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)", - }, - }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, - "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)", - }, - }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, - "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)", - }, - }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, - "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)", - }, - }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, - "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)", - }, - }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, - "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)", - }, - }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, - "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)", - }, - }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "colorBackgroundAccent": { + "active": "#66ADFF", + "hover": "#3392FF", + "normal": "#0077FF", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 700)", + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, - "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%)", + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, - "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%)", + "colorBackgroundContent": { + "active": "#E9ECEF", + "hover": "#F4F5F7", + "normal": "#FFFFFF", }, - "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%)", + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, - "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%)", + "colorBackgroundContrast": { + "active": "#E9ECEF", + "hover": "#F4F5F7", + "normal": "#FFFFFF", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", + "colorBackgroundContrastInverse": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", }, - "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%))", + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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%))", + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, - "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)", - }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundModalInverse": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, - "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)", - }, + "colorBackgroundNegative": { + "active": "#FFB3B5", + "hover": "#FF666B", + "normal": "#FF4046", }, - "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)", - }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, - "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)", - }, + "colorBackgroundPositive": { + "active": "#66E394", + "hover": "#34DA71", + "normal": "#02D14E", }, - "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)", - }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, - "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)", - }, - }, + "colorBackgroundSecondary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#E9ECEF", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", + }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorFieldBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorFieldBorderAlpha": { + "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", + }, + "colorIconAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", + }, + "colorIconPositive": { + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", + }, + "colorIconPrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "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", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#E0E3E8", + "hover": "#EAECF0", + "normal": "#F4F5F7", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", + }, + "colorStrokePositive": { + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorTextAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", + }, + "colorTextPositive": { + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", + }, + "colorTextPrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "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 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": { "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)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "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)", - }, - "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)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 500, + "lineHeight": "16px", }, }, - "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)", - }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, + }, + "fontCaption2": { "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "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)", - }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, - "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)", - }, + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, + }, + "fontCaption3Caps": { "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", }, }, - "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)", - }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, + }, + "fontDisplayTitle2": { "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, - "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)", - }, - }, + "fontDisplayTitle3": { "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "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)", - }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, + }, + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { "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)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "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)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 500, + "lineHeight": "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)", - }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", }, + }, + "fontHeadline": { "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)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "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)", - }, + "fontHeadline1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "24px", }, - "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)", - }, + }, + "fontHeadline2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, + }, + "fontParagraph": { "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)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, - "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)", - }, + "fontSubhead": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 500, + "lineHeight": "18px", }, + }, + "fontText": { "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)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "24px", }, }, - "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)", - }, + "fontTitle1": { + "largeX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 600, + "lineHeight": "36px", }, - "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)", - }, + "largeXX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "40px", + "fontWeight": 600, + "lineHeight": "44px", }, "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)", - }, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "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)", - }, - }, + "fontTitle2": { "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)", - }, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "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)", - }, - }, + "fontTitle3": { "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)", - }, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "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)", - }, - "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)", - }, + "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": { - "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)", - }, + "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)", - }, + "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)", - }, + "regular": "40px", }, "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": "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "regular": "12px", }, "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": "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "regular": "48px", }, "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": "10px", }, "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": "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)", - }, + "regular": "8px", }, "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": "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)", - }, + "regular": "6px", }, "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": "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, - }, - "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": "101px", }, "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)", - }, + "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)", - }, + "regular": "28px", }, "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": "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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, 12px)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", }, - "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)", - }, + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "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)", - }, + "sizeFormItemPaddingVertical": { + "regular": "12px", }, - "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)", - }, + "sizeIconUI": { + "regular": "16px", }, - "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)", - }, - "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)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, - }, - "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)", - }, - }, - "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)", - }, + "sizeLabelHorizontalMargin": { + "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)", - }, + "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)", - }, + "compact": "48px", + "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)", - }, + "compact": "20px", + "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, 24px)", - }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", - }, + "compact": "16px", + "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)", - }, - }, - "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": "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)", - }, + "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)", - }, + "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)", - }, + "compact": "32px", + "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)", - }, + "compact": "7px", + "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)", - }, + "compact": "16px", + "regular": "24px", }, "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": "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)", - }, + "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)", - }, + "compact": "12px", + "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)", - }, + "compact": "18px", + "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)", - }, + "compact": "32px", + "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)", - }, - }, - "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)", + "regular": "8px", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "tutoria", + "themeNameBase": "tutoria", + "themeType": "pixelify", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, search)", + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, search)", + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.2)", }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", + "tutoriaColorStrokePositiveTint": { + "active": "#8CDBAD", + "hover": "#92E4B2", + "normal": "#98EDB7", }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", + "tutoriaColorStrokePrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", + "tutoriaColorStrokeSecondary": { + "active": "#C3C9D1", + "hover": "#CCD1D8", + "normal": "#D4D9DE", }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", + "tutoriaColorStrokeTertiary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", + "tutoriaColorStrokeWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", + "tutoriaColorStrokeWarningTint": { + "active": "#EAC795", + "hover": "#F4CF99", + "normal": "#FED79D", }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", + "tutoriaColorTextInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", + "tutoriaColorTextWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "tutoriaFontTextTitle3": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "20px", + }, }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "tutoriaLayoutMaxWidth": { + "regular": "1224px", }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": "8px", }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": "10px", }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": "12px", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "tutoriaSizePaddingCard": { + "compact": "16px", + "regular": "24px", }, + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots tutoria 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)", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "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))", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#06D4EA", - "hover": "#07DCF1", - "normal": "#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": "#989BA4", - "hover": "#9EA1A9", - "normal": "#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": "#0CB465", - "hover": "#0CBB66", - "normal": "#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": "#A9E971", - "hover": "#B1F373", - "normal": "#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": "#EB9305", - "hover": "#F59802", - "normal": "#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": "#DD5643", - "hover": "#E65944", - "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "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": "#EB367F", - "hover": "#F53782", - "normal": "#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": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "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": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "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": "#EB9305", - "hover": "#F59802", - "normal": "#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": "#B257E4", - "hover": "#B95AEC", - "normal": "#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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "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(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": "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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#EB9305", - "hover": "#F59802", - "normal": "#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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 255, 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": "#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)", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_content--active, #E9ECEF)", + "hover": "var(--vkui--color_background_content--hover, #F4F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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": "#2C2D31", - "hover": "#2E2F31", - "normal": "#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": "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.20))", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#2C2D31", - "hover": "#2E2F31", - "normal": "#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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "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": "#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)", + "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": "#0CB465", - "hover": "#0CBB66", - "normal": "#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": "#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": "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": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#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": "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)", + "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": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#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": "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(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": "#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": "var(--vkui--color_background_warning--active, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "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(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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#DFE1E6", - "hover": "#E8EAEE", - "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#858992", - "hover": "#8B8E95", - "normal": "#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": "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(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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#0CB465", - "hover": "#0CBB66", - "normal": "#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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#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": "#282B2F", - "hover": "#2A2C2F", - "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": "#989BA4", - "hover": "#9EA1A9", - "normal": "#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": "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(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": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#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": "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(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": "#EB9305", - "hover": "#F59802", - "normal": "#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": "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(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": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#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": "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(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": "#EBECEF", - "hover": "#F5F5F7", - "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.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.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))", }, "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#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": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#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": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#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": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#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": "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.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": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#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": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#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": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#0CB465", - "hover": "#0CBB66", - "normal": "#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": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#004EB1", - "hover": "#0050B6", - "normal": "#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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#689EDD", - "hover": "#6CA4E4", - "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": "#4D0452", - "hover": "#510453", - "normal": "#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": "#34383E", - "hover": "#37393E", - "normal": "#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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#0CB465", - "hover": "#0CBB66", - "normal": "#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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "var(--vkui--color_text_primary--active, #161A20)", + "hover": "var(--vkui--color_text_primary--hover, #171B1F)", + "normal": "var(--vkui--color_text_primary, #181B1E)", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#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": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "var(--vkui--color_text_secondary--active, #555D69)", + "hover": "var(--vkui--color_text_secondary--hover, #58616B)", + "normal": "var(--vkui--color_text_secondary, #5C646D)", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#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": "#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": "var(--vkui--color_text_tertiary--active, #8794A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #8D99A9)", + "normal": "var(--vkui--color_text_tertiary, #939FAD)", }, "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#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": "#799EDC", - "hover": "#7EA4E3", - "normal": "#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": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "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(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(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": "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)", + "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))", "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": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", + "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, 500)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "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)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "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)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "23px", - "fontWeight": 500, - "lineHeight": "28px", + "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)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "lineHeight": "22px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "21px", - "fontWeight": 500, - "lineHeight": "26px", + "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)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "lineHeight": "24px", + "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)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyFallbacks": "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": { - "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", + "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "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, 500)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, - "fontH2": { - "compact": { - "fontSize": "28px", - "lineHeight": "32px", - }, + "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "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, 24px)", }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "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, 24px)", }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "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)", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "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, 18px)", }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "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, 500)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "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, 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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "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, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "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, 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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "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": 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", + "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, 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(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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "searchColorBackgroundOrangeAccentActive": { - "active": "#E18D05", - "hover": "#EB9302", - "normal": "#F59800", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "searchColorBackgroundOrangeAccentHover": { - "active": "#EBA940", - "hover": "#F5AF40", - "normal": "#FFB640", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "searchColorTextLinkAlternativeHover": { - "active": "#DE641A", - "hover": "#E76719", - "normal": "#F16B17", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "searchColorTextLinkPositive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "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": "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", + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, "sizeAvatarXL": { - "regular": "128px", + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, "sizeAvatarXS": { - "regular": "24px", + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, "sizeBadgeL": { - "regular": "44px", + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, "sizeBadgeM": { - "regular": "24px", + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, "sizeBadgeS": { - "regular": "16px", + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, "sizeBadgeXL": { - "regular": "56px", + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, "sizeBadgeXS": { - "regular": "12px", - }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", - }, - "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, "sizeBorder1x": { - "regular": "1px", + "regular": "var(--vkui--size_border1x--regular, 1px)", }, "sizeBorder2x": { - "regular": "0.5px", + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, "sizeBorder3x": { - "regular": "0.33px", + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, "sizeBorderRadiusRounded": { - "regular": "48px", - }, - "sizeBorderWidthAccent": { - "regular": "8px", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "8px", - }, - "sizeBorderWidthBar": { - "regular": "4px", - }, - "sizeBorderWidthTab": { - "regular": "2px", - }, - "sizeBulletMargin": { - "regular": "12px", + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, "sizeButtonGroupGapSpace": { - "regular": "1px", - }, - "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": "80px", - }, - "sizeButtonMorePadding": { - "regular": "8px", + "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", - }, - "sizeButtonSliderHeight": { - "regular": "24px", - }, - "sizeButtonSliderWidth": { - "regular": "12px", - }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "var(--vkui--size_button_small_height--regular, 28px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "16px", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { - "regular": "12px", + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, "sizeCheckbox": { - "regular": "16px", + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "sizeChoiceMargin": { - "regular": "8px", + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "sizeDivPadding": { - "regular": "4px", + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "sizeDotBullet": { - "regular": "4px", + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "sizeDotClickable": { - "regular": "12px", + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "sizeDotIndicate": { - "regular": "8px", + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, - "sizeFieldHorizontalMargin": { - "regular": "20px", + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, - "sizeFieldSetMargin": { - "regular": "32px", + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "sizeFieldVerticalMargin": { - "regular": "24px", + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "sizeFormItemPaddingVertical": { - "regular": "12px", + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, - "sizeIconMargin": { - "compact": "8px", - "regular": "12px", + "sizeSplitColPaddingHorizontal": { + "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, - "sizeIconMorePadding": { - "compact": "8px", - "regular": "12px", + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "sizeIconUI": { - "regular": "16px", + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, - "sizeIllustrationL": { - "regular": "144px", + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, - "sizeIllustrationM": { - "regular": "96px", + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, - "sizeIllustrationS": { - "regular": "48px", + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, - "sizeIllustrationXM": { - "regular": "72px", + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "sizeIllustrationXXL": { - "regular": "228px", + "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)", }, - "sizeLabelHorizontalMargin": { - "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)", }, - "sizeLabelVerticalMargin": { - "regular": "4px", + "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)", }, - "sizeLabelWidth": { - "regular": "184px", + "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)", }, - "sizeMenuMargin": { - "regular": "2px", + "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)", }, - "sizeMenuPadding": { - "regular": "8px", + "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)", }, - "sizeOptionHierarchy": { - "regular": "32px", + "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))", }, - "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "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)", }, - "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "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)", }, - "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "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)", }, - "sizePopupLarge": { - "regular": "880px", + "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)", }, - "sizePopupMargin": { - "compact": "24px", - "regular": "8px", + "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))", }, - "sizePopupMedium": { - "regular": "680px", + "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)", }, - "sizePopupSmall": { - "regular": "430px", + "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)", }, - "sizeProgress": { - "regular": "4px", + "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)", }, - "sizeProgressScroll": { - "regular": "12px", + "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))", }, - "sizePromoButtonClose": { - "regular": "32px", + "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))", }, - "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "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)", }, - "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", + "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)", }, - "sizeSliceBottomPadding": { - "regular": "60px", + "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)", }, - "sizeSliceTopPadding": { - "regular": "40px", + "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)", }, - "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "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)", }, - "sizeSubnavigationBarGap": { - "regular": "8px", + "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)", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "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)", }, - "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "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)", }, - "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "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)", }, - "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "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)", }, - "sizeTabMargin": { - "regular": "8px", + "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)", }, - "sizeTabPadding": { - "regular": "16px", + "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)", }, - "sizeTableHorizontalPadding": { - "regular": "16px", + "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": "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": "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": "8px", + "tutoriaLayoutMaxWidth": { + "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", }, - "sizeTipMargin": { - "regular": "4px", + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", }, - "sizeTooltipMargin": { - "regular": "8px", + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", }, - "sizeVerticalPadding": { - "regular": "0px", + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", }, - "sizeWysiwygIcon": { - "regular": "14px", + "tutoriaSizePaddingCard": { + "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", + "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", }, - "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, - "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, + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots tutoria theme should match root 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))", - "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.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": "#006FEF", + "hover": "#0073F7", + "normal": "#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)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#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": "#11ECC4", + "hover": "#12F5CA", + "normal": "#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": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#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": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#A1E511", + "hover": "#A8EE0F", + "normal": "#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": "#EB9405", + "hover": "#F59A02", + "normal": "#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)", + "active": "#DD5643", + "hover": "#E65944", + "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": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#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": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#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)", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#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": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "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)", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#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": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "active": "#66ADFF", + "hover": "#3392FF", + "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "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)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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))", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "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, 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))", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "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": "#E9ECEF", + "hover": "#F4F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": "#17181D", + "hover": "#18191B", + "normal": "#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": "#E9ECEF", + "hover": "#F4F5F7", + "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "active": "#FFB3B5", + "hover": "#FF666B", + "normal": "#FF4046", }, "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))", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#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": "#66E394", + "hover": "#34DA71", + "normal": "#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": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#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": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#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))", - }, - "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))", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "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": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#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": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "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": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#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": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#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": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "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": "#DFE1E6", + "hover": "#E8EAEE", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#778292", + "hover": "#7C8795", + "normal": "#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": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#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": "#02C24D", + "hover": "#02C94D", + "normal": "#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": "#161A20", + "hover": "#171B1F", + "normal": "#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)", + "active": "#282B2F", + "hover": "#2A2C2F", + "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": "#555D69", + "hover": "#58616B", + "normal": "#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": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "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": "#8794A4", + "hover": "#8D99A9", + "normal": "#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": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "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": "#E8910E", + "hover": "#F2960C", + "normal": "#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": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "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": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#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": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "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.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "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": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "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)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#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": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#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": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#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": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "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": "#E0E3E8", + "hover": "#EAECF0", + "normal": "#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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#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": "#02C24D", + "hover": "#02C94D", + "normal": "#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)", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#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)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "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)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "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)", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#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)", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#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": "#437DC1", + "hover": "#4681C6", + "normal": "#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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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)", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#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": "#02C24D", + "hover": "#02C94D", + "normal": "#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": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "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": "#000105", + "hover": "#000102", + "normal": "#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": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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": "#64707F", + "hover": "#697482", + "normal": "#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": "#8794A4", + "hover": "#8D99A9", + "normal": "#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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#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": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "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)", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#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": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#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)", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#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": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "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))", + "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)", "fontCaption1": { + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, + }, "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 500, + "lineHeight": 16, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "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)", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, 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)", - }, - }, - "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)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, }, "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 500, + "lineHeight": 16, }, }, - "fontH2": { - "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", - }, + "fontFootnoteCaps": { "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", }, }, "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 24, }, }, "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 24, }, }, "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 500, + "lineHeight": 18, }, }, "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "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": "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, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, "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, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 24, + }, "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, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 24, }, }, - "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)", + "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, }, - "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)", + "sizeArrowPadding": { + "regular": 12, }, - "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)", + "sizeArrowPromo": { + "regular": 40, }, - "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)", + "sizeAvatarL": { + "regular": 96, }, - "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)", + "sizeAvatarM": { + "regular": 48, }, - "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)", - }, + "sizeAvatarS": { + "regular": 32, }, - "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)", - }, + "sizeAvatarXL": { + "regular": 128, }, - "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)", - }, + "sizeAvatarXS": { + "regular": 24, }, - "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)", - }, + "sizeBadgeL": { + "regular": 44, }, - "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)", - }, + "sizeBadgeM": { + "regular": 24, }, - "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)", - }, + "sizeBadgeS": { + "regular": 16, }, - "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)", - }, + "sizeBadgeXL": { + "regular": 56, }, - "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)", - }, - "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)", + "sizeBadgeXS": { + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "regular": 1, }, "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "regular": 20, }, "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)", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": 10, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": 8, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": 6, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "regular": 8, }, "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)", + "regular": 1, }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, - "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "regular": 101, }, "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": 12, }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "regular": 28, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 16px)", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "regular": 4, }, "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "regular": 16, }, - "sizeChoiceMargin": { - "regular": "var(--vkui--size_choice_margin--regular, 8px)", + "sizeFieldHeight": { + "compact": 36, + "regular": 44, }, - "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + "sizeFieldHorizontalPadding": { + "regular": 12, }, - "sizeDivPadding": { - "regular": "var(--vkui--size_div_padding--regular, 4px)", + "sizeFormItemPaddingVertical": { + "regular": 12, }, - "sizeDotBullet": { - "regular": "var(--vkui--size_dot_bullet--regular, 4px)", + "sizeIconUI": { + "regular": 16, }, - "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + "sizeLabelHorizontalMargin": { + "regular": 16, }, - "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + "sizeOptionHierarchy": { + "regular": 32, }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, }, - "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, }, - "sizeFieldSetMargin": { - "regular": "var(--vkui--size_field_set_margin--regular, 32px)", + "sizePopupLarge": { + "regular": 880, }, - "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "sizePopupMedium": { + "regular": 680, }, - "sizeFieldWidthMin": { - "compact": "var(--vkui--size_field_width_min--compact, 380px)", - "regular": "var(--vkui--size_field_width_min--regular, 328px)", + "sizePopupSmall": { + "regular": 430, }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "sizeSearchHeight": { + "compact": 32, + "regular": 36, }, - "sizeGrid": "var(--vkui--size_grid, 20px)", - "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, }, - "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 8px)", - "regular": "var(--vkui--size_icon_margin--regular, 12px)", + "sizeSplitColPaddingHorizontal": { + "compact": 16, + "regular": 24, }, - "sizeIconMorePadding": { - "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", - "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", + "sizeSubnavigationBarGap": { + "regular": 8, }, - "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, }, - "sizeIllustrationL": { - "regular": "var(--vkui--size_illustration_l--regular, 144px)", + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, }, - "sizeIllustrationM": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", + "sizeSwitchPin": { + "compact": 18, + "regular": 20, }, - "sizeIllustrationS": { - "regular": "var(--vkui--size_illustration_s--regular, 48px)", + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, }, - "sizeIllustrationXM": { - "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", + "sizeTooltipMargin": { + "regular": 8, }, - "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "tutoria", + "themeNameBase": "tutoria", + "themeType": "root", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", }, - "sizeLabelVerticalMargin": { - "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", }, - "sizeLabelWidth": { - "regular": "var(--vkui--size_label_width--regular, 184px)", + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", }, - "sizeMenuMargin": { - "regular": "var(--vkui--size_menu_margin--regular, 2px)", + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", }, - "sizeMenuPadding": { - "regular": "var(--vkui--size_menu_padding--regular, 8px)", + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", }, - "sizePopupMargin": { - "compact": "var(--vkui--size_popup_margin--compact, 24px)", - "regular": "var(--vkui--size_popup_margin--regular, 8px)", + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "sizeProgress": { - "regular": "var(--vkui--size_progress--regular, 4px)", + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "sizeProgressScroll": { - "regular": "var(--vkui--size_progress_scroll--regular, 12px)", + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.2)", }, - "sizePromoButtonClose": { - "regular": "var(--vkui--size_promo_button_close--regular, 32px)", + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", }, - "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", }, - "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "sizeSliceBottomPadding": { - "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", }, - "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", }, - "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "tutoriaColorStrokePositiveTint": { + "active": "#8CDBAD", + "hover": "#92E4B2", + "normal": "#98EDB7", }, - "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "tutoriaColorStrokePrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "tutoriaColorStrokeSecondary": { + "active": "#C3C9D1", + "hover": "#CCD1D8", + "normal": "#D4D9DE", }, - "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "tutoriaColorStrokeTertiary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", }, - "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "tutoriaColorStrokeWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "tutoriaColorStrokeWarningTint": { + "active": "#EAC795", + "hover": "#F4CF99", + "normal": "#FED79D", }, - "sizeTabMargin": { - "regular": "var(--vkui--size_tab_margin--regular, 8px)", + "tutoriaColorTextInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "tutoriaColorTextWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, }, - "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, }, - "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "tutoriaFontTextTitle3": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 20, + }, }, - "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "tutoriaLayoutMaxWidth": { + "regular": 1224, }, - "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": 8, }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": 10, }, - "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": 12, }, - "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "tutoriaSizePaddingCard": { + "compact": 16, + "regular": 24, }, - "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)", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots search theme should match root theme snapshot 1`] = ` +exports[`shapshots tutoriaDark theme should match cssVars 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, - }, + "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.4, 0, 0.2, 1))", }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, }, "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, }, "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, }, "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, }, "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": { + "name": "--vkui--color_accent_orange_peach--active", + "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, #F5B961)", + }, + "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, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, }, "colorAccentPurple": { - "active": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #8D7CEF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9380F7)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "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, #E65DBB)", + }, + "normal": { + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", + }, }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, }, "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, }, "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #9B4AEF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #A24CF7)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, }, "colorActionSheetText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, }, "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(0, 0, 0, 0.68))", + }, + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "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(0, 0, 0, 0.60))", + }, }, "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, #090A0E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #0A0A0C)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + }, }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": { + "name": "--vkui--color_background_accent_themed--active", + "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #ffffff)", + }, }, "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", + "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))", + }, }, - "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 0.06)", + "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)", + }, }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "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": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, }, "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, #282B2F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, }, "colorBackgroundInfoTint": { - "active": "#DDE2EF", - "hover": "#E6EBF7", - "normal": "#f0f4ff", + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #1A3652)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #1B3753)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", + }, }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #1A1C20)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", + }, }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + }, }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #F5595B)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ff5c5c)", + }, }, "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)", + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #4B2C2F)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #4F2D2F)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", + }, }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #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": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #2A3A2C)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #2C3C2C)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #202126)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #222225)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, }, "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)", + "active": { + "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_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #1D1F23)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #1F1F22)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, }, "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.11))", + }, + "hover": { + "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_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, 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": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #413018)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #443217)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", + }, }, "colorButtonIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #ffffff)", + }, }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #ffffff)", + }, }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #F5F5F7)", + }, + "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, #202126)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #222225)", + }, + "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, rgba(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "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(255, 255, 255, 0.12))", + }, }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #F5F5F7)", + }, + "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, #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": "#DFE1E6", - "hover": "#E8EAEE", - "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "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, #000102)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, }, "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #A2A4AC)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #A9ABB1)", + }, + "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(241, 247, 255, 0.74))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "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(241, 247, 255, 0.66))", + }, }, "colorIconNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #F5595B)", + }, + "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, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", + }, }, "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, #6D7075)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #717478)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #76787a)", + }, }, "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(241, 247, 255, 0.51))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "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(241, 247, 255, 0.43))", + }, }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #56595E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #595C60)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + }, }, "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(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.34))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + }, }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #DAA353)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #E4AA54)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #EDB055)", + }, }, "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, #27292D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #282A2D)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, }, "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(241, 247, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "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(241, 247, 255, 0.08))", + }, }, "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.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.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.40))", + }, }, "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(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": { + "name": "--vkui--color_search_field_background--active", + "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, #343538)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", + }, }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #5A5C61)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #5E6062)", + }, + "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, #323438)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #343538)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, }, "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #3F4145)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #414346)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, }, "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #4A4D51)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #505253)", + }, }, "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(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "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(255, 255, 255, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #121418)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #131417)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #202126)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #222225)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, }, "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", + }, }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #F5F5F7)", + }, + "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, #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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #F5595B)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + }, }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "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, #717478)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", + }, }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", + }, }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": { + "name": "--vkui--color_text_accent_themed--active", + "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, #F5F5F7)", + }, + "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, #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, #000105)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, }, "colorTextLink": { - "active": "#004EB1", - "hover": "#0050B6", - "normal": "#0053BB", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": { + "name": "--vkui--color_text_link_themed--active", + "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, #F5F5F7)", + }, + "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, #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": "#4D0452", - "hover": "#510453", - "normal": "#540354", + "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)", + }, }, "colorTextMuted": { - "active": "#34383E", - "hover": "#37393E", - "normal": "#393B3E", + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", + }, }, "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #F5595B)", + }, + "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, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e1e3e6)", + }, }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", - }, - "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", - }, - "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": "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": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": 16, - "textTransform": "uppercase", + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": 14, - "textTransform": "uppercase", + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #000105)", }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": 12, - "textTransform": "uppercase", + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 23, - "fontWeight": 500, - "lineHeight": 28, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #6D7075)", }, - }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "lineHeight": 22, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #717478)", }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 21, - "fontWeight": 500, - "lineHeight": 26, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "lineHeight": 24, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, - }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, - }, - "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, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, - "textTransform": "uppercase", + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #8A8F97)", }, - }, - "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #90949B)", }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, - "fontH1": { - "compact": { - "fontSize": 32, - "lineHeight": 36, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #56595E)", }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #595C60)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, - "fontH2": { - "compact": { - "fontSize": 28, - "lineHeight": 32, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #3F4246)", }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #424447)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", }, }, - "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #3B516E)", }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #3D5470)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "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)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #6D7075)", }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #717478)", }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, - "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #282B2F)", }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "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, #2c2d2e)", }, }, - "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #282B2F)", }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #2A2C2F)", }, - }, - "fontTitle1": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, }, - "fontTitle2": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "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))", }, - }, - "fontTitle3": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 22, + "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))", }, }, - "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", + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", }, - "searchColorBackgroundOrangeAccentActive": { - "active": "#E18D05", - "hover": "#EB9302", - "normal": "#F59800", + "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))", }, - "searchColorBackgroundOrangeAccentHover": { - "active": "#EBA940", - "hover": "#F5AF40", - "normal": "#FFB640", + "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))", }, - "searchColorTextLinkAlternativeHover": { - "active": "#DE641A", - "hover": "#E76719", - "normal": "#F16B17", + "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))", }, - "searchColorTextLinkPositive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "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))", }, - "searchColorTextLinkPositiveTint": { - "active": "#629D62", - "hover": "#66A363", - "normal": "#6AA965", + "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))", }, - "searchFontForAdvertisingBold": { + "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)", + }, + }, "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": 24, + "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": "Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": 24, + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, }, }, - "searchFontGreenURL": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "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)", + }, + "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": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "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)", + }, }, }, - "searchFontParagraphBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "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": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "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)", + }, + "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)", + }, }, }, - "searchFontSearchBigText": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "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)", + }, + "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": 16, - "fontWeight": 400, - "lineHeight": 20, + "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)", + }, + "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, 600)", + }, + "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)", + }, }, }, - "searchFontSearchBigTextBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": 20, + "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": 16, - "fontWeight": 400, - "lineHeight": 20, + "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)", + }, + "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)", + }, }, }, - "searchFontSearchCaption1Bold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 12, - "fontWeight": 700, - "lineHeight": 16, + "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)", + }, + "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": "Arial, sans-serif", - "fontSize": 12, - "fontWeight": 700, - "lineHeight": 16, + "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)", + }, + "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, 600)", + }, + "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)", + }, }, }, - "searchFontSearchCaption1MailSans": { - "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, - }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 16, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, }, }, - "searchFontSearchCaption2MailSans": { + "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": "MailSans, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, }, }, - "searchFontSearchExtraHeadline": { + "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": "Arial, sans-serif", - "fontSize": 24, - "fontWeight": 700, - "lineHeight": 28, + "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--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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, }, }, - "searchFontSearchFootnoteBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 700, - "lineHeight": 18, + "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": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 700, - "lineHeight": 18, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, }, }, - "searchFontSearchFootnoteMailSans": { + "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--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)", + }, + }, "compact": { - "fontFamily": "MailSans, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 500, - "lineHeight": 18, + "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": "MailSans, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 500, - "lineHeight": 18, + "fontFamily": { + "name": "--vkui--font_footnote--font_family--regular", + "value": "var(--vkui--font_footnote--font_family--regular, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, }, }, - "searchFontSearchHeadline2": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 20, + "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)", + }, + "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": 15, - "fontWeight": 400, - "lineHeight": 20, + "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)", + }, + "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)", + }, + "lineHeight": { + "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)", + }, }, }, - "searchFontSearchSubheadBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 700, - "lineHeight": 18, + "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": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 700, - "lineHeight": 18, + "fontFamily": { + "name": "--vkui--font_headline--font_family--regular", + "value": "var(--vkui--font_headline--font_family--regular, Roboto, 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, 24px)", + }, }, }, - "searchFontSearchTextBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 700, - "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)", + }, }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": { + "name": "--vkui--font_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, Roboto, 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, 24px)", + }, }, }, - "searchFontSearchTextMailSans": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "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)", + }, }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "fontFamily": { + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, Roboto, 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)", + }, }, }, - "searchFontSearchTitle4": { + "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": 18, - "fontWeight": 400, - "lineHeight": 24, + "fontFamily": { + "name": "--vkui--font_paragraph--font_family--regular", + "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, 14px)", + }, + "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, 18px)", + }, }, }, - "searchFontSearchTitle4Bold": { + "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": "Arial, sans-serif", - "fontSize": 18, - "fontWeight": 700, - "lineHeight": 24, + "fontFamily": { + "name": "--vkui--font_subhead--font_family--regular", + "value": "var(--vkui--font_subhead--font_family--regular, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, }, }, - "sizeArrow": { - "regular": 8, + "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, Roboto, 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, 24px)", + }, + }, }, - "sizeArrowHeight": { - "regular": 8, + "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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, }, - "sizeArrowPadding": { - "regular": 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, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, }, - "sizeArrowPromo": { - "regular": 40, + "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)", + }, + }, + "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)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 24px)", + }, + }, }, - "sizeArrowWidth": { - "regular": 12, + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", }, - "sizeAttributeMargin": { - "regular": 4, + "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", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, }, "sizeAvatarL": { - "regular": 96, + "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": 48, + "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": 32, + "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": 128, + "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": 24, + "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": 44, + "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": 24, + "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": 16, + "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": 56, + "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": 12, - }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, - }, - "sizeBasePadding": { - "compact": 20, - "regular": 16, + "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)", + }, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "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": 12, + "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": 1, + "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.5, + "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.33, + "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": 8, + "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": 12, + "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": 20, + "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": 48, - }, - "sizeBorderWidthAccent": { - "regular": 8, - }, - "sizeBorderWidthAccentSecondary": { - "regular": 8, - }, - "sizeBorderWidthBar": { - "regular": 4, - }, - "sizeBorderWidthTab": { - "regular": 2, - }, - "sizeBulletMargin": { - "regular": 12, + "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)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "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, 10px)", + }, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "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": 16, - }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "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, 8px)", + }, + }, + "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": { - "regular": 16, + "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, 6px)", + }, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "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": 12, + "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": 8, + "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": 1, - }, - "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "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": { - "compact": 36, - "regular": 44, + "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": 32, - "regular": 36, + "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": 80, - }, - "sizeButtonMorePadding": { - "regular": 8, + "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, 101px)", + }, }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, - }, - "sizeButtonSliderHeight": { - "regular": 24, - }, - "sizeButtonSliderWidth": { - "regular": 12, - }, - "sizeButtonSliderWidthPointer": { - "regular": 16, + "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": { - "compact": 28, - "regular": 30, + "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, 28px)", + }, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "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": 12, + "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": 12, + "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": 8, + "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": 12, + "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": 8, + "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": 16, + "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": { - "regular": 12, + "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": { - "regular": 8, + "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": 4, + "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": 16, - }, - "sizeChoiceMargin": { - "regular": 8, - }, - "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, - }, - "sizeDivPadding": { - "regular": 4, - }, - "sizeDotBullet": { - "regular": 4, - }, - "sizeDotClickable": { - "regular": 12, - }, - "sizeDotIndicate": { - "regular": 8, + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, - }, - "sizeFieldHorizontalMargin": { - "regular": 20, + "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": { - "regular": 12, - }, - "sizeFieldSetMargin": { - "regular": 32, - }, - "sizeFieldVerticalMargin": { - "regular": 24, - }, - "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "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": { - "regular": 12, - }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, - }, - "sizeIconMargin": { - "compact": 8, - "regular": 12, - }, - "sizeIconMorePadding": { - "compact": 8, - "regular": 12, + "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": { - "regular": 16, - }, - "sizeIllustrationL": { - "regular": 144, - }, - "sizeIllustrationM": { - "regular": 96, - }, - "sizeIllustrationS": { - "regular": 48, - }, - "sizeIllustrationXM": { - "regular": 72, - }, - "sizeIllustrationXXL": { - "regular": 228, + "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": { - "regular": 16, - }, - "sizeLabelVerticalMargin": { - "regular": 4, - }, - "sizeLabelWidth": { - "regular": 184, - }, - "sizeMenuMargin": { - "regular": 2, - }, - "sizeMenuPadding": { - "regular": 8, + "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": { - "regular": 32, + "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": 48, - "regular": 56, + "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": 32, - "regular": 20, + "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": { - "compact": 24, - "regular": 16, + "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": { - "regular": 880, - }, - "sizePopupMargin": { - "compact": 24, - "regular": 8, + "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": { - "regular": 680, + "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": 430, - }, - "sizeProgress": { - "regular": 4, - }, - "sizeProgressScroll": { - "regular": 12, - }, - "sizePromoButtonClose": { - "regular": 32, + "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": { - "compact": 32, - "regular": 36, + "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": 6, - "regular": 7, - }, - "sizeSliceBottomPadding": { - "regular": 60, - }, - "sizeSliceTopPadding": { - "regular": 40, + "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": { - "regular": 16, + "auto": { + "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)", + }, }, "sizeSubnavigationBarGap": { - "regular": 8, + "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": 12, + "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": 12, - "regular": 14, + "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": 18, - "regular": 20, + "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": 32, - "regular": 34, - }, - "sizeTabMargin": { - "regular": 8, - }, - "sizeTabPadding": { - "regular": 16, + "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)", + }, }, - "sizeTableHorizontalPadding": { - "regular": 16, + "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)", + }, }, - "sizeTableVerticalPadding": { - "regular": 16, + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "sizeTagMargin": { - "regular": 8, + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "sizeTagPadding": { - "regular": 8, + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "sizeTipMargin": { - "regular": 4, + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "sizeTooltipMargin": { - "regular": 8, + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "sizeVerticalPadding": { - "regular": 0, + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "sizeWysiwygIcon": { - "regular": 14, + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "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)", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, tutoriaDark)", }, - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, tutoria)", }, - "colorAccentAzure": { + "themeType": "cssVars", + "tutoriaColorBackgroundAccentTint": { "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "name": "--vkui--tutoria_color_background_accent_tint--active", + "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", }, "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "name": "--vkui--tutoria_color_background_accent_tint--hover", + "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", }, "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "name": "--vkui--tutoria_color_background_accent_tint", + "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", }, }, - "colorAccentBlue": { + "tutoriaColorBackgroundContentInverse": { "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "name": "--vkui--tutoria_color_background_content_inverse--active", + "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", }, "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "name": "--vkui--tutoria_color_background_content_inverse--hover", + "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", }, "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "name": "--vkui--tutoria_color_background_content_inverse", + "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", }, }, - "colorAccentCyan": { + "tutoriaColorBackgroundInfo": { "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", + "name": "--vkui--tutoria_color_background_info--active", + "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", }, "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", + "name": "--vkui--tutoria_color_background_info--hover", + "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", }, "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #07E5F9)", + "name": "--vkui--tutoria_color_background_info", + "value": "var(--vkui--tutoria_color_background_info, #008DF2)", }, }, - "colorAccentGray": { + "tutoriaColorBackgroundInfoTint": { "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #989BA4)", + "name": "--vkui--tutoria_color_background_info_tint--active", + "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", }, "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "name": "--vkui--tutoria_color_background_info_tint--hover", + "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", }, "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #A5A7AD)", + "name": "--vkui--tutoria_color_background_info_tint", + "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", }, }, - "colorAccentGreen": { + "tutoriaColorBackgroundNegativeTint": { "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #0CB465)", + "name": "--vkui--tutoria_color_background_negative_tint--active", + "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", }, "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #0CBB66)", + "name": "--vkui--tutoria_color_background_negative_tint--hover", + "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", }, "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #0DC268)", + "name": "--vkui--tutoria_color_background_negative_tint", + "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", }, }, - "colorAccentLime": { + "tutoriaColorBackgroundNeutral": { "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A9E971)", + "name": "--vkui--tutoria_color_background_neutral--active", + "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", }, "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + "name": "--vkui--tutoria_color_background_neutral--hover", + "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", }, "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #B8FC75)", + "name": "--vkui--tutoria_color_background_neutral", + "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", }, }, - "colorAccentOrange": { + "tutoriaColorBackgroundOverlayAlpha": { "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9305)", + "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--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59802)", + "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--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", + "name": "--vkui--tutoria_color_background_overlay_alpha", + "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", }, }, - "colorAccentOrangeFire": { + "tutoriaColorBackgroundPositiveTint": { "active": { - "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "name": "--vkui--tutoria_color_background_positive_tint--active", + "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", }, "hover": { - "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "name": "--vkui--tutoria_color_background_positive_tint--hover", + "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", }, "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #F05C44)", + "name": "--vkui--tutoria_color_background_positive_tint", + "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", }, }, - "colorAccentOrangePeach": { + "tutoriaColorBackgroundPrimary": { "active": { - "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "name": "--vkui--tutoria_color_background_primary--active", + "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", }, "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "name": "--vkui--tutoria_color_background_primary--hover", + "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", }, "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "name": "--vkui--tutoria_color_background_primary", + "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", }, }, - "colorAccentPink": { + "tutoriaColorBackgroundWarning": { "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #EB367F)", + "name": "--vkui--tutoria_color_background_warning--active", + "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", }, "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F53782)", + "name": "--vkui--tutoria_color_background_warning--hover", + "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", }, "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #FF3985)", + "name": "--vkui--tutoria_color_background_warning", + "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", }, }, - "colorAccentPurple": { + "tutoriaColorBackgroundWarningTint": { "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #815DEF)", + "name": "--vkui--tutoria_color_background_warning_tint--active", + "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", }, "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "name": "--vkui--tutoria_color_background_warning_tint--hover", + "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", }, "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #8C64FF)", + "name": "--vkui--tutoria_color_background_warning_tint", + "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", }, }, - "colorAccentRaspberryPink": { + "tutoriaColorCardBoxShadowAlpha": { "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "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--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "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--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", + "name": "--vkui--tutoria_color_card_box_shadow_alpha", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", }, }, - "colorAccentRed": { + "tutoriaColorIconInfo": { "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #DA300E)", + "name": "--vkui--tutoria_color_icon_info--active", + "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "name": "--vkui--tutoria_color_icon_info--hover", + "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", + "name": "--vkui--tutoria_color_icon_info", + "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", }, }, - "colorAccentSecondary": { + "tutoriaColorIconLink": { "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #EB9305)", + "name": "--vkui--tutoria_color_icon_link--active", + "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", }, "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #F59802)", + "name": "--vkui--tutoria_color_icon_link--hover", + "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #FF9E00)", + "name": "--vkui--tutoria_color_icon_link", + "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", }, }, - "colorAccentViolet": { + "tutoriaColorIconWarning": { "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B257E4)", + "name": "--vkui--tutoria_color_icon_warning--active", + "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", }, "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "name": "--vkui--tutoria_color_icon_warning--hover", + "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #C15DF3)", + "name": "--vkui--tutoria_color_icon_warning", + "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", }, }, - "colorActionSheetText": { + "tutoriaColorSeparatorPrimaryAlpha": { "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "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--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", + "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--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "name": "--vkui--tutoria_color_separator_primary_alpha", + "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", }, }, - "colorAvatarOverlay": { + "tutoriaColorSeparatorSecondaryAlpha": { "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", + "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--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", + "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--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", + "name": "--vkui--tutoria_color_separator_secondary_alpha", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", }, }, - "colorAvatarOverlayInverseAlpha": { + "tutoriaColorStrokeAccentTint": { "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "name": "--vkui--tutoria_color_stroke_accent_tint--active", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", }, "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "name": "--vkui--tutoria_color_stroke_accent_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", }, "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "name": "--vkui--tutoria_color_stroke_accent_tint", + "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", }, }, - "colorBackground": { + "tutoriaColorStrokeInfo": { "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #EBECEF)", + "name": "--vkui--tutoria_color_stroke_info--active", + "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #F5F5F7)", + "name": "--vkui--tutoria_color_stroke_info--hover", + "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #FFFFFF)", + "name": "--vkui--tutoria_color_stroke_info", + "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", }, }, - "colorBackgroundAccent": { + "tutoriaColorStrokeInfoTint": { "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #006FEF)", + "name": "--vkui--tutoria_color_stroke_info_tint--active", + "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", }, "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "name": "--vkui--tutoria_color_stroke_info_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", }, "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "name": "--vkui--tutoria_color_stroke_info_tint", + "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", }, }, - "colorBackgroundAccentAlternative": { + "tutoriaColorStrokeNegativeTint": { "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", + "name": "--vkui--tutoria_color_stroke_negative_tint--active", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", }, "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", + "name": "--vkui--tutoria_color_stroke_negative_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", }, "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "name": "--vkui--tutoria_color_stroke_negative_tint", + "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", }, }, - "colorBackgroundAccentThemed": { + "tutoriaColorStrokePositiveTint": { "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "name": "--vkui--tutoria_color_stroke_positive_tint--active", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", }, "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "name": "--vkui--tutoria_color_stroke_positive_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", }, "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "name": "--vkui--tutoria_color_stroke_positive_tint", + "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", }, }, - "colorBackgroundAccentThemedAlpha": { + "tutoriaColorStrokePrimary": { "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(0, 119, 255, 0.28))", + "name": "--vkui--tutoria_color_stroke_primary--active", + "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", }, "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", + "name": "--vkui--tutoria_color_stroke_primary--hover", + "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", }, "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", + "name": "--vkui--tutoria_color_stroke_primary", + "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", }, }, - "colorBackgroundAccentTint": { + "tutoriaColorStrokeSecondary": { "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "name": "--vkui--tutoria_color_stroke_secondary--active", + "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", }, "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "name": "--vkui--tutoria_color_stroke_secondary--hover", + "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", }, "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "name": "--vkui--tutoria_color_stroke_secondary", + "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", }, }, - "colorBackgroundAccentTintAlpha": { + "tutoriaColorStrokeTertiary": { "active": { - "name": "--vkui--color_background_accent_tint_alpha--active", - "value": "var(--vkui--color_background_accent_tint_alpha--active, rgba(0, 119, 255, 0.14))", + "name": "--vkui--tutoria_color_stroke_tertiary--active", + "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", }, "hover": { - "name": "--vkui--color_background_accent_tint_alpha--hover", - "value": "var(--vkui--color_background_accent_tint_alpha--hover, rgba(0, 119, 255, 0.1))", + "name": "--vkui--tutoria_color_stroke_tertiary--hover", + "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", }, "normal": { - "name": "--vkui--color_background_accent_tint_alpha", - "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", + "name": "--vkui--tutoria_color_stroke_tertiary", + "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", }, }, - "colorBackgroundAccentTintThemed": { + "tutoriaColorStrokeWarning": { "active": { - "name": "--vkui--color_background_accent_tint_themed--active", - "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", + "name": "--vkui--tutoria_color_stroke_warning--active", + "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", }, "hover": { - "name": "--vkui--color_background_accent_tint_themed--hover", - "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", + "name": "--vkui--tutoria_color_stroke_warning--hover", + "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_background_accent_tint_themed", - "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "name": "--vkui--tutoria_color_stroke_warning", + "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", }, }, - "colorBackgroundAccentTintThemedAlpha": { + "tutoriaColorStrokeWarningTint": { "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))", + "name": "--vkui--tutoria_color_stroke_warning_tint--active", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", }, "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))", + "name": "--vkui--tutoria_color_stroke_warning_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", }, "normal": { - "name": "--vkui--color_background_accent_tint_themed_alpha", - "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", + "name": "--vkui--tutoria_color_stroke_warning_tint", + "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", }, }, - "colorBackgroundContent": { + "tutoriaColorTextInfo": { "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "name": "--vkui--tutoria_color_text_info--active", + "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "name": "--vkui--tutoria_color_text_info--hover", + "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "name": "--vkui--tutoria_color_text_info", + "value": "var(--vkui--tutoria_color_text_info, #008DF2)", }, }, - "colorBackgroundContentInverse": { + "tutoriaColorTextWarning": { "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", + "name": "--vkui--tutoria_color_text_warning--active", + "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", }, "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + "name": "--vkui--tutoria_color_text_warning--hover", + "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", + "name": "--vkui--tutoria_color_text_warning", + "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", + "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)", + }, }, }, - "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)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", + "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)", + }, }, }, - "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))", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", + "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)", + }, }, }, - "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)", + "tutoriaLayoutMaxWidth": { + "auto": { + "name": "--vkui--tutoria_layout_max_width", + "value": "var(--vkui--tutoria_layout_max_width)", }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "regular": { + "name": "--vkui--tutoria_layout_max_width--regular", + "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", }, }, - "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)", + "tutoriaSizeButtonBaseLargeBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_large_border_radius", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #f0f4ff)", + "regular": { + "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", }, }, - "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)", + "tutoriaSizeButtonBaseMediumBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_medium_border_radius", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "regular": { + "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", }, }, - "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)", + "tutoriaSizeButtonBaseSmallBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_small_border_radius", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #303030)", + "regular": { + "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", }, }, - "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA300E)", + "tutoriaSizePaddingCard": { + "auto": { + "name": "--vkui--tutoria_size_padding_card", + "value": "var(--vkui--tutoria_size_padding_card)", }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "compact": { + "name": "--vkui--tutoria_size_padding_card--compact", + "value": "var(--vkui--tutoria_size_padding_card--compact, 16px)", }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "regular": { + "name": "--vkui--tutoria_size_padding_card--regular", + "value": "var(--vkui--tutoria_size_padding_card--regular, 24px)", }, }, - "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)", - }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "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))", - }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "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)", - }, +} +`; + +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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "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))", - }, + "colorAccentBlue": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, - "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)", - }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, - "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)", - }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, - "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))", - }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, - "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)", - }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, - "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))", - }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, - "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)", - }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", }, - "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))", - }, + "colorAccentOrangePeach": { + "active": "#EBB25F", + "hover": "#F5B961", + "normal": "#FFC062", }, - "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)", - }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, - "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))", - }, + "colorAccentPurple": { + "active": "#8D7CEF", + "hover": "#9380F7", + "normal": "#9985ff", }, - "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)", - }, + "colorAccentRaspberryPink": { + "active": "#DD5AB6", + "hover": "#E65DBB", + "normal": "#f060c0", }, - "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))", - }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, - "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)", - }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, - "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)", - }, + "colorAccentViolet": { + "active": "#9B4AEF", + "hover": "#A24CF7", + "normal": "#a94fff", }, - "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))", - }, + "colorActionSheetText": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, - "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, - "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))", - }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "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)", - }, + "colorBackground": { + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, - "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))", - }, + "colorBackgroundAccent": { + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529EF4", + }, + "colorBackgroundAccentThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "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": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191a", + }, + "colorBackgroundContentInverse": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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)", + }, + "colorBackgroundContrastThemed": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorBackgroundInfoTint": { + "active": "#1A3652", + "hover": "#1B3753", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#4B2C2F", + "hover": "#4F2D2F", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#2A3A2C", + "hover": "#2C3C2C", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#202126", + "hover": "#222225", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#1D1F23", + "hover": "#1F1F22", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#413018", + "hover": "#443217", + "normal": "#473315", }, "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)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 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": "#17181D", + "hover": "#18191B", + "normal": "#19191a", }, "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)", - }, + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#000105", + "hover": "#000102", + "normal": "#000000", }, "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": "#A2A4AC", + "hover": "#A9ABB1", + "normal": "#b0b1b6", }, "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(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #DA300E)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", - }, + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "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": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "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(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "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": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "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(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "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": "#DAA353", + "hover": "#E4AA54", + "normal": "#EDB055", }, "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(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, #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": "#27292D", + "hover": "#282A2D", + "normal": "#2a2b2c", }, "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(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "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.40)", }, "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(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "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)", - }, + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "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": "#323438", + "hover": "#343538", + "normal": "#363738", }, "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": "#5A5C61", + "hover": "#5E6062", + "normal": "#626364", }, "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": "#323438", + "hover": "#343538", + "normal": "#363738", }, "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": "#3F4145", + "hover": "#414346", + "normal": "#444546", }, "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": "#4A4D51", + "hover": "#4D4F52", + "normal": "#505253", }, "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(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 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": "#121418", + "hover": "#131417", + "normal": "#141415", }, "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": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "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)", - }, + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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, #DA300E)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", - }, + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "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": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "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)", - }, + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#000105", + "hover": "#000102", + "normal": "#000000", }, "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)", - }, + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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)", - }, + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "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": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", - }, + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "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": "#000105", + "hover": "#000102", + "normal": "#000000", }, "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": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", - }, + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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": "#8A8F97", + "hover": "#90949B", + "normal": "#969a9f", }, "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)", + "active": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, + "colorTrackBuffer": { + "active": "#3B516E", + "hover": "#3D5470", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", + }, + "colorWriteBarInputBackground": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorWriteBarInputBorder": { + "active": "#282B2F", + "hover": "#2A2C2F", + "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": "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)", + "fontCaption1": { + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 500, + "lineHeight": "16px", }, }, - "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))", + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "colorTooltipBackgroundBlueTint": { - "active": { - "name": "--vkui--color_tooltip_background_blue_tint--active", - "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_tooltip_background_blue_tint--hover", - "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, - "normal": { - "name": "--vkui--color_tooltip_background_blue_tint", - "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", }, }, - "colorTooltipBackgroundGreenTint": { - "active": { - "name": "--vkui--color_tooltip_background_green_tint--active", - "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, - "hover": { - "name": "--vkui--color_tooltip_background_green_tint--hover", - "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_tooltip_background_green_tint", - "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, - "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)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_tooltip_background_orange_tint", - "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "colorTooltipBackgroundPurpleTint": { - "active": { - "name": "--vkui--color_tooltip_background_purple_tint--active", - "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", + "fontFootnote": { + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", }, - "hover": { - "name": "--vkui--color_tooltip_background_purple_tint--hover", - "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 500, + "lineHeight": "16px", }, - "normal": { - "name": "--vkui--color_tooltip_background_purple_tint", - "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", }, }, - "colorTooltipTextBlueThemed": { - "active": { - "name": "--vkui--color_tooltip_text_blue_themed--active", - "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", + "fontHeadline": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "24px", }, - "hover": { - "name": "--vkui--color_tooltip_text_blue_themed--hover", - "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", + }, + "fontHeadline1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_tooltip_text_blue_themed", - "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", + }, + "fontHeadline2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "colorTooltipTextGreenThemed": { - "active": { - "name": "--vkui--color_tooltip_text_green_themed--active", - "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", + "fontParagraph": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, - "hover": { - "name": "--vkui--color_tooltip_text_green_themed--hover", - "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", + }, + "fontSubhead": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 500, + "lineHeight": "18px", }, - "normal": { - "name": "--vkui--color_tooltip_text_green_themed", - "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", + }, + "fontText": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "24px", }, }, - "colorTooltipTextOrangeThemed": { - "active": { - "name": "--vkui--color_tooltip_text_orange_themed--active", - "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", + "fontTitle1": { + "largeX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 600, + "lineHeight": "36px", }, - "hover": { - "name": "--vkui--color_tooltip_text_orange_themed--hover", - "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", + "largeXX": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "40px", + "fontWeight": 600, + "lineHeight": "44px", }, - "normal": { - "name": "--vkui--color_tooltip_text_orange_themed", - "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", + "regular": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "colorTooltipTextPurpleThemed": { - "active": { - "name": "--vkui--color_tooltip_text_purple_themed--active", - "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", + "fontTitle2": { + "regular": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, - "hover": { - "name": "--vkui--color_tooltip_text_purple_themed--hover", - "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", + }, + "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_tooltip_text_purple_themed", - "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", + "regular": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "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)", - }, + "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", }, - "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)", - }, + "sizeArrowPadding": { + "regular": "12px", }, - "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)", - }, + "sizeArrowPromo": { + "regular": "40px", }, - "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)", - }, + "sizeAvatarL": { + "regular": "96px", }, - "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)", - }, + "sizeAvatarM": { + "regular": "48px", }, - "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)", - }, + "sizeAvatarS": { + "regular": "32px", }, - "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))", - }, + "sizeAvatarXL": { + "regular": "128px", }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "sizeAvatarXS": { + "regular": "24px", }, - "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))", + "sizeBadgeL": { + "regular": "44px", }, - "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))", + "sizeBadgeM": { + "regular": "24px", }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 2px 0 0 rgba(0,16,61, 0.04))", + "sizeBadgeS": { + "regular": "16px", }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0 4px 32px rgba(0, 16, 61, 0.24))", + "sizeBadgeXL": { + "regular": "56px", }, - "elevation4": { - "name": "--vkui--elevation4", - "value": "var(--vkui--elevation4, 0 16px 48px 0 rgba(0,16,61, 0.48))", + "sizeBadgeXS": { + "regular": "12px", }, - "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)", - }, - }, + "sizeBasePaddingHorizontal": { + "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)", - }, - }, + "sizeBasePaddingVertical": { + "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)", - }, - }, + "sizeBorder1x": { + "regular": "1px", }, - "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)", - }, - }, + "sizeBorder2x": { + "regular": "0.5px", }, - "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)", - }, - }, + "sizeBorder3x": { + "regular": "0.33px", }, - "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)", - }, - }, + "sizeBorderRadius": { + "regular": "8px", }, - "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)", - }, - }, + "sizeBorderRadiusPaper": { + "regular": "12px", }, - "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)", - }, - }, + "sizeBorderRadiusPromo": { + "regular": "20px", }, - "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)", - }, - }, + "sizeBorderRadiusRounded": { + "regular": "48px", }, - "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)", - }, - }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "10px", }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "8px", }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", }, - "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)", - }, - }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "6px", }, - "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)", - }, - }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", }, - "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)", - }, - }, + "sizeButtonGroupGapMedium": { + "regular": "12px", }, - "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)", - }, - }, + "sizeButtonGroupGapSmall": { + "regular": "8px", }, - "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)", - }, - }, + "sizeButtonGroupGapSpace": { + "regular": "1px", }, - "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)", - }, - }, + "sizeButtonLargeHeight": { + "regular": "44px", }, - "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)", - }, - }, + "sizeButtonMediumHeight": { + "regular": "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)", - }, - }, - "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)", - }, - }, + "sizeButtonMinimumWidth": { + "regular": "101px", }, - "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)", - }, - }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", }, - "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)", - }, - }, + "sizeButtonSmallHeight": { + "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)", - }, - }, - "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)", - }, - }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", }, - "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)", - }, - }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "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)", - }, - }, - "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)", - }, - }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "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)", - }, - }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "sizeCardBorderRadius": { + "regular": "8px", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", + "sizeCardgridPadding": { + "regular": "8px", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 700)", + "sizeCardgridPaddingVertical": { + "regular": "8px", }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", + "sizeCheckBorderRadius": { + "regular": "4px", }, - "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%)", + "sizeCheckbox": { + "regular": "16px", }, - "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%)", + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", }, - "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%)", + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "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%)", + "sizeFormItemPaddingVertical": { + "regular": "12px", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", + "sizeIconUI": { + "regular": "16px", }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeLabelHorizontalMargin": { + "regular": "16px", }, - "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "sizeOptionHierarchy": { + "regular": "32px", }, - "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)", - }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", }, - "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)", - }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", }, - "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)", - }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", }, - "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)", - }, + "sizePopupLarge": { + "regular": "880px", }, - "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)", - }, + "sizePopupMedium": { + "regular": "680px", }, - "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)", - }, + "sizePopupSmall": { + "regular": "430px", }, - "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)", - }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", }, - "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)", - }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", }, - "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)", - }, + "sizeSplitColPaddingHorizontal": { + "compact": "16px", + "regular": "24px", }, - "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)", - }, + "sizeSubnavigationBarGap": { + "regular": "8px", }, - "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)", - }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", }, - "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)", - }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", }, - "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)", - }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", }, - "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)", - }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", }, - "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)", - }, + "sizeTooltipMargin": { + "regular": "8px", }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBase", + "themeName": "tutoriaDark", + "themeNameBase": "tutoria", + "themeType": "pixelify", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", }, - "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)", - }, + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", }, - "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)", - }, + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", }, - "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)", - }, + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", }, - "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)", - }, + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", - }, + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, - "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)", - }, + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", }, - "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)", - }, + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", }, - "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)", - }, + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", }, - "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)", - }, + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", }, - "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)", - }, + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", }, - "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)", - }, + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", }, - "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)", - }, + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "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)", - }, + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "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)", - }, + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "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)", - }, + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.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)", - }, + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", }, - "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)", - }, + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", }, - "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)", - }, + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "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)", - }, + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", }, - "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)", - }, + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", }, - "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)", - }, + "tutoriaColorStrokePositiveTint": { + "active": "#8CDBAD", + "hover": "#92E4B2", + "normal": "#98EDB7", }, - "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)", - }, + "tutoriaColorStrokePrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, - "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)", - }, + "tutoriaColorStrokeSecondary": { + "active": "#C3C9D1", + "hover": "#CCD1D8", + "normal": "#D4D9DE", }, - "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)", - }, + "tutoriaColorStrokeTertiary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", }, - "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)", - }, + "tutoriaColorStrokeWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "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)", - }, + "tutoriaColorStrokeWarningTint": { + "active": "#EAC795", + "hover": "#F4CF99", + "normal": "#FED79D", }, - "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)", - }, + "tutoriaColorTextInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "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)", - }, + "tutoriaColorTextWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", - }, + "tutoriaFontTextTitle1": { "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", - }, + "tutoriaFontTextTitle2": { "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "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)", - }, + "tutoriaFontTextTitle3": { "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "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)", - }, + "tutoriaLayoutMaxWidth": { + "regular": "1224px", }, - "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)", - }, + "tutoriaSizeButtonBaseLargeBorderRadius": { + "regular": "8px", }, - "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)", - }, + "tutoriaSizeButtonBaseMediumBorderRadius": { + "regular": "10px", }, - "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)", - }, + "tutoriaSizeButtonBaseSmallBorderRadius": { + "regular": "12px", }, - "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)", - }, + "tutoriaSizePaddingCard": { + "compact": "16px", + "regular": "24px", }, - "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)", - }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +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.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)", }, - "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)", - }, + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #689EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #6CA4E4)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, - "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)", - }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, - "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)", - }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, - "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)", - }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, - "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)", - }, + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, - "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)", - }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorAccentOrangePeach": { + "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)", }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, - "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)", - }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #8D7CEF)", + "hover": "var(--vkui--color_accent_purple--hover, #9380F7)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, - "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)", - }, + "colorAccentRaspberryPink": { + "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)", }, - "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)", - }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, - "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)", - }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, - "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)", - }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #9B4AEF)", + "hover": "var(--vkui--color_accent_violet--hover, #A24CF7)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, - "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)", - }, + "colorActionSheetText": { + "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)", }, - "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, 48px)", - }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", - }, + "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))", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #090A0E)", + "hover": "var(--vkui--color_background--hover, #0A0A0C)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, - "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)", - }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #4B93E5)", + "hover": "var(--vkui--color_background_accent--hover, #4F98ED)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "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)", }, - "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": "var(--vkui--color_background_content--active, #17181D)", + "hover": "var(--vkui--color_background_content--hover, #18191B)", + "normal": "var(--vkui--color_background_content, #19191a)", }, - "sizeIconMargin": { - "auto": { - "name": "--vkui--size_icon_margin", - "value": "var(--vkui--size_icon_margin)", - }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #EBECEF)", + "hover": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content_inverse, #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, #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))", + }, + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #282B2F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, + "colorBackgroundInfoTint": { + "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, #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, #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, #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, #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, #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, #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, #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(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, #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(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, #413018)", + "hover": "var(--vkui--color_background_warning--hover, #443217)", + "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)", + }, + "colorButtonStroke": { + "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, #EBECEF)", + "hover": "var(--vkui--color_button_text--hover, #F5F5F7)", + "normal": "var(--vkui--color_button_text, #ffffff)", + }, + "colorFieldBackground": { + "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(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, #17181D)", + "hover": "var(--vkui--color_header_background--hover, #18191B)", + "normal": "var(--vkui--color_header_background, #19191a)", + }, + "colorIconAccent": { + "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, #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)", + }, + "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, #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, #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(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, #EB565A)", + "hover": "var(--vkui--color_icon_negative--hover, #F5595B)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + }, + "colorIconPositive": { + "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, #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)", + }, + "colorIconSecondary": { + "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(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, #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(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, #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(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, #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(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)", + }, + "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))", + }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + "colorPanelHeaderIcon": { + "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, #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, #5A5C61)", + "hover": "var(--vkui--color_segmented_control--hover, #5E6062)", + "normal": "var(--vkui--color_segmented_control, #626364)", + }, + "colorSeparatorPrimary": { + "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, #3F4145)", + "hover": "var(--vkui--color_separator_primary2x--hover, #414346)", + "normal": "var(--vkui--color_separator_primary2x, #444546)", + }, + "colorSeparatorPrimary3x": { + "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(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, #121418)", + "hover": "var(--vkui--color_separator_secondary--hover, #131417)", + "normal": "var(--vkui--color_separator_secondary, #141415)", + }, + "colorSkeletonFrom": { + "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, #282B2F)", + "hover": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, + "colorStrokeAccent": { + "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, #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)", + }, + "colorStrokeNegative": { + "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, #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, #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, #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, #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)", + }, + "colorTextContrastThemed": { + "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, #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, #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)", + }, + "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)", + }, + "colorTextMuted": { + "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, #EB565A)", + "hover": "var(--vkui--color_text_negative--hover, #F5595B)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", + }, + "colorTextPositive": { + "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, #CFD2D8)", + "hover": "var(--vkui--color_text_primary--hover, #D8DBDF)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, + "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)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #6D7075)", + "hover": "var(--vkui--color_text_secondary--hover, #717478)", + "normal": "var(--vkui--color_text_secondary, #76787a)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, + "colorTextSubhead": { + "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, #56595E)", + "hover": "var(--vkui--color_text_tertiary--hover, #595C60)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + }, + "colorTrackBackground": { + "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, #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))", + "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, #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, #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, #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(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, 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": { - "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", + "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": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "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, 500)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, - "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)", - }, + "fontCaption1Caps": { "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", - }, + "fontCaption2": { "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "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)", }, }, - "sizeIllustrationL": { - "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", - }, + "fontCaption2Caps": { "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, - "sizeIllustrationM": { - "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", - }, + "fontCaption3": { "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", + "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)", }, }, - "sizeIllustrationS": { - "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", - }, + "fontCaption3Caps": { "regular": { - "name": "--vkui--size_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "sizeIllustrationXM": { - "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", - }, + "fontDisplayTitle1": { "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "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)", }, }, - "sizeIllustrationXXL": { - "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "fontDisplayTitle2": { + "compact": { + "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": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "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)", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", - }, + "fontDisplayTitle3": { "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "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)", }, }, - "sizeLabelVerticalMargin": { - "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", - }, + "fontDisplayTitle4": { "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "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)", }, }, - "sizeLabelWidth": { - "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "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": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "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, 500)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, - "sizeMenuMargin": { - "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", - }, + "fontFootnoteCaps": { "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, - "sizeMenuPadding": { - "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", - }, + "fontHeadline": { "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "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, 24px)", }, }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", - }, + "fontHeadline1": { "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "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, 24px)", }, }, - "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)", - }, + "fontHeadline2": { "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "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)", }, }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "fontParagraph": { + "regular": { + "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, 18px)", }, - "compact": { - "name": "--vkui--size_popup_base_padding--compact", - "value": "var(--vkui--size_popup_base_padding--compact, 32px)", + }, + "fontSubhead": { + "regular": { + "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, 500)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, + }, + "fontText": { "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 20px)", + "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, 24px)", }, }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", + "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)", }, - "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 24px)", + "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": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 16px)", + "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, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", - }, + "fontTitle2": { "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "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, 600)", + "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", }, }, - "sizePopupMargin": { - "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", - }, + "fontTitle3": { "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 24px)", + "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": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 8px)", + "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)", }, }, - "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)", - }, + "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, 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(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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "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)", - }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", - }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", - }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "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)", - }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "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)", - }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "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)", - }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "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)", - }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "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)", - }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "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)", - }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "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)", - }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "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)", - }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, - "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)", - }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "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)", - }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "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)", - }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, - "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)", - }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--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)", - }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", }, - "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)", - }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, - "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)", - }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, - "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)", - }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, - "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)", - }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, - "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)", - }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, - "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)", - }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "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)", - }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, - "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)", - }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, - "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)", - }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "sizeButtonLargeHeight": { + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "sizeButtonMediumHeight": { + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, todo)", + "sizeButtonSmallHeight": { + "regular": "var(--vkui--size_button_small_height--regular, 28px)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, todo)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "sizeSplitColPaddingHorizontal": { + "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "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)", + }, + "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, 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)", + }, + "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 todo theme should match pixelify 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "active": "#8D7CEF", + "hover": "#9380F7", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#DD5AB6", + "hover": "#E65DBB", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", @@ -370567,69 +370973,54 @@ 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#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": "#17181D", + "hover": "#18191B", + "normal": "#19191a", + }, + "colorBackgroundContentInverse": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, - "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", - }, "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)", @@ -370637,509 +371028,389 @@ 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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "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)", + "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)", - }, - "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)", + "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", + "active": "#413018", + "hover": "#443217", + "normal": "#473315", }, - "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", + "colorButtonIcon": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "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", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -371147,2158 +371418,4068 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", - "fontSize": "12px", + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": 16, + }, + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 500, + "lineHeight": 16, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", + "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": "9px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, "fontWeight": 400, - "lineHeight": "12px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "23px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "22px", - "fontWeight": 500, - "lineHeight": "22px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "21px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "lineHeight": "24px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "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", - "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", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 13, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": 16, }, }, - "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": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 24, }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 24, }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 18, }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 500, + "lineHeight": 18, }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "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", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, 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, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", + "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": "8px", - }, - "sizeArrowHeight": { - "regular": "8px", + "regular": 8, }, "sizeArrowPadding": { - "regular": "12px", + "regular": 12, }, "sizeArrowPromo": { - "regular": "40px", - }, - "sizeArrowWidth": { - "regular": "12px", - }, - "sizeAttributeMargin": { - "regular": "4px", + "regular": 40, }, "sizeAvatarL": { - "regular": "96px", + "regular": 96, }, "sizeAvatarM": { - "regular": "48px", + "regular": 48, }, "sizeAvatarS": { - "regular": "32px", + "regular": 32, }, "sizeAvatarXL": { - "regular": "128px", + "regular": 128, }, "sizeAvatarXS": { - "regular": "24px", + "regular": 24, }, "sizeBadgeL": { - "regular": "44px", + "regular": 44, }, "sizeBadgeM": { - "regular": "24px", + "regular": 24, }, "sizeBadgeS": { - "regular": "16px", + "regular": 16, }, "sizeBadgeXL": { - "regular": "56px", + "regular": 56, }, "sizeBadgeXS": { - "regular": "12px", - }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", - }, - "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeBorder1x": { - "regular": "1px", + "regular": 1, }, "sizeBorder2x": { - "regular": "0.5px", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "0.33px", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "48px", - }, - "sizeBorderWidthAccent": { - "regular": "8px", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "8px", - }, - "sizeBorderWidthBar": { - "regular": "4px", - }, - "sizeBorderWidthTab": { - "regular": "2px", - }, - "sizeBulletMargin": { - "regular": "12px", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": 10, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": 8, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": 6, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "1px", - }, - "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "regular": 1, }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "80px", - }, - "sizeButtonMorePadding": { - "regular": "8px", + "regular": 101, }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", - }, - "sizeButtonSliderHeight": { - "regular": "24px", - }, - "sizeButtonSliderWidth": { - "regular": "12px", - }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", + "regular": 12, }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": 28, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "16px", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "12px", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": 4, }, "sizeCheckbox": { - "regular": "16px", - }, - "sizeChoiceMargin": { - "regular": "8px", - }, - "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", - }, - "sizeDivPadding": { - "regular": "4px", - }, - "sizeDotBullet": { - "regular": "4px", - }, - "sizeDotClickable": { - "regular": "12px", - }, - "sizeDotIndicate": { - "regular": "8px", + "regular": 16, }, "sizeFieldHeight": { - "compact": "48px", - "regular": "40px", - }, - "sizeFieldHorizontalMargin": { - "regular": "20px", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "12px", - }, - "sizeFieldSetMargin": { - "regular": "32px", - }, - "sizeFieldVerticalMargin": { - "regular": "24px", - }, - "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "12px", - }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", - }, - "sizeIconMargin": { - "compact": "8px", - "regular": "12px", - }, - "sizeIconMorePadding": { - "compact": "8px", - "regular": "12px", + "regular": 12, }, "sizeIconUI": { - "regular": "16px", - }, - "sizeIllustrationL": { - "regular": "144px", - }, - "sizeIllustrationM": { - "regular": "96px", - }, - "sizeIllustrationS": { - "regular": "48px", - }, - "sizeIllustrationXM": { - "regular": "72px", - }, - "sizeIllustrationXXL": { - "regular": "228px", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "16px", - }, - "sizeLabelVerticalMargin": { - "regular": "4px", - }, - "sizeLabelWidth": { - "regular": "184px", - }, - "sizeMenuMargin": { - "regular": "2px", - }, - "sizeMenuPadding": { - "regular": "8px", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "880px", - }, - "sizePopupMargin": { - "compact": "24px", - "regular": "8px", + "regular": 880, }, "sizePopupMedium": { - "regular": "680px", + "regular": 680, }, "sizePopupSmall": { - "regular": "430px", - }, - "sizeProgress": { - "regular": "4px", - }, - "sizeProgressScroll": { - "regular": "12px", - }, - "sizePromoButtonClose": { - "regular": "32px", + "regular": 430, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", - }, - "sizeSliceBottomPadding": { - "regular": "60px", - }, - "sizeSliceTopPadding": { - "regular": "40px", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "compact": 16, + "regular": 24, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", - }, - "sizeTabMargin": { - "regular": "8px", - }, - "sizeTabPadding": { - "regular": "16px", + "compact": 32, + "regular": 34, }, - "sizeTableHorizontalPadding": { - "regular": "16px", + "sizeTooltipMargin": { + "regular": 8, }, - "sizeTableVerticalPadding": { - "regular": "16px", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "themeName": "tutoriaDark", + "themeNameBase": "tutoria", + "themeType": "root", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", }, - "sizeTagMargin": { - "regular": "8px", + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", }, - "sizeTagPadding": { - "regular": "8px", + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", }, - "sizeTipMargin": { - "regular": "4px", + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", }, - "sizeTooltipMargin": { - "regular": "8px", + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", }, - "sizeVerticalPadding": { - "regular": "0px", + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, - "sizeWysiwygIcon": { - "regular": "14px", + "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, }, - "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 todo theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkAccessibility theme should match cssVars 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))", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "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.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": { + "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": "var(--vkui--color_accent_blue--active, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "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": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "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": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "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": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "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": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "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": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "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)", + "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": "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": { + "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": "var(--vkui--color_accent_pink--active, #EB367F)", - "hover": "var(--vkui--color_accent_pink--hover, #F53782)", - "normal": "var(--vkui--color_accent_pink, #FF3985)", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "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)", + "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": "var(--vkui--color_accent_red--active, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "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": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "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": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, }, "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)", + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "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": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "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))", - "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": { + "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": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #FFFFFF)", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ebedf0)", + }, }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #2688eb)", + }, }, "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": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, }, "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)", + "active": { + "name": "--vkui--color_background_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", + }, }, "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))", + "active": { + "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_themed_alpha--hover", + "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(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, 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))", + "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)", + }, }, "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": { + "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)", + }, }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #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": { + "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": "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": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "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))", + "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.20))", + }, }, "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": { + "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": "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": { + "name": "--vkui--color_background_info_tint--active", + "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, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, }, "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": { + "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": "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": { + "name": "--vkui--color_background_modal_inverse--active", + "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, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + }, }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #e64646)", + }, }, "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))", + "active": { + "name": "--vkui--color_background_negative_tint--active", + "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, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "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": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "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": { + "name": "--vkui--color_background_positive_tint--active", + "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, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "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": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", + }, }, "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))", + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "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, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "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": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "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": { + "name": "--vkui--color_background_tertiary_alpha--active", + "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.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "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": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF2D6)", + }, }, "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "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": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #F5F5F5)", + }, }, "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": { + "name": "--vkui--color_field_border_alpha--active", + "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, 0, 0, 0.24))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "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)", + "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": "var(--vkui--color_icon_accent--active, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #2688eb)", + }, }, "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)", + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "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)", + "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": "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": { + "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": "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": { + "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": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #919399)", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #5D6878)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #616C7A)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #65707D)", + }, }, "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": { + "name": "--vkui--color_icon_medium_alpha--active", + "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.59))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", + }, }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, }, "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": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "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": { + "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": "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": { + "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": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #7B8390)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #818893)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #868d97)", + }, }, "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": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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.48))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", + }, }, "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": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #a6adb7)", + }, }, "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": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.36))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", + }, }, "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": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #F8A01C)", + }, }, "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": { + "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_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "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": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #F5F5F5)", + }, }, "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": { + "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_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "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)", + "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": "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": { + "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.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": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "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)", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "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": { + "name": "--vkui--color_search_field_background--active", + "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, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #F2F3F5)", + }, }, "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": { + "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": "var(--vkui--color_separator_primary--active, #C9CCD3)", - "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", - "normal": "var(--vkui--color_separator_primary, #DADCE0)", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", + }, }, "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": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "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": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "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": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "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": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, }, "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": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "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": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "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": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #2688eb)", + }, }, "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)", + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, }, "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": { + "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": "var(--vkui--color_stroke_negative--active, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, }, "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": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "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": { + "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": "var(--vkui--color_text_accent--active, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #2688eb)", + }, }, "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)", + "active": { + "name": "--vkui--color_text_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "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)", + "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": "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": { + "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": "var(--vkui--color_text_link--active, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", + }, + "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)", + }, }, "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)", + "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)", + }, }, "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": { + "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": "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": { + "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)", + }, }, "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": { + "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": "var(--vkui--color_text_negative--active, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, }, "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": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "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": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #000105)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #000000)", + }, }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, }, "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #5D6878)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #616C7A)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #65707D)", + }, }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, }, "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": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #515C6B)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #54606D)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #58636F)", + }, }, "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": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #798391)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #848D98)", + }, }, "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, }, "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": { + "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": "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)", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "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)", - }, - "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 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))", + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "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, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", + }, + }, + "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, 0, 0, 0.16))", + }, + "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))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "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--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": "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": { + "name": "--vkui--font_caption1--font_family--regular", + "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", + "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, 14px)", + }, }, }, "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)", + }, + "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": "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": { + "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--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, 600)", + }, + "lineHeight": { + "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)", + }, }, }, "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": "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": { + "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--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)", + }, + "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": "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": { + "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--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, 600)", + }, + "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": "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": { + "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--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)", + }, + "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": "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": { + "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--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, 600)", + }, + "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": "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": { + "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--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, 600)", + }, + "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": "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": { + "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--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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "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)", - "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": { + "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--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, 600)", + }, + "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": "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": { + "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--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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "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)", + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, }, }, - "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)", - }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, - "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)", - }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, - "fontH1": { - "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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": { + "name": "--vkui--font_footnote--font_family--regular", + "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", + "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, 16px)", + }, }, }, - "fontH2": { - "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + "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)", + }, + "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": "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": { + "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--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)", + }, + "lineHeight": { + "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)", + }, }, }, "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": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 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": "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": { + "name": "--vkui--font_headline--font_family--regular", + "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", + "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": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 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": "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": { + "name": "--vkui--font_headline1--font_family--regular", + "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", + "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": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 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": "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": { + "name": "--vkui--font_headline2--font_family--regular", + "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", + "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": "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": { + "name": "--vkui--font_paragraph--font_family--regular", + "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, 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": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 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, 16px)", + }, }, "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": { + "name": "--vkui--font_subhead--font_family--regular", + "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", + "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": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 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": "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": { + "name": "--vkui--font_text--font_family--regular", + "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", + "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": "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": { + "name": "--vkui--font_title1--font_family--regular", + "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", + "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, 600)", + }, + "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": "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": { + "name": "--vkui--font_title2--font_family--regular", + "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", + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--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)", + }, + }, "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": { + "name": "--vkui--font_title3--font_family--regular", + "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, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "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)", + }, }, }, - "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": "var(--vkui--size_arrow--regular, 8px)", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", }, - "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", }, - "sizeArrowWidth": { - "regular": "var(--vkui--size_arrow_width--regular, 12px)", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", }, - "sizeAttributeMargin": { - "regular": "var(--vkui--size_attribute_margin--regular, 4px)", + "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", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--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": "var(--vkui--size_avatar_m--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": "var(--vkui--size_avatar_s--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": "var(--vkui--size_avatar_x_l--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": "var(--vkui--size_avatar_x_s--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": "var(--vkui--size_badge_l--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": "var(--vkui--size_badge_m--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": "var(--vkui--size_badge_s--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": "var(--vkui--size_badge_x_l--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": "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)", + "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)", + }, }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--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": "var(--vkui--size_base_padding_vertical--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": "var(--vkui--size_border1x--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": "var(--vkui--size_border2x--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": "var(--vkui--size_border3x--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": "var(--vkui--size_border_radius--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": "var(--vkui--size_border_radius_paper--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": "var(--vkui--size_border_radius_promo--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": "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)", + "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)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--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": "var(--vkui--size_button_base_large_padding_horizontal_icon--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": "var(--vkui--size_button_base_medium_padding_horizontal--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": "var(--vkui--size_button_base_medium_padding_horizontal_icon--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": "var(--vkui--size_button_base_small_padding_horizontal--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": "var(--vkui--size_button_base_small_padding_horizontal_icon--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": "var(--vkui--size_button_group_gap_medium--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": "var(--vkui--size_button_group_gap_small--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": "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)", + "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": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--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": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--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": "var(--vkui--size_button_minimum_width--regular, 80px)", - }, - "sizeButtonMorePadding": { - "regular": "var(--vkui--size_button_more_padding--regular, 8px)", + "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": { - "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)", + "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": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--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": "var(--vkui--size_button_tertiary_large_padding_horizontal--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": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_medium_padding_horizontal--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": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_small_padding_horizontal--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": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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": "var(--vkui--size_card_border_radius--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, 8px)", + }, }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--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, 8px)", + }, }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--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": "var(--vkui--size_check_border_radius--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": "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)", + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, "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)", + "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": { - "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)", + "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": { - "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)", + "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": { - "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)", + "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": { - "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)", + "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": { - "regular": "var(--vkui--size_option_hierarchy--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": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--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": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--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, 20px)", + }, + "regular": { + "name": "--vkui--size_popup_base_padding--regular", + "value": "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)", + "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": { - "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)", + "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": { - "regular": "var(--vkui--size_popup_medium--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": "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)", + "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": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--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": "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)", + "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": { - "regular": "var(--vkui--size_split_col_padding_horizontal--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": "var(--vkui--size_subnavigation_bar_gap--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": "var(--vkui--size_subnavigation_bar_padding_vertical--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": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--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": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--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": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--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": "var(--vkui--size_tab_margin--regular, 8px)", + "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)", + }, }, - "sizeTabPadding": { - "regular": "var(--vkui--size_tab_padding--regular, 16px)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "sizeTableHorizontalPadding": { - "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "sizeTableVerticalPadding": { - "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "sizeTagMargin": { - "regular": "var(--vkui--size_tag_margin--regular, 8px)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "sizeTagPadding": { - "regular": "var(--vkui--size_tag_padding--regular, 8px)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "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, vkAccessibility)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkAccessibility)", + }, + "themeType": "cssVars", + "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": "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 vkAccessibility 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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", @@ -373306,44 +375487,44 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", "hover": "#D73DA7", - "normal": "#E03FAB", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", @@ -373351,74 +375532,59 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 255, 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, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "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)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -373426,9 +375592,9 @@ exports[`shapshots todo 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", @@ -373436,409 +375602,334 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "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)", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "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": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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)", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "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.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "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.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "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.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "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)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "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", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -373846,14 +375937,14 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -373861,69 +375952,24 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "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": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "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)", @@ -373931,4783 +375977,1616 @@ exports[`shapshots todo theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "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": "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", - "fontSize": 12, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", "fontWeight": 400, - "lineHeight": 16, + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": 14, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", "fontWeight": 400, - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": 12, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 23, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 22, - "fontWeight": 500, - "lineHeight": 22, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 21, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "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": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, + "lineHeight": "16px", "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, + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "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, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "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, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 18, + "fontSize": "13px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, "fontTitle2": { "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": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": 22, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "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, + "regular": "8px", }, "sizeArrowPadding": { - "regular": 12, + "regular": "12px", }, "sizeArrowPromo": { - "regular": 40, - }, - "sizeArrowWidth": { - "regular": 12, - }, - "sizeAttributeMargin": { - "regular": 4, + "regular": "40px", }, "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, - }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, - }, - "sizeBasePadding": { - "compact": 20, - "regular": 16, + "regular": "12px", }, "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, - }, - "sizeBorderWidthAccent": { - "regular": 8, - }, - "sizeBorderWidthAccentSecondary": { - "regular": 8, - }, - "sizeBorderWidthBar": { - "regular": 4, - }, - "sizeBorderWidthTab": { - "regular": 2, - }, - "sizeBulletMargin": { - "regular": 12, + "regular": "48px", }, "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, - }, - "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "regular": "1px", }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonMorePadding": { - "regular": 8, + "regular": "80px", }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, - }, - "sizeButtonSliderHeight": { - "regular": 24, - }, - "sizeButtonSliderWidth": { - "regular": 12, - }, - "sizeButtonSliderWidthPointer": { - "regular": 16, + "regular": "12px", }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "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": "8px", }, "sizeCardgridPadding": { - "regular": 12, + "regular": "8px", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "4px", }, "sizeCheckbox": { - "regular": 16, - }, - "sizeChoiceMargin": { - "regular": 8, - }, - "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, - }, - "sizeDivPadding": { - "regular": 4, - }, - "sizeDotBullet": { - "regular": 4, - }, - "sizeDotClickable": { - "regular": 12, - }, - "sizeDotIndicate": { - "regular": 8, + "regular": "16px", }, "sizeFieldHeight": { - "compact": 48, - "regular": 40, - }, - "sizeFieldHorizontalMargin": { - "regular": 20, + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { - "regular": 12, - }, - "sizeFieldSetMargin": { - "regular": 32, - }, - "sizeFieldVerticalMargin": { - "regular": 24, - }, - "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": 12, - }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, - }, - "sizeIconMargin": { - "compact": 8, - "regular": 12, - }, - "sizeIconMorePadding": { - "compact": 8, - "regular": 12, + "regular": "12px", }, "sizeIconUI": { - "regular": 16, - }, - "sizeIllustrationL": { - "regular": 144, - }, - "sizeIllustrationM": { - "regular": 96, - }, - "sizeIllustrationS": { - "regular": 48, - }, - "sizeIllustrationXM": { - "regular": 72, - }, - "sizeIllustrationXXL": { - "regular": 228, + "regular": "16px", }, "sizeLabelHorizontalMargin": { - "regular": 16, - }, - "sizeLabelVerticalMargin": { - "regular": 4, - }, - "sizeLabelWidth": { - "regular": 184, - }, - "sizeMenuMargin": { - "regular": 2, - }, - "sizeMenuPadding": { - "regular": 8, + "regular": "16px", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { - "regular": 880, - }, - "sizePopupMargin": { - "compact": 24, - "regular": 8, + "regular": "880px", }, "sizePopupMedium": { - "regular": 680, + "regular": "680px", }, "sizePopupSmall": { - "regular": 430, - }, - "sizeProgress": { - "regular": 4, - }, - "sizeProgressScroll": { - "regular": 12, - }, - "sizePromoButtonClose": { - "regular": 32, + "regular": "430px", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, - }, - "sizeSliceBottomPadding": { - "regular": 60, - }, - "sizeSliceTopPadding": { - "regular": 40, + "compact": "7px", + "regular": "6px", }, "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, - }, - "sizeTabMargin": { - "regular": 8, - }, - "sizeTabPadding": { - "regular": 16, - }, - "sizeTableHorizontalPadding": { - "regular": 16, - }, - "sizeTableVerticalPadding": { - "regular": 16, - }, - "sizeTagMargin": { - "regular": 8, - }, - "sizeTagPadding": { - "regular": 8, - }, - "sizeTipMargin": { - "regular": 4, + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { - "regular": 8, - }, - "sizeVerticalPadding": { - "regular": 0, - }, - "sizeWysiwygIcon": { - "regular": 14, + "regular": "8px", }, - "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, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBase", + "themeName": "vkAccessibility", + "themeNameBase": "vkAccessibility", + "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots tutoria theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibility 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)", - }, - "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.4, 0, 0.2, 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))", "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": "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, #237EDD)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", - }, + "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": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", - }, + "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": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, + "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": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, + "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": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", - }, + "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": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", - }, + "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": { - "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": "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": { - "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": "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": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", - }, + "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": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", - }, + "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": { - "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, #EB3046)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, + "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": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", - }, + "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": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", - }, + "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": { - "name": "--vkui--color_action_sheet_text--active", - "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, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", - }, + "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": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", - }, + "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": { - "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": "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, #D8DBE2)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", - }, + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #66ADFF)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #3392FF)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "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": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", - }, + "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": { - "name": "--vkui--color_background_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", - }, + "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": { - "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_themed_alpha--hover", - "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(38, 136, 235, 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": { - "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": "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": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #E9ECEF)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F4F5F7)", - }, - "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)", }, "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", - }, + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "colorBackgroundContrast": { - "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #E9ECEF)", - }, - "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F4F5F7)", - }, - "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": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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": { - "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.20))", - }, + "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))", }, "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": "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": { - "name": "--vkui--color_background_info_tint--active", - "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, #D5E5F7)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", - }, + "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": { - "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": { - "name": "--vkui--color_background_modal_inverse--active", - "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, #1B1C1F)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", - }, + "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": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FFB3B5)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF666B)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "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": { - "name": "--vkui--color_background_negative_tint--active", - "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, #F5E0E2)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", - }, + "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #66E394)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #34DA71)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "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": { - "name": "--vkui--color_background_positive_tint--active", - "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, #DFF0E1)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", - }, + "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": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #D4D9DE)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E9ECEF)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "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": { - "name": "--vkui--color_background_secondary_alpha--active", - "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, 0, 0, 0.08))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", - }, + "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": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", - }, + "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": { - "name": "--vkui--color_background_tertiary_alpha--active", - "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.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "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.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": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", - }, + "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": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", - }, + "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": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", - }, + "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": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", - }, + "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": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "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": { - "name": "--vkui--color_field_border_alpha--active", - "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, 0, 0, 0.24))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 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": { - "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, #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)", - }, + "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": { - "name": "--vkui--color_icon_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", - }, + "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": { - "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": { - "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": "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, #778292)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "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": { - "name": "--vkui--color_icon_medium_alpha--active", - "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.52))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "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": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #EB3C45)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #F53E46)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "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": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #02C24D)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #02C94D)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "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": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #161A20)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #171B1F)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "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": { - "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, #555D69)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #58616B)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "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": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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.4))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "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": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #8794A4)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "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": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.28))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "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": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E8910E)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F2960C)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "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": { - "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_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 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": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "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": { - "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_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", - }, + "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": { - "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.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.40))", - }, + "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))", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", - }, + "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": { - "name": "--vkui--color_search_field_background--active", - "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, #E2E4E9)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "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": { - "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": "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, #D6DAE1)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #E0E3E8)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "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": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", - }, + "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": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", - }, + "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": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #E0E3E8)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #EAECF0)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "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": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", - }, + "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": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", - }, + "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": { - "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)", - }, + "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": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", - }, + "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": { - "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, #EB3C45)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #F53E46)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "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": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #02C24D)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #02C94D)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "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": { - "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": "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, #006FEF)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #0073F7)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "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": { - "name": "--vkui--color_text_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", - }, + "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": { - "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, #2978D3)", - }, - "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)", - }, + "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": { - "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)", - }, + "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": { - "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": "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, #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)", - }, + "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": { - "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, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2c2d2e)", }, "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", - }, + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", - }, + "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": { - "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)", - }, + "active": "var(--vkui--color_text_secondary--active, #5D6878)", + "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", + "normal": "var(--vkui--color_text_secondary, #65707D)", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", - }, + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", - }, + "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": { - "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": "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": { - "name": "--vkui--color_write_bar_icon--active", - "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, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", - }, + "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": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "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)", + "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))", + "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 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": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + }, + "fontCaption1Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, + "fontCaption2": { + "regular": { + "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)", }, }, - "colorWriteBarInputBorder": { - "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "fontCaption2Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + }, + "fontCaption3": { + "regular": { + "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)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + }, + "fontCaption3Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "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))", + "fontDisplayTitle1": { + "regular": { + "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)", }, - "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))", + }, + "fontDisplayTitle2": { + "compact": { + "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)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "regular": { + "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)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "fontDisplayTitle3": { + "regular": { + "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)", + }, }, - "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))", + "fontDisplayTitle4": { + "regular": { + "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)", + }, }, - "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))", + "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, 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)", + }, }, - "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))", + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, }, - "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))", + "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)", + "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)", + }, }, - "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--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)", - }, - }, + "fontHeadline1": { "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)", - }, + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "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)", - }, - "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, 600)", - }, - "lineHeight": { - "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)", - }, + "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)", }, }, - "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)", - }, - }, + "fontParagraph": { "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)", - }, - "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": "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)", }, }, - "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)", - }, - "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)", - }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "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)", - }, - "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, 600)", - }, - "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": "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)", }, }, - "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)", - }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "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)", - }, - "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": "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)", }, }, - "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)", - }, - "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)", - }, - }, + "fontTitle1": { "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)", - }, - "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, 600)", - }, - "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": "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)", }, }, - "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)", - }, - }, + "fontTitle2": { "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "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)", }, }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", - }, - }, + "fontTitle3": { "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "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)", }, }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, - }, + "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, 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(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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, - }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "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)", - }, - }, - "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)", - }, - "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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 16px)", - }, - }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "lineHeight": { - "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)", - }, - }, + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "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, Roboto, 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, 24px)", - }, - }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "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, Roboto, 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, 24px)", - }, - }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "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, Roboto, 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)", - }, - }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "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, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 14px)", - }, - "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, 18px)", - }, - }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--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, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, - }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "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, Roboto, 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, 24px)", - }, - }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--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)", - }, - }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, - }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, - "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, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, - }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--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)", - }, - }, - "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)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--regular", - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 24px)", - }, - }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 600)", + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, - "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", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--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)", - }, - }, - "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)", - }, - }, - "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)", - }, + "sizeBorderRadiusPaper": { + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "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, 10px)", - }, + "regular": "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)", - }, + "regular": "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, 8px)", - }, + "regular": "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)", - }, + "regular": "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, 6px)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "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": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "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": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "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, 101px)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "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, 28px)", - }, + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "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)", - }, - "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "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)", - }, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 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, vkAccessibility)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", + "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`] = ` +{ + "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", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, tutoria)", + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, tutoria)", + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, - "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)", - }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, - "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)", - }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, - "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)", - }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, - "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)", - }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, - "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, - "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)", - }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "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))", - }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "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)", - }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, - "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)", - }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", - }, -} -`; - -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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", - }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", - }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", - }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", - }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", - }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", - }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", - }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorAvatarOverlay": { - "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)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", - }, - "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "colorBackgroundAccent": { - "active": "#66ADFF", - "hover": "#3392FF", - "normal": "#0077FF", - }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", - }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -378715,9 +377594,9 @@ 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", }, "colorBackgroundContentInverse": { "active": "#17181D", @@ -378725,9 +377604,9 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { "active": "#282B2F", @@ -378760,9 +377639,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", @@ -378770,9 +377649,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", @@ -378780,9 +377659,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)", @@ -378820,9 +377699,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)", @@ -378835,9 +377714,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", @@ -378847,7 +377726,7 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -378860,29 +377739,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", @@ -378890,29 +377769,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)", @@ -378920,9 +377799,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)", @@ -378950,9 +377829,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", @@ -378960,9 +377839,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", @@ -378980,9 +377859,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", @@ -378995,9 +377874,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", @@ -379007,17 +377886,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", @@ -379025,9 +377904,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", @@ -379037,7 +377916,7 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", @@ -379070,19 +377949,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", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -379095,9 +377974,9 @@ 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", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -379105,14 +377984,14 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "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", @@ -379135,9 +378014,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", @@ -379156,214 +378035,204 @@ 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", - "fontSize": "12px", - "fontWeight": 500, - "lineHeight": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "fontSize": 12, "fontWeight": 600, - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 600, - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 400, - "lineHeight": "12px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 600, - "lineHeight": "12px", + "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", + "fontSize": 23, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", + "fontSize": 22, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", + "fontSize": 21, "fontWeight": 600, - "lineHeight": "26px", + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", + "fontSize": 19, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", + "fontSize": 17, "fontWeight": 600, - "lineHeight": "22px", + "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": "13px", - "fontWeight": 400, - "lineHeight": "16px", - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 500, - "lineHeight": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": 20, }, }, "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": 20, }, }, "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 20, }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 500, - "lineHeight": "18px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": 20, }, }, "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", - "fontSize": "24px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "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": 17, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 22, }, }, "fontWeightAccent1": 600, @@ -379379,1631 +378248,3591 @@ exports[`shapshots tutoria theme should match pixelify theme snapshot 1`] = ` "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, "sizeArrow": { - "regular": "8px", + "regular": 8, }, "sizeArrowPadding": { - "regular": "12px", + "regular": 12, }, "sizeArrowPromo": { - "regular": "40px", + "regular": 40, }, "sizeAvatarL": { - "regular": "96px", + "regular": 96, }, "sizeAvatarM": { - "regular": "48px", + "regular": 48, }, "sizeAvatarS": { - "regular": "32px", + "regular": 32, }, "sizeAvatarXL": { - "regular": "128px", + "regular": 128, }, "sizeAvatarXS": { - "regular": "24px", + "regular": 24, }, "sizeBadgeL": { - "regular": "44px", + "regular": 44, }, "sizeBadgeM": { - "regular": "24px", + "regular": 24, }, "sizeBadgeS": { - "regular": "16px", + "regular": 16, }, "sizeBadgeXL": { - "regular": "56px", + "regular": 56, }, "sizeBadgeXS": { - "regular": "12px", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeBorder1x": { - "regular": "1px", + "regular": 1, }, "sizeBorder2x": { - "regular": "0.5px", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "0.33px", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "10px", + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "8px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "6px", + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": 1, }, "sizeButtonLargeHeight": { - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "101px", + "regular": 80, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonSmallHeight": { - "regular": "28px", + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": 4, }, "sizeCheckbox": { - "regular": "16px", + "regular": 16, }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeIconUI": { - "regular": "16px", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "880px", + "regular": 880, }, "sizePopupMedium": { - "regular": "680px", + "regular": 680, }, "sizePopupSmall": { - "regular": "430px", + "regular": 430, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "compact": "16px", - "regular": "24px", + "regular": 16, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { - "regular": "8px", - }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeName": "tutoria", - "themeNameBase": "tutoria", - "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", + "regular": 8, }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "themeName": "vkAccessibility", + "themeNameBase": "vkAccessibility", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, - }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, - }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "20px", + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "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`] = ` -{ - "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))", - "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": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, }, "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": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, }, "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": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "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)", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "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": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "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": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "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)", + "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": "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": { + "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": "var(--vkui--color_accent_pink--active, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "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)", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "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": { + "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": "var(--vkui--color_accent_red--active, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, }, "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": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, }, "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": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, }, "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": { + "name": "--vkui--color_action_sheet_text--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, }, "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": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "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))", - "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": { + "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": "var(--vkui--color_background--active, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, }, "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": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, }, "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": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + }, }, "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": { + "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": "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": { + "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": "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #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": { + "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": "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": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "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.20))", + "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": "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": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, }, "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": { + "name": "--vkui--color_background_info_tint--active", + "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, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "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": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #252627)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", + }, }, "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": { + "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": "var(--vkui--color_background_negative--active, #FFB3B5)", - "hover": "var(--vkui--color_background_negative--hover, #FF666B)", - "normal": "var(--vkui--color_background_negative, #FF4046)", + "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": "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, }, "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)", + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, }, "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": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, }, "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": { + "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_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, }, "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": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, }, "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": { + "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_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, }, "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": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", + }, }, "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": { + "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": "var(--vkui--color_button_stroke--active, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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": "var(--vkui--color_button_text--active, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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": "var(--vkui--color_field_background--active, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "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": "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": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "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": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, }, "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": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, }, "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)", - }, - "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": { + "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)", + }, }, "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": { + "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": "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": { + "name": "--vkui--color_icon_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, }, "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": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #B9BABF)", + }, }, "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": { + "name": "--vkui--color_icon_medium_alpha--active", + "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(247, 248, 255, 0.74))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", + }, }, "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": { + "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": "var(--vkui--color_icon_positive--active, #02C24D)", - "hover": "var(--vkui--color_icon_positive--hover, #02C94D)", - "normal": "var(--vkui--color_icon_positive, #02D14E)", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "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": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "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)", + "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": "var(--vkui--color_icon_secondary--active, #555D69)", - "hover": "var(--vkui--color_icon_secondary--hover, #58616B)", - "normal": "var(--vkui--color_icon_secondary, #5C646D)", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #929496)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #898B8D)", + }, }, "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": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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(248, 252, 255, 0.54))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", + }, }, "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": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5D5F61)", + }, }, "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": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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(246, 250, 255, 0.41000000000000003))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", + }, }, "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": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #EDB055)", + }, }, "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": { + "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": "var(--vkui--color_image_placeholder--active, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, }, "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": { + "name": "--vkui--color_image_placeholder_alpha--active", + "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(241, 247, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "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": { + "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": "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": { + "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.40))", + }, }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "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": { + "name": "--vkui--color_panel_header_icon--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, }, "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": { + "name": "--vkui--color_search_field_background--active", + "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, #333333)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #2A2A2B)", + }, }, "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": { + "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": "var(--vkui--color_separator_primary--active, #D6DAE1)", - "hover": "var(--vkui--color_separator_primary--hover, #E0E3E8)", - "normal": "var(--vkui--color_separator_primary, #E9ECEF)", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #464748)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, }, "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": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, }, "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": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #505253)", + }, }, "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": { + "name": "--vkui--color_separator_primary_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 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": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272728)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, }, "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": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #353536)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, }, "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": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, }, "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": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", + }, }, "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": { + "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": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #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": "var(--vkui--color_stroke_negative--active, #EB3C45)", - "hover": "var(--vkui--color_stroke_negative--hover, #F53E46)", - "normal": "var(--vkui--color_stroke_negative, #FF4046)", + "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": "var(--vkui--color_stroke_positive--active, #02C24D)", - "hover": "var(--vkui--color_stroke_positive--hover, #02C94D)", - "normal": "var(--vkui--color_stroke_positive, #02D14E)", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "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": { + "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": "var(--vkui--color_text_accent--active, #006FEF)", - "hover": "var(--vkui--color_text_accent--hover, #0073F7)", - "normal": "var(--vkui--color_text_accent, #0077FF)", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", + }, }, "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": { + "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": "var(--vkui--color_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #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": "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": { + "name": "--vkui--color_text_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, }, "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": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, }, "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": { + "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": "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": { + "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": "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": { + "name": "--vkui--color_text_link_visited--active", + "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, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "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": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", + }, }, "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": { + "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": "var(--vkui--color_text_positive--active, #02C24D)", - "hover": "var(--vkui--color_text_positive--hover, #02C94D)", - "normal": "var(--vkui--color_text_positive, #02D14E)", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "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": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e1e3e6)", + }, }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, }, "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": { + "name": "--vkui--color_text_primary_invariably--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "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": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #999B9D)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #949698)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #909294)", + }, }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, }, "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": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #B9BABF)", + }, }, "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": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #77797B)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #717375)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #6B6D6F)", + }, }, "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": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #545556)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", + }, }, "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": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "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))", - "normal": "var(--vkui--color_transparent, 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": "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, #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)", - }, - "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))", - }, - "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))", - "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)", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", }, - "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, - }, - "fontCaption1Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, - "fontCaption2": { - "regular": { - "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)", + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", }, - }, - "fontCaption2Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", }, - }, - "fontCaption3": { - "regular": { - "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)", + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, - "fontCaption3Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, - }, - "fontDisplayTitle1": { - "regular": { - "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)", + "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)", }, }, - "fontDisplayTitle2": { - "compact": { - "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)", + "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))", }, - "regular": { - "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)", + "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))", }, - }, - "fontDisplayTitle3": { - "regular": { - "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)", + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, }, - "fontDisplayTitle4": { - "regular": { - "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)", - }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", }, - "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)", + "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))", + }, + "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))", + }, + "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))", + }, + "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))", + }, + "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))", + }, + "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": "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, 500)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + "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)", + }, + "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, 14px)", + }, + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, }, }, "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)", + }, + "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": "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "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)", + }, + "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)", + }, + "lineHeight": { + "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)", + }, }, }, "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": "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, 24px)", + "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)", + }, + "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": "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, 24px)", + "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)", + }, + "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": "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)", + "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)", + }, + "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": "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, 18px)", + "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)", + }, + "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, 16px)", + }, + }, "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "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)", + }, + "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": "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, 24px)", + "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)", + }, + "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": { - "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)", + "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": "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, 600)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + "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)", + }, + "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, 600)", + }, + "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": "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, 600)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "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)", + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, }, }, - "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, 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(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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", - }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", - }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", }, - "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", }, - "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "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%)", }, - "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "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%)", }, - "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "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%)", }, - "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "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%)", }, - "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", }, - "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, + }, + "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)", + }, + }, + "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": { - "regular": "var(--vkui--size_border1x--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": "var(--vkui--size_border2x--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": "var(--vkui--size_border3x--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": "var(--vkui--size_border_radius--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": "var(--vkui--size_border_radius_paper--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": "var(--vkui--size_border_radius_promo--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": "var(--vkui--size_border_radius_rounded--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)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", + "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": "var(--vkui--size_button_base_large_padding_horizontal_icon--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": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", + "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": "var(--vkui--size_button_base_medium_padding_horizontal_icon--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": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", + "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": "var(--vkui--size_button_base_small_padding_horizontal_icon--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": "var(--vkui--size_button_group_gap_medium--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": "var(--vkui--size_button_group_gap_small--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": "var(--vkui--size_button_group_gap_space--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)", + }, }, "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--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": { - "regular": "var(--vkui--size_button_medium_height--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": "var(--vkui--size_button_minimum_width--regular, 101px)", + "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": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "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": { - "regular": "var(--vkui--size_button_small_height--regular, 28px)", + "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": "var(--vkui--size_button_tertiary_large_padding_horizontal--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": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_medium_padding_horizontal--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": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_small_padding_horizontal--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": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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": "var(--vkui--size_card_border_radius--regular, 8px)", + "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": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--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": "var(--vkui--size_check_border_radius--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": "var(--vkui--size_checkbox--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)", + }, }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--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)", + }, }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--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)", + }, }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--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)", + }, }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--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)", + }, }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--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)", + }, }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--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": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--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": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "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": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "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": { - "regular": "var(--vkui--size_popup_large--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)", + }, }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--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": "var(--vkui--size_popup_small--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)", + }, }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--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": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "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": { - "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", + "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": "var(--vkui--size_subnavigation_bar_gap--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": "var(--vkui--size_subnavigation_bar_padding_vertical--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": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--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": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--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": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--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)", + }, }, "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)", - "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)", - }, - "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)", + "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)", + }, }, - "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)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "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)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "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)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "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)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "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)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "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)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "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)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "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)", - }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "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)", - }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "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)", - }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "tutoriaLayoutMaxWidth": { - "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkAccessibilityDark)", }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkAccessibility)", }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "tutoriaSizePaddingCard": { - "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", - "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "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 vkAccessibilityDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -381011,84 +381840,84 @@ exports[`shapshots tutoria 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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -381101,254 +381930,254 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#66ADFF", - "hover": "#3392FF", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#E9ECEF", - "hover": "#F4F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#FFB3B5", - "hover": "#FF666B", - "normal": "#FF4046", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#66E394", - "hover": "#34DA71", - "normal": "#02D14E", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#E9ECEF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -381361,425 +382190,415 @@ exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#E0E3E8", - "hover": "#EAECF0", - "normal": "#F4F5F7", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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", - "fontSize": 12, - "fontWeight": 500, - "lineHeight": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, + "fontSize": "12px", "fontWeight": 600, - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 600, - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 400, - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 600, - "lineHeight": 12, + "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, + "fontSize": "23px", "fontWeight": 600, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, + "fontSize": "22px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, + "fontSize": "21px", "fontWeight": 600, - "lineHeight": 26, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, + "fontSize": "19px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, + "fontSize": "17px", "fontWeight": 600, - "lineHeight": 22, + "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": 13, - "fontWeight": 400, - "lineHeight": 16, - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 500, - "lineHeight": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 16, + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 24, + "lineHeight": "20px", }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 24, + "lineHeight": "20px", }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "20px", }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 500, - "lineHeight": 18, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", "fontWeight": 400, - "lineHeight": 24, + "lineHeight": "20px", }, }, "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", - "fontSize": 24, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", "fontWeight": 600, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, }, "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": "17px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "22px", }, }, "fontWeightAccent1": 600, @@ -381788,4580 +382607,1458 @@ exports[`shapshots tutoria 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, "sizeArrow": { - "regular": 8, + "regular": "8px", }, "sizeArrowPadding": { - "regular": 12, + "regular": "12px", }, "sizeArrowPromo": { - "regular": 40, + "regular": "40px", }, "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", }, "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", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 10, + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 8, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 6, + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": 8, + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": 1, + "regular": "1px", }, "sizeButtonLargeHeight": { - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": 101, + "regular": "80px", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "regular": "12px", }, "sizeButtonSmallHeight": { - "regular": 28, + "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": 8, + "regular": "8px", }, "sizeCardgridPadding": { - "regular": 8, + "regular": "8px", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "4px", }, "sizeCheckbox": { - "regular": 16, + "regular": "16px", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "12px", }, "sizeIconUI": { - "regular": 16, + "regular": "16px", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "16px", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { - "regular": 880, + "regular": "880px", }, "sizePopupMedium": { - "regular": 680, + "regular": "680px", }, "sizePopupSmall": { - "regular": 430, + "regular": "430px", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": "7px", + "regular": "6px", }, "sizeSplitColPaddingHorizontal": { - "compact": 16, - "regular": 24, + "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", }, "sizeTooltipMargin": { - "regular": 8, - }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeName": "tutoria", - "themeNameBase": "tutoria", - "themeType": "root", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", + "regular": "8px", }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityDark", + "themeNameBase": "vkAccessibility", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +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)", + "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))", + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #59B959)", + "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #B5F820)", + "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA814)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", + "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)", }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", + "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)", }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "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)", }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #B05DFF)", + "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", + "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)", }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", + "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))", }, - "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`] = ` -{ - "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.4, 0, 0.2, 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)", - }, - }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #689EDD)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #6CA4E4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", - }, - }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", - }, - }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, - }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, - }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", - }, - }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", - }, - }, - "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, #EBB25F)", - }, - "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #F5B961)", - }, - "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", - }, - }, - "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", - }, - }, - "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #8D7CEF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9380F7)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", - }, - }, - "colorAccentRaspberryPink": { - "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "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, #E65DBB)", - }, - "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, #EB3046)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, - }, - "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", - }, - }, - "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #9B4AEF)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #A24CF7)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", - }, - }, - "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "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, #6CA4E4)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", - }, - }, - "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", - }, - }, - "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))", - }, + "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, #090A0E)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #0A0A0C)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", - }, + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", - }, + "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": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", - }, + "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": { - "name": "--vkui--color_background_accent_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "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": { - "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": "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": { - "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": "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": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #17181D)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #18191B)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", - }, + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", - }, + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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": { - "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": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", - }, + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #1A3652)", - }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #1B3753)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", - }, + "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": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #1A1C20)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #1B1C1F)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", - }, + "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": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", - }, + "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": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #F5595B)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", - }, + "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": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #4B2C2F)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #4F2D2F)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", - }, + "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #2A3A2C)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #2C3C2C)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", - }, + "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": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #202126)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", - }, + "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": { - "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_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "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.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": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #1D1F23)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #1F1F22)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", - }, + "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": { - "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_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "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.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": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #413018)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #443217)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", - }, + "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": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "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": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "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": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "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": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #202126)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", - }, + "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": { - "name": "--vkui--color_field_border_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "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.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": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #17181D)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #18191B)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", - }, + "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": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", - }, + "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": { - "name": "--vkui--color_icon_accent_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "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": { - "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, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "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)", - }, + "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": { - "name": "--vkui--color_icon_contrast_themed--active", - "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, #000102)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", - }, + "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": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #A2A4AC)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #A9ABB1)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "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": { - "name": "--vkui--color_icon_medium_alpha--active", - "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(241, 247, 255, 0.7000000000000001))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "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": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #F5595B)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", - }, + "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": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", - }, + "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": { - "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, #3D3E3F)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #343536)", + "normal": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #6D7075)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #717478)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "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": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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(241, 247, 255, 0.47000000000000003))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "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": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #56595E)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #595C60)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "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": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.34))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "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": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #DAA353)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #E4AA54)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", - }, + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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": "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": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #27292D)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #282A2D)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", - }, + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "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(241, 247, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", - }, + "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": { - "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, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "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.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.40))", - }, + "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))", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #6CA4E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", - }, + "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": { - "name": "--vkui--color_search_field_background--active", - "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, #343538)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "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": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #5A5C61)", - }, - "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #5E6062)", - }, - "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", - }, + "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": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #323438)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #343538)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", - }, + "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": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #3F4145)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #414346)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", - }, + "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": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #4A4D51)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", - }, + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #121418)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #131417)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", - }, + "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": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #202126)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", - }, + "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": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", - }, + "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": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", - }, + "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": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "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": { - "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, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #F5595B)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", - }, + "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": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_tabbar_text_inactive--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", - }, + "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": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", - }, + "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": { - "name": "--vkui--color_text_accent_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "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": { - "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, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "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, #000102)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", - }, + "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": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", - }, + "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": { - "name": "--vkui--color_text_link_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "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": { - "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": "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": { - "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)", - }, + "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": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", - }, + "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": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #F5595B)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", - }, + "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": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", - }, + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", - }, + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", - }, + "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": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #6D7075)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #717478)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "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)", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", - }, + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #8A8F97)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #90949B)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "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": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #56595E)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #595C60)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "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": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #3F4246)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #424447)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", - }, + "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": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #3B516E)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #3D5470)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", - }, + "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": { - "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": "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": { - "name": "--vkui--color_write_bar_icon--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", - }, + "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": { - "name": "--vkui--color_write_bar_input_background--active", - "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, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", - }, + "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": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #282B2F)", + "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, 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": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #2A2C2F)", + }, + "fontCaption1Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + }, + "fontCaption2": { + "regular": { + "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)", }, }, - "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))", + "fontCaption2Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, - "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))", + }, + "fontCaption3": { + "regular": { + "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)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + "fontCaption3Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "fontDisplayTitle1": { + "regular": { + "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)", + }, }, - "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))", + "fontDisplayTitle2": { + "compact": { + "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, -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)", + }, }, - "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))", + "fontDisplayTitle3": { + "regular": { + "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)", + }, }, - "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))", + "fontDisplayTitle4": { + "regular": { + "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)", + }, }, - "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))", + "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, 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)", + }, }, - "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))", + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, }, - "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)", - }, + "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)", + "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": { - "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)", - }, + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "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)", - }, - "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, 600)", - }, - "lineHeight": { - "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)", - }, + "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)", }, }, - "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)", - }, + "fontParagraph": { + "regular": { + "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)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "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)", - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, - }, - }, - "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--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)", - }, - }, - "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)", - }, - "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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 16px)", - }, - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "lineHeight": { - "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)", - }, - }, - }, - "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, Roboto, 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, 24px)", - }, - }, - }, - "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, Roboto, 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, 24px)", - }, - }, - }, - "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, Roboto, 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, Roboto, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_paragraph--font_size--regular", - "value": "var(--vkui--font_paragraph--font_size--regular, 14px)", - }, - "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, 18px)", - }, - }, - }, - "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, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "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)", }, }, "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": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "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)", - }, - "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, 24px)", - }, + "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)", }, }, "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)", - }, - }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "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)", }, }, "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, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "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": { - "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)", - }, - }, - "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)", - }, - "fontSize": { - "name": "--vkui--font_title3--font_size--regular", - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 24px)", - }, + "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)", }, }, - "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)", - }, + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "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%)", + "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%)", + "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)", "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": "var(--vkui--size_arrow--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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "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, 10px)", - }, + "regular": "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)", - }, + "regular": "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, 8px)", - }, + "regular": "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)", - }, + "regular": "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, 6px)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "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": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "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": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "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, 101px)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "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, 28px)", - }, + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "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)", - }, - "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "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)", - }, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 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, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkAccessibilityDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", + "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`] = ` +{ + "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": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, tutoriaDark)", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, tutoria)", + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, - "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)", - }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, - "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)", - }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, - "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)", - }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, - "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)", - }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "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)", - }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, - "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))", - }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, - "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)", - }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, - "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))", - }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, - "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)", - }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "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))", - }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 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))", - }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "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)", - }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, - "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)", - }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, - "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)", - }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "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)", - }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, - "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)", - }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", - }, -} -`; - -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.4, 0, 0.2, 1)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", - }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", - }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", - }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#EBB25F", - "hover": "#F5B961", - "normal": "#FFC062", - }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", - }, - "colorAccentPurple": { - "active": "#8D7CEF", - "hover": "#9380F7", - "normal": "#9985ff", - }, - "colorAccentRaspberryPink": { - "active": "#DD5AB6", - "hover": "#E65DBB", - "normal": "#f060c0", - }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorAccentViolet": { - "active": "#9B4AEF", - "hover": "#A24CF7", - "normal": "#a94fff", - }, - "colorActionSheetText": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", - }, - "colorAvatarOverlay": { - "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)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", - }, - "colorBackground": { - "active": "#090A0E", - "hover": "#0A0A0C", - "normal": "#0a0a0a", - }, - "colorBackgroundAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", - }, - "colorBackgroundAccentAlternative": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529EF4", - }, - "colorBackgroundAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "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": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", - }, - "colorBackgroundContent": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191a", - }, - "colorBackgroundContentInverse": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorBackgroundContrastInverse": { - "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)", - }, - "colorBackgroundContrastThemed": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "colorBackgroundInfoTint": { - "active": "#1A3652", - "hover": "#1B3753", - "normal": "#1C3954", - }, - "colorBackgroundModal": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", - }, - "colorBackgroundModalInverse": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", - }, - "colorBackgroundNegativeTint": { - "active": "#4B2C2F", - "hover": "#4F2D2F", - "normal": "#522E2E", - }, - "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "colorBackgroundPositive": { + "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": { @@ -386370,8 +384067,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": { @@ -386380,28 +384077,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": { @@ -386410,88 +384107,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": { @@ -386500,8 +384197,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": { @@ -386510,9 +384207,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)", @@ -386525,33 +384222,33 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.27)", }, "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": { @@ -386560,108 +384257,108 @@ 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", }, "colorTextPrimaryAlpha": { @@ -386670,14 +384367,14 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -386685,43 +384382,43 @@ exports[`shapshots tutoriaDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(247, 251, 255, 0.42)", }, "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": { @@ -386729,221 +384426,211 @@ 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", - "fontSize": "12px", - "fontWeight": 500, - "lineHeight": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "fontSize": 12, "fontWeight": 600, - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 600, - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 400, - "lineHeight": "12px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 600, - "lineHeight": "12px", + "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", + "fontSize": 23, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", + "fontSize": 22, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", + "fontSize": 21, "fontWeight": 600, - "lineHeight": "26px", + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", + "fontSize": 19, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", + "fontSize": 17, "fontWeight": 600, - "lineHeight": "22px", + "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": "13px", - "fontWeight": 400, - "lineHeight": "16px", - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 500, - "lineHeight": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": 20, }, }, "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": 20, }, }, "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 20, }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 500, - "lineHeight": "18px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "24px", + "lineHeight": 20, }, }, "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", - "fontSize": "24px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "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": 17, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 22, }, }, "fontWeightAccent1": 600, @@ -386952,1655 +384639,3613 @@ 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, "sizeArrow": { - "regular": "8px", + "regular": 8, }, "sizeArrowPadding": { - "regular": "12px", + "regular": 12, }, "sizeArrowPromo": { - "regular": "40px", + "regular": 40, }, "sizeAvatarL": { - "regular": "96px", + "regular": 96, }, "sizeAvatarM": { - "regular": "48px", + "regular": 48, }, "sizeAvatarS": { - "regular": "32px", + "regular": 32, }, "sizeAvatarXL": { - "regular": "128px", + "regular": 128, }, "sizeAvatarXS": { - "regular": "24px", + "regular": 24, }, "sizeBadgeL": { - "regular": "44px", + "regular": 44, }, "sizeBadgeM": { - "regular": "24px", + "regular": 24, }, "sizeBadgeS": { - "regular": "16px", + "regular": 16, }, "sizeBadgeXL": { - "regular": "56px", + "regular": 56, }, "sizeBadgeXS": { - "regular": "12px", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeBorder1x": { - "regular": "1px", + "regular": 1, }, "sizeBorder2x": { - "regular": "0.5px", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "0.33px", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "10px", + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "8px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "6px", + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": 1, }, "sizeButtonLargeHeight": { - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "101px", + "regular": 80, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonSmallHeight": { - "regular": "28px", + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": 4, }, "sizeCheckbox": { - "regular": "16px", + "regular": 16, }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeIconUI": { - "regular": "16px", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "880px", + "regular": 880, }, "sizePopupMedium": { - "regular": "680px", + "regular": 680, }, "sizePopupSmall": { - "regular": "430px", + "regular": 430, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "compact": "16px", - "regular": "24px", + "regular": 16, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { - "regular": "8px", - }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "tutoriaDark", - "themeNameBase": "tutoria", - "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", + "regular": 8, }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityDark", + "themeNameBase": "vkAccessibility", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, - }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "hover": { + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, - }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "20px", + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "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`] = ` -{ - "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))", - "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, #689EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #6CA4E4)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, }, "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": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, }, "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": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "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)", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "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": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "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": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "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)", + "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": "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)", + "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": "var(--vkui--color_accent_pink--active, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, }, "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #8D7CEF)", - "hover": "var(--vkui--color_accent_purple--hover, #9380F7)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", + }, }, "colorAccentRaspberryPink": { - "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)", + "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": "var(--vkui--color_accent_red--active, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, }, "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": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, }, "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #9B4AEF)", - "hover": "var(--vkui--color_accent_violet--hover, #A24CF7)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, }, "colorActionSheetText": { - "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)", + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, }, "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": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "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))", - "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": { + "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": "var(--vkui--color_background--active, #090A0E)", - "hover": "var(--vkui--color_background--hover, #0A0A0C)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ebedf0)", + }, }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #4B93E5)", - "hover": "var(--vkui--color_background_accent--hover, #4F98ED)", - "normal": "var(--vkui--color_background_accent, #529ef4)", + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #2688eb)", + }, }, "colorBackgroundAccentAlternative": { - "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)", + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, }, "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": { + "name": "--vkui--color_background_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", + }, }, "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": { + "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_themed_alpha--hover", + "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(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)", + "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)", + }, }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #17181D)", - "hover": "var(--vkui--color_background_content--hover, #18191B)", - "normal": "var(--vkui--color_background_content, #19191a)", + "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)", + }, }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #EBECEF)", - "hover": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #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": { + "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": "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": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "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))", + "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.20))", + }, }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #282B2F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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": "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)", + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #1A1C20)", - "hover": "var(--vkui--color_background_modal--hover, #1B1C1F)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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": "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)", + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "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, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + }, }, "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #EB565A)", - "hover": "var(--vkui--color_background_negative--hover, #F5595B)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #e64646)", + }, }, "colorBackgroundNegativeTint": { - "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)", + "active": { + "name": "--vkui--color_background_negative_tint--active", + "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, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "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)", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "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)", - "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #202126)", - "hover": "var(--vkui--color_background_secondary--hover, #222225)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", + }, }, "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": { + "name": "--vkui--color_background_secondary_alpha--active", + "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, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #1D1F23)", - "hover": "var(--vkui--color_background_tertiary--hover, #1F1F22)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, }, "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": { + "name": "--vkui--color_background_tertiary_alpha--active", + "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.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + }, }, "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #413018)", - "hover": "var(--vkui--color_background_warning--hover, #443217)", - "normal": "var(--vkui--color_background_warning, #473315)", + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF2D6)", + }, }, "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": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, }, "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": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, }, "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": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #202126)", - "hover": "var(--vkui--color_field_background--hover, #222225)", - "normal": "var(--vkui--color_field_background, #232324)", + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #F5F5F5)", + }, }, "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": { + "name": "--vkui--color_field_border_alpha--active", + "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, 0, 0, 0.24))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + }, }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #17181D)", - "hover": "var(--vkui--color_header_background--hover, #18191B)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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": "var(--vkui--color_icon_accent--active, #4B93E5)", - "hover": "var(--vkui--color_icon_accent--hover, #4F98ED)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #2688eb)", + }, }, "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": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "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)", + "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": "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": { + "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": "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)", + "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": "var(--vkui--color_icon_medium--active, #A2A4AC)", - "hover": "var(--vkui--color_icon_medium--hover, #A9ABB1)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #5D6878)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #616C7A)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #65707D)", + }, }, "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": { + "name": "--vkui--color_icon_medium_alpha--active", + "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.59))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", + }, }, "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #EB565A)", - "hover": "var(--vkui--color_icon_negative--hover, #F5595B)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "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)", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #CFD2D8)", - "hover": "var(--vkui--color_icon_primary--hover, #D8DBDF)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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": "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": { + "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": "var(--vkui--color_icon_secondary--active, #6D7075)", - "hover": "var(--vkui--color_icon_secondary--hover, #717478)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #7B8390)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #818893)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #868d97)", + }, }, "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": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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.48))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", + }, }, "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": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #a6adb7)", + }, }, "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": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.36))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", + }, }, "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #DAA353)", - "hover": "var(--vkui--color_icon_warning--hover, #E4AA54)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #F8A01C)", + }, }, "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": { + "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_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #27292D)", - "hover": "var(--vkui--color_image_placeholder--hover, #282A2D)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #F5F5F5)", + }, }, "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": { + "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_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "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)", + "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": "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": { + "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.40))", + }, }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "colorPanelHeaderIcon": { - "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)", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, }, "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": { + "name": "--vkui--color_search_field_background--active", + "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, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #F2F3F5)", + }, }, "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #5A5C61)", - "hover": "var(--vkui--color_segmented_control--hover, #5E6062)", - "normal": "var(--vkui--color_segmented_control, #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": "var(--vkui--color_separator_primary--active, #323438)", - "hover": "var(--vkui--color_separator_primary--hover, #343538)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", + }, }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #3F4145)", - "hover": "var(--vkui--color_separator_primary2x--hover, #414346)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #4A4D51)", - "hover": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, }, "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": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #121418)", - "hover": "var(--vkui--color_separator_secondary--hover, #131417)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #202126)", - "hover": "var(--vkui--color_skeleton_from--hover, #222225)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #282B2F)", - "hover": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #4B93E5)", - "hover": "var(--vkui--color_stroke_accent--hover, #4F98ED)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #2688eb)", + }, }, "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": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, }, "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": { + "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": "var(--vkui--color_stroke_negative--active, #EB565A)", - "hover": "var(--vkui--color_stroke_negative--hover, #F5595B)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "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)", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "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)", - "normal": "var(--vkui--color_tabbar_text_inactive, #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": "var(--vkui--color_text_accent--active, #4B93E5)", - "hover": "var(--vkui--color_text_accent--hover, #4F98ED)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #2688eb)", + }, }, "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": { + "name": "--vkui--color_text_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "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)", + "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": "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)", + "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": "var(--vkui--color_text_link--active, #4B93E5)", - "hover": "var(--vkui--color_text_link--hover, #4F98ED)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", + }, + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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": "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": { + "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)", + }, }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #CFD2D8)", - "hover": "var(--vkui--color_text_muted--hover, #D8DBDF)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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": "var(--vkui--color_text_negative--active, #EB565A)", - "hover": "var(--vkui--color_text_negative--hover, #F5595B)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "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)", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #CFD2D8)", - "hover": "var(--vkui--color_text_primary--hover, #D8DBDF)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #000105)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #000000)", + }, }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, }, "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #5D6878)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #616C7A)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #65707D)", + }, }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, }, "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": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #515C6B)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #54606D)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #58636F)", + }, }, "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": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #798391)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #848D98)", + }, }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #3F4246)", - "hover": "var(--vkui--color_track_background--hover, #424447)", - "normal": "var(--vkui--color_track_background, #454647)", + "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)", + }, }, "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #3B516E)", - "hover": "var(--vkui--color_track_buffer--hover, #3D5470)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, }, "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": { + "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": "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, #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, #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(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, 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)", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", }, - "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, - }, - "fontCaption1Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, }, - "fontCaption2": { - "regular": { - "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)", + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", }, - }, - "fontCaption2Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", }, - }, - "fontCaption3": { - "regular": { - "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)", + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", }, }, - "fontCaption3Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, - }, - "fontDisplayTitle1": { - "regular": { - "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)", + "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)", }, }, - "fontDisplayTitle2": { - "compact": { - "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)", + "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))", }, - "regular": { - "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)", + "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))", }, - }, - "fontDisplayTitle3": { - "regular": { - "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)", + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", }, }, - "fontDisplayTitle4": { - "regular": { - "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)", + "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--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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", + }, }, }, - "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": { + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, }, "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + "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)", + }, + "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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, }, }, "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)", + }, + "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": "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "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)", + }, + "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)", + }, + "lineHeight": { + "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)", + }, }, }, "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": "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, 24px)", + "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)", + }, + "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": "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, 24px)", + "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)", + }, + "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": "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)", + "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)", + }, + "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": "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, 18px)", + "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)", + }, + "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, 16px)", + }, + }, "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "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)", + }, + "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": "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, 24px)", + "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)", + }, + "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": { - "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)", + "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": "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, 600)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + "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)", + }, + "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, 600)", + }, + "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": "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, 600)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "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)", + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, }, }, - "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, 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(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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", - }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", }, - "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", }, - "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "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%)", }, - "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "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%)", }, - "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "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%)", }, - "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "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%)", }, - "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "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", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, + }, + "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": { - "regular": "var(--vkui--size_badge_x_s--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)", + }, }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--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, 12px)", + }, }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--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": "var(--vkui--size_border1x--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": "var(--vkui--size_border2x--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": "var(--vkui--size_border3x--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": "var(--vkui--size_border_radius--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, 10px)", + }, }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--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": "var(--vkui--size_border_radius_promo--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": "var(--vkui--size_border_radius_rounded--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)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", + "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": "var(--vkui--size_button_base_large_padding_horizontal_icon--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": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", + "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": "var(--vkui--size_button_base_medium_padding_horizontal_icon--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": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", + "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": "var(--vkui--size_button_base_small_padding_horizontal_icon--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": "var(--vkui--size_button_group_gap_medium--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": "var(--vkui--size_button_group_gap_small--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": "var(--vkui--size_button_group_gap_space--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)", + }, }, "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--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": { - "regular": "var(--vkui--size_button_medium_height--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": "var(--vkui--size_button_minimum_width--regular, 101px)", + "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": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "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": { - "regular": "var(--vkui--size_button_small_height--regular, 28px)", + "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": "var(--vkui--size_button_tertiary_large_padding_horizontal--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": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_medium_padding_horizontal--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": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_small_padding_horizontal--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": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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": "var(--vkui--size_card_border_radius--regular, 8px)", + "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": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--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": "var(--vkui--size_check_border_radius--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": "var(--vkui--size_checkbox--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)", + }, }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--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)", + }, }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--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)", + }, }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--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)", + }, }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--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)", + }, }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--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)", + }, }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--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": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--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, 52px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "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)", + "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": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "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": { - "regular": "var(--vkui--size_popup_large--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)", + }, }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--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": "var(--vkui--size_popup_small--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)", + }, }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--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": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "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": { - "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", + "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": "var(--vkui--size_subnavigation_bar_gap--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": "var(--vkui--size_subnavigation_bar_padding_vertical--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": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--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, 27px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 31px)", + }, }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--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, 23px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 27px)", + }, }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--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, 47px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "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, 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)", - }, - "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)", + "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)", + }, }, - "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)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "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)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "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)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "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)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "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)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "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)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "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)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "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)", - }, + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "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)", - }, + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "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)", - }, + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "tutoriaLayoutMaxWidth": { - "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkAccessibilityIOS)", }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "tutoriaSizePaddingCard": { - "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", - "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "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 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", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { "active": "#11ECC4", @@ -388633,9 +388278,9 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#f05c44", }, "colorAccentOrangePeach": { - "active": "#EBB25F", - "hover": "#F5B961", - "normal": "#FFC062", + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { "active": "#E059EF", @@ -388643,14 +388288,14 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#8D7CEF", - "hover": "#9380F7", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#DD5AB6", - "hover": "#E65DBB", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { "active": "#EB3046", @@ -388663,14 +388308,14 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#9B4AEF", - "hover": "#A24CF7", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -388683,29 +388328,29 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#090A0E", - "hover": "#0A0A0C", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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", @@ -388713,14 +388358,14 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191a", - }, - "colorBackgroundContentInverse": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -388735,37 +388380,37 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#1A3652", - "hover": "#1B3753", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", - }, - "colorBackgroundModalInverse": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, - "colorBackgroundNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "colorBackgroundModalInverse": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#4B2C2F", - "hover": "#4F2D2F", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -388773,74 +388418,74 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3A2C", - "hover": "#2C3C2C", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#1D1F23", - "hover": "#1F1F22", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#413018", - "hover": "#443217", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -388853,24 +388498,24 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#A2A4AC", - "hover": "#A9ABB1", - "normal": "#b0b1b6", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { "active": "#45A64A", @@ -388878,9 +388523,9 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#282B2F", @@ -388888,44 +388533,44 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": "#DAA353", - "hover": "#E4AA54", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#27292D", - "hover": "#282A2D", - "normal": "#2a2b2c", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { "active": "#EBECEF", @@ -388943,64 +388588,64 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#323438", - "hover": "#343538", - "normal": "#363738", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { - "active": "#5A5C61", - "hover": "#5E6062", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#323438", - "hover": "#343538", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#3F4145", - "hover": "#414346", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#4A4D51", - "hover": "#4D4F52", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#121418", - "hover": "#131417", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -389008,9 +388653,9 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { "active": "#45A64A", @@ -389018,19 +388663,19 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -389038,19 +388683,19 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { "active": "#689EDD", @@ -389063,14 +388708,14 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { "active": "#45A64A", @@ -389078,14 +388723,14 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { "active": "#000105", @@ -389093,34 +388738,34 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#8A8F97", - "hover": "#90949B", - "normal": "#969a9f", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#3B516E", - "hover": "#3D5470", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -389128,24 +388773,24 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorWriteBarInputBorder": { - "active": "#282B2F", - "hover": "#2A2C2F", - "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorsScheme": "light", "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", @@ -389154,214 +388799,204 @@ exports[`shapshots tutoriaDark 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", - "fontSize": 12, - "fontWeight": 500, - "lineHeight": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, + "fontSize": "12px", "fontWeight": 600, - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 600, - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 400, - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 600, - "lineHeight": 12, + "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, + "fontSize": "23px", "fontWeight": 600, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, + "fontSize": "22px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, + "fontSize": "21px", "fontWeight": 600, - "lineHeight": 26, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, + "fontSize": "19px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, + "fontSize": "17px", "fontWeight": 600, - "lineHeight": 22, + "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": 13, - "fontWeight": 400, - "lineHeight": 16, - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 500, - "lineHeight": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 16, + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 24, + "lineHeight": "20px", }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 24, + "lineHeight": "20px", }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "20px", }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 500, - "lineHeight": 18, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", "fontWeight": 400, - "lineHeight": 24, + "lineHeight": "20px", }, }, "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", - "fontSize": 24, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", "fontWeight": 600, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, }, "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": "17px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "22px", }, }, "fontWeightAccent1": 600, @@ -389377,4119 +389012,5968 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, "sizeArrow": { - "regular": 8, + "regular": "8px", }, "sizeArrowPadding": { - "regular": 12, + "regular": "12px", }, "sizeArrowPromo": { - "regular": 40, + "regular": "40px", }, "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", }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": "12px", }, "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": "10px", }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": "12px", }, "sizeBorderRadiusPromo": { - "regular": 20, + "regular": "20px", }, "sizeBorderRadiusRounded": { - "regular": 48, + "regular": "48px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 10, + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 8, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 6, + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": 8, + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": 1, + "regular": "1px", }, "sizeButtonLargeHeight": { - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": 101, + "regular": "80px", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "regular": "12px", }, "sizeButtonSmallHeight": { - "regular": 28, + "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": 8, + "regular": "10px", }, "sizeCardgridPadding": { - "regular": 8, + "regular": "8px", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "4px", }, "sizeCheckbox": { - "regular": 16, + "regular": "16px", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "12px", }, "sizeIconUI": { - "regular": 16, + "regular": "16px", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "16px", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { - "regular": 880, + "regular": "880px", }, "sizePopupMedium": { - "regular": 680, + "regular": "680px", }, "sizePopupSmall": { - "regular": 430, + "regular": "430px", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": "7px", + "regular": "6px", }, "sizeSplitColPaddingHorizontal": { - "compact": 16, - "regular": 24, + "regular": "16px", }, "sizeSubnavigationBarGap": { - "regular": 8, + "regular": "8px", }, "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "regular": "12px", }, "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "compact": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "8px", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "tutoriaDark", - "themeNameBase": "tutoria", - "themeType": "root", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", + "themeName": "vkAccessibilityIOS", + "themeNameBase": "vkAccessibilityIOS", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +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.36, 0.66, 0.04, 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)", }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #AFF70D)", }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", + "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)", }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", + "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)", }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #6A56D8)", + "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", + "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)", }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", + "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)", }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", + "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))", }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", + "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))", }, - "tutoriaColorStrokeInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "colorBackground": { + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, - "tutoriaColorStrokeInfoTint": { - "active": "#8DC2EB", - "hover": "#93C9F2", - "normal": "#99D1FA", + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, - "tutoriaColorStrokeNegativeTint": { - "active": "#EBA6AB", - "hover": "#F5ACB0", - "normal": "#FFB3B5", + "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)", }, - "tutoriaColorStrokePositiveTint": { - "active": "#8CDBAD", - "hover": "#92E4B2", - "normal": "#98EDB7", + "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)", }, - "tutoriaColorStrokePrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "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))", }, - "tutoriaColorStrokeSecondary": { - "active": "#C3C9D1", - "hover": "#CCD1D8", - "normal": "#D4D9DE", + "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)", }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "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)", }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "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))", }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, - }, + "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)", }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, - }, + "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)", }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 20, - }, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, - "tutoriaLayoutMaxWidth": { - "regular": 1224, + "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)", }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": 8, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #D44245)", + "hover": "var(--vkui--color_background_negative--hover, #DD4446)", + "normal": "var(--vkui--color_background_negative, #e64646)", }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": 10, + "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)", }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": 12, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #45A64A)", + "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, - "tutoriaSizePaddingCard": { - "compact": 16, - "regular": 24, + "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)", }, - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` -{ - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "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))", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "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))", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, - "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)", - }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", - }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", - }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #E1E3E6)", + "hover": "var(--vkui--color_field_background--hover, #EBECEE)", + "normal": "var(--vkui--color_field_background, #F5F5F5)", }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, + "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))", }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", - }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #ffffff)", }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", - }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", }, - "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", - }, + "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)", }, - "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", - }, + "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)", }, - "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)", - }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #5D6878)", + "hover": "var(--vkui--color_icon_medium--hover, #616C7A)", + "normal": "var(--vkui--color_icon_medium, #65707D)", }, - "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, + "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%))", }, - "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", - }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #D44245)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "normal": "var(--vkui--color_icon_negative, #e64646)", }, - "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", - }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #45A64A)", + "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, - "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "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, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", - }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2c2d2e)", }, - "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", - }, + "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)", }, - "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))", - }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #7B8390)", + "hover": "var(--vkui--color_icon_secondary--hover, #818893)", + "normal": "var(--vkui--color_icon_secondary, #868d97)", }, - "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", - }, + "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%))", }, - "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", - }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #99A0AD)", + "hover": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", + "normal": "var(--vkui--color_icon_tertiary, #a6adb7)", }, - "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", - }, + "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%))", }, - "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", - }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #E4941F)", + "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "normal": "var(--vkui--color_icon_warning, #F8A01C)", }, - "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))", - }, - "hover": { - "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_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", - }, + "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))", }, - "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)", - }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #E1E3E6)", + "hover": "var(--vkui--color_image_placeholder--hover, #EBECEE)", + "normal": "var(--vkui--color_image_placeholder, #F5F5F5)", }, - "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)", - }, + "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))", }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", - }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #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)", - }, + "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))", }, - "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, - "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.20))", - }, + "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)", }, - "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)", - }, + "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)", }, - "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "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, #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)", + }, + "colorSeparatorPrimary3x": { + "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, 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, #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)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "colorSkeletonTo": { + "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, #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)", + "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)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "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)", + }, + "colorStrokePositive": { + "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)", + }, + "colorTextAccent": { + "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)", + "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)", + }, + "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, #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, #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)", + }, + "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)", + }, + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "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)", + }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", + }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, + "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)", + }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #5D6878)", + "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", + "normal": "var(--vkui--color_text_secondary, #65707D)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, + "colorTextSubhead": { + "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, #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)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", + }, + "colorTrackBuffer": { + "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))", + "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, #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, #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)", + "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))", + "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 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": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + }, + "fontCaption1Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, + "fontCaption2": { + "regular": { + "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)", }, }, - "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "fontCaption2Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "fontCaption3": { + "regular": { + "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)", }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + }, + "fontCaption3Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "fontDisplayTitle1": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + }, + "fontDisplayTitle2": { + "compact": { + "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)", }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "regular": { + "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)", }, }, - "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "fontDisplayTitle3": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "fontDisplayTitle4": { + "regular": { + "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)", }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + }, + "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, 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)", }, }, - "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "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)", + "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, - "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "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)", + "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, - "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "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, #DFF0E1)", + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "regular": { + "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)", }, }, - "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "fontParagraph": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "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)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, - "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))", + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, - "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))", + "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)", + "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, + "fontTitle1": { + "regular": { + "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)", }, }, - "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "fontTitle2": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, + "fontTitle3": { + "regular": { + "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)", }, }, + "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, 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(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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + }, + "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)", + }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + }, + "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, 10px)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "sizeButtonPaddingHorizontal": { + "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)", + }, + "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, 10px)", + }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + }, + "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)", + }, + "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, vkBase)", + "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 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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "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", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", + }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", + }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", + }, "colorBackgroundTertiaryAlpha": { - "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "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.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", - }, + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", - }, + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F5F5F5)", - }, + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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, 0, 0, 0.24))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 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": { - "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, #237EDD)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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, #5D6878)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #616C7A)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #65707D)", - }, + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "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.59))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", - }, + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", - }, + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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, #7B8390)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #818893)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #868d97)", - }, + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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.48))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", - }, + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #a6adb7)", - }, + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.36))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", - }, + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", - }, + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "colorImageBorderAlpha": { - "active": { - "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_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 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": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #F5F5F5)", - }, + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { - "active": { - "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_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", - }, + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "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.40))", - }, + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "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, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #F2F3F5)", - }, + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "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, #C6C8CD)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", - }, + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", - }, + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", - }, + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, + "colorTextSubhead": { + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", + }, + "colorTextTertiary": { + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, - "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", }, }, - "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, }, }, - "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + }, + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, }, }, - "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #237EDD)", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_stroke_accent_themed--hover", - "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, - "colorStrokeContrast": { - "active": { - "name": "--vkui--color_stroke_contrast--active", - "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--color_stroke_contrast--hover", - "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #ffffff)", + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, - "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #D44245)", + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, - "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, - "colorTabbarTextInactive": { + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "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, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "sizeBasePaddingHorizontal": { + "regular": 12, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 10, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 10, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, + }, + "sizeSwitchPin": { + "compact": 23, + "regular": 27, + }, + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "themeName": "vkAccessibilityIOS", + "themeNameBase": "vkAccessibilityIOS", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkAccessibilityIOSDark 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.36, 0.66, 0.04, 1))", + }, + "colorAccentAzure": { "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "colorTextAccent": { + "colorAccentBlue": { "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #237EDD)", + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", }, "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, - "colorTextAccentThemed": { + "colorAccentCyan": { "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, - "colorTextContrast": { + "colorAccentGray": { "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", }, "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", }, "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #ffffff)", + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, - "colorTextContrastThemed": { + "colorAccentGreen": { "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", }, "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", }, "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, - "colorTextLink": { + "colorAccentLime": { "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", }, "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, - "colorTextLinkThemed": { + "colorAccentOrange": { "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", }, "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", }, "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, - "colorTextLinkTint": { + "colorAccentOrangeFire": { "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", }, "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", }, "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", }, }, - "colorTextLinkVisited": { + "colorAccentOrangePeach": { "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", }, "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", }, "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", }, }, - "colorTextMuted": { + "colorAccentPink": { "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, - "colorTextNegative": { + "colorAccentPurple": { "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, - "colorTextPositive": { + "colorAccentRaspberryPink": { "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", }, "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", }, "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, }, - "colorTextPrimary": { + "colorAccentRed": { "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #FF4356)", }, "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", }, "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, - "colorTextPrimaryAlpha": { + "colorAccentSecondary": { "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", }, "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", }, "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", }, }, - "colorTextPrimaryInvariably": { + "colorAccentViolet": { "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, - "colorTextSecondary": { + "colorActionSheetText": { "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #5D6878)", + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)", }, "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #616C7A)", + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", }, "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #65707D)", + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, - "colorTextSecondaryAlpha": { + "colorAvatarOverlay": { "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", }, "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", }, "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, - "colorTextSubhead": { + "colorAvatarOverlayInverseAlpha": { "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #515C6B)", + "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_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #54606D)", + "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_text_subhead", - "value": "var(--vkui--color_text_subhead, #58636F)", + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, }, - "colorTextTertiary": { + "colorBackground": { "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #798391)", + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", }, "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #848D98)", + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, - "colorTrackBackground": { + "colorBackgroundAccent": { "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, - "colorTrackBuffer": { + "colorBackgroundAccentAlternative": { "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", }, "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", }, }, - "colorTransparent": { + "colorBackgroundAccentThemed": { "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, - "colorWriteBarIcon": { + "colorBackgroundAccentThemedAlpha": { "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "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_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "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_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(255, 255, 255, 0.2))", }, }, - "colorWriteBarInputBackground": { + "colorBackgroundAccentTint": { "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #E1E3E6)", + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", }, "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #EBECEE)", + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, - "colorWriteBarInputBorder": { + "colorBackgroundContent": { "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", }, }, - "colorWriteBarInputBorderAlpha": { + "colorBackgroundContentInverse": { "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))", + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "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))", + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, - "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--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)", - }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", }, - "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)", - }, - "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, 14px)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #3D3E3F)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "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)", - }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, - "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)", - }, + "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))", }, - "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)", - }, - "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_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))", }, }, - "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)", - }, - "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)", - }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", }, - "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)", - }, - "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, 600)", - }, - "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_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_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)", - }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", }, - "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)", - }, - "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_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, - "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)", - }, - "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)", - }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, - "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)", - }, - "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, 600)", - }, - "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_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #252627)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, - "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)", - }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "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)", }, }, - "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)", - }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", - }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, - "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)", - }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, - "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--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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "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)", }, }, - "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)", - }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "colorBackgroundSecondaryAlpha": { + "active": { + "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_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, }, - "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)", - }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, - "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)", - }, - "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, 16px)", - }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, - "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)", - }, - "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)", - }, + "colorBackgroundTertiaryAlpha": { + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", }, - "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)", - }, - "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)", - }, - "lineHeight": { - "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)", - }, + "hover": { + "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_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, }, - "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)", - }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", }, - "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_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, - "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)", - }, - "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_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", }, }, - "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)", - }, + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, - "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_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, - "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)", - }, - "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_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, - "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)", - }, + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, - "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_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, - "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)", - }, - "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_button_stroke", + "value": "var(--vkui--color_button_stroke, #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)", - }, + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, - "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)", - }, - "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_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, - "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)", - }, + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #353536)", }, - "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)", - }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, - "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)", - }, - "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_field_background", + "value": "var(--vkui--color_field_background, #232324)", }, }, - "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)", - }, + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))", }, - "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_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))", }, - "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)", - }, - "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_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", }, }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, - }, - "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)", - }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", }, }, - "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, -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, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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)", - }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, - }, - "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", - "value": "var(--vkui--size_arrow)", + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, - "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)", + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", }, - }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "hover": { + "name": "--vkui--color_icon_accent_themed--hover", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", }, }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "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)", }, }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F3F4F6)", }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "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)", }, }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #B9BABF)", }, }, - "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(247, 248, 255, 0.78))", }, - "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "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(247, 248, 255, 70%))", }, }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "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)", }, }, - "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #59B959)", }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, - "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, - "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "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)", }, }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #929496)", }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #898B8D)", }, }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(248, 252, 255, 0.58))", }, - "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "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(248, 252, 255, 50%))", }, }, - "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5D5F61)", }, }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(246, 250, 255, 0.45))", }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "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(246, 250, 255, 37%))", }, }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #EDB055)", }, }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "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))", }, }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", }, }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))", }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "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(241, 247, 255, 0.08))", }, }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "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)", }, }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", }, - "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "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.40))", }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", }, - "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--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #3B3B3C)", }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #2A2A2B)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", }, - "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--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)", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, - "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--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #505253)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(255, 255, 255, 0.2))", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "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(255, 255, 255, 0.12))", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "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)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "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)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", }, - "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--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "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)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, - "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--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "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)", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", }, - "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--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)", }, }, - "sizeCardBorderRadius": { - "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", }, - "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, - "sizeCardgridPaddingVertical": { - "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "colorTextLinkThemed": { + "active": { + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "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)", }, }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "colorTextLinkTint": { + "active": { + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "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)", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #5890D0)", }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "colorTextNegative": { + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "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)", }, }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #59B959)", }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, - "sizeOptionHierarchy": { + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #999B9D)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #949698)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #909294)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #B9BABF)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #77797B)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #717375)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #6B6D6F)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #545556)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, + }, + "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, #818385)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "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, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "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, #2c2d2e)", + }, + }, + "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, 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 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 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 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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + }, + "fontCaption1": { "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "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": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "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)", + }, + "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, 14px)", + }, }, }, - "sizePanelHeaderHeight": { + "fontCaption1Caps": { "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)", + "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)", + }, + "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": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "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)", + }, }, }, - "sizePopupBasePadding": { + "fontCaption2": { "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)", + "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": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "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)", + }, + "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)", + }, }, }, - "sizePopupHeaderPadding": { + "fontCaption2Caps": { "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)", + "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)", + }, + "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": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "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)", + }, + "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, 600)", + }, + "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)", + }, }, }, - "sizePopupLarge": { + "fontCaption3": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "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": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "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)", + }, + "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)", + }, }, }, - "sizePopupMedium": { + "fontCaption3Caps": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "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)", + }, + "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": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "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)", + }, + "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, 600)", + }, + "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)", + }, }, }, - "sizePopupSmall": { + "fontDisplayTitle1": { "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "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": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, }, }, - "sizeSearchHeight": { + "fontDisplayTitle2": { "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "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": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, }, "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, }, }, - "sizeSelectIconPadding": { + "fontDisplayTitle3": { "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)", + "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": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "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--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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, }, }, - "sizeSplitColPaddingHorizontal": { + "fontDisplayTitle4": { "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "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": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, }, }, - "sizeSubnavigationBarGap": { + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFootnote": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "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": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "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)", + }, + "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, 16px)", + }, }, }, - "sizeSubnavigationBarPaddingVertical": { + "fontFootnoteCaps": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "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)", + }, + "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": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "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)", + }, + "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)", + }, + "lineHeight": { + "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)", + }, }, }, - "sizeSwitchHeight": { + "fontHeadline": { "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "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": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "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": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "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)", + }, + "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)", + }, }, }, - "sizeSwitchPin": { + "fontHeadline1": { "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "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": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "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": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "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)", + }, + "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)", + }, }, }, - "sizeSwitchWidth": { + "fontHeadline2": { "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "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": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "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": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "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)", + }, + "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)", + }, }, }, - "sizeTooltipMargin": { + "fontParagraph": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "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": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "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)", + }, + "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)", + }, }, }, - "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, vkAccessibility)", + "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, 16px)", + }, + }, + "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)", + }, + "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)", + }, + }, }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibility)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "themeType": "cssVars", - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, }, -} -`; - -exports[`shapshots vkAccessibility 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", + "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, -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, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "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)", + }, + }, }, - "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "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%)", }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "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%)", }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "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%)", }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "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%)", }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "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)", + }, }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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)", + }, }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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)", + }, }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "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)", + }, }, - "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "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)", + }, }, - "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "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)", + }, }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "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)", + }, }, - "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "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)", + }, }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", + }, }, - "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "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)", + }, }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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, 12px)", + }, }, - "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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)", + }, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, - "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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)", + }, }, - "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "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)", + }, }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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, 10px)", + }, }, - "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "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)", + }, }, - "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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)", + }, }, - "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "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)", + }, }, - "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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)", + }, }, - "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "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)", + }, }, - "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "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)", + }, }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "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)", + }, }, - "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "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)", + }, }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "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)", + }, }, - "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "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)", + }, }, - "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorFieldBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "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)", + }, }, - "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "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)", + }, }, - "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", + }, }, - "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", + }, }, - "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "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)", + }, }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", + }, }, - "colorIconMedium": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "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)", + }, }, - "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", + "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)", + }, }, - "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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)", + }, }, - "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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)", + }, }, - "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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)", + }, }, - "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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)", + }, }, - "colorIconSecondary": { - "active": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, - "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", + "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)", + }, }, - "colorIconTertiary": { - "active": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", + "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)", + }, }, - "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", + "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)", + }, }, - "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "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)", + }, }, - "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "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)", + }, }, - "colorImagePlaceholder": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "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)", + }, }, - "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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": { + "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, 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, vkBaseDark)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkAccessibilityIOSDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", + }, + "themeType": "cssVars", + "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 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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "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", + }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", + }, + "colorIconMediumAlpha": { + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", + }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", + }, + "colorIconTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", + }, + "colorImagePlaceholderAlpha": { + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -393502,216 +394986,216 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -393919,9 +395403,9 @@ exports[`shapshots vkAccessibility 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, @@ -393965,7 +395449,7 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -393980,7 +395464,7 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -394055,7 +395539,7 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -394089,8 +395573,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", @@ -394127,16 +395611,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", @@ -394151,101 +395635,101 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibility", - "themeNameBase": "vkAccessibility", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityIOSDark", + "themeNameBase": "vkAccessibilityIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibility 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, #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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "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, #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, #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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -394258,254 +395742,254 @@ exports[`shapshots vkAccessibility 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #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, #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, #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, #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(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(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)", }, "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, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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": { "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_field_background--hover, #EBECEE)", - "normal": "var(--vkui--color_field_background, #F5F5F5)", + "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, 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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "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, #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, #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, #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, #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, #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, #5D6878)", - "hover": "var(--vkui--color_icon_medium--hover, #616C7A)", - "normal": "var(--vkui--color_icon_medium, #65707D)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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, #7B8390)", - "hover": "var(--vkui--color_icon_secondary--hover, #818893)", - "normal": "var(--vkui--color_icon_secondary, #868d97)", + "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(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(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, #99A0AD)", - "hover": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", - "normal": "var(--vkui--color_icon_tertiary, #a6adb7)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #E1E3E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #EBECEE)", - "normal": "var(--vkui--color_image_placeholder, #F5F5F5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -394518,216 +396002,216 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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, #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, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "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, #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, #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, #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, #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, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #5D6878)", - "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", - "normal": "var(--vkui--color_text_secondary, #65707D)", + "active": "var(--vkui--color_text_secondary--active, #999B9D)", + "hover": "var(--vkui--color_text_secondary--hover, #949698)", + "normal": "var(--vkui--color_text_secondary, #909294)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #BFC0C4)", + "hover": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "normal": "var(--vkui--color_text_subhead, #B9BABF)", }, "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, #77797B)", + "hover": "var(--vkui--color_text_tertiary--hover, #717375)", + "normal": "var(--vkui--color_text_tertiary, #6B6D6F)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -394935,9 +396419,9 @@ exports[`shapshots vkAccessibility theme should match pseudo theme from CssVars "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)", @@ -394981,7 +396465,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)", @@ -394996,7 +396480,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)", @@ -395071,7 +396555,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)", @@ -395105,8 +396589,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)", @@ -395143,16 +396627,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)", @@ -395167,101 +396651,101 @@ exports[`shapshots vkAccessibility 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, vkAccessibility)", - "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "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 vkAccessibility 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -395274,254 +396758,254 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -395534,216 +397018,216 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -395951,9 +397435,9 @@ exports[`shapshots vkAccessibility 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, @@ -395997,7 +397481,7 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -396012,7 +397496,7 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -396087,7 +397571,7 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -396121,8 +397605,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, @@ -396159,16 +397643,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, @@ -396183,16 +397667,16 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibility", - "themeNameBase": "vkAccessibility", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityIOSDark", + "themeNameBase": "vkAccessibilityIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -396217,11 +397701,11 @@ exports[`shapshots vkAccessibilityDark 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", @@ -396231,25 +397715,25 @@ exports[`shapshots vkAccessibilityDark 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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -396259,11 +397743,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -396273,11 +397757,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", @@ -396287,11 +397771,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -396301,11 +397785,11 @@ exports[`shapshots vkAccessibilityDark 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, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -396315,11 +397799,11 @@ exports[`shapshots vkAccessibilityDark 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", @@ -396329,25 +397813,25 @@ exports[`shapshots vkAccessibilityDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -396357,39 +397841,39 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -396399,11 +397883,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -396413,29 +397897,29 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -396469,81 +397953,81 @@ exports[`shapshots vkAccessibilityDark 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #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", @@ -396553,53 +398037,53 @@ exports[`shapshots vkAccessibilityDark 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, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -396617,101 +398101,101 @@ exports[`shapshots vkAccessibilityDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -396721,221 +398205,221 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.10))", + "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, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "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", - "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, #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", @@ -396945,67 +398429,67 @@ exports[`shapshots vkAccessibilityDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", + "value": "var(--vkui--color_icon_medium--active, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B9BABF)", + "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(247, 248, 255, 0.78))", + "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(247, 248, 255, 0.74))", + "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(247, 248, 255, 70%))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -397015,25 +398499,25 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", @@ -397043,127 +398527,127 @@ exports[`shapshots vkAccessibilityDark 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, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #898B8D)", + "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(248, 252, 255, 0.58))", + "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(248, 252, 255, 0.54))", + "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(248, 252, 255, 50%))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5D5F61)", + "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(246, 250, 255, 0.45))", + "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(246, 250, 255, 0.41000000000000003))", + "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(246, 250, 255, 37%))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -397197,207 +398681,207 @@ exports[`shapshots vkAccessibilityDark 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #3B3B3C)", + "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, #333333)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #2A2A2B)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -397407,109 +398891,109 @@ exports[`shapshots vkAccessibilityDark 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, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #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", @@ -397519,11 +399003,11 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -397533,39 +399017,39 @@ exports[`shapshots vkAccessibilityDark 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, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -397575,39 +399059,39 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -397617,95 +399101,95 @@ exports[`shapshots vkAccessibilityDark 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, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #949698)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #909294)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #B9BABF)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #77797B)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #717375)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #6B6D6F)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -397715,82 +399199,82 @@ exports[`shapshots vkAccessibilityDark 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -398728,7 +400212,7 @@ exports[`shapshots vkAccessibilityDark 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(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", @@ -398736,7 +400220,7 @@ exports[`shapshots vkAccessibilityDark 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(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", @@ -399518,17 +401002,13 @@ exports[`shapshots vkAccessibilityDark 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, vkBaseDark)", - }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibilityDark)", + "value": "var(--vkui--theme_name, vkBase)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibility)", + "value": "var(--vkui--theme_name_base, vkBase)", }, "themeType": "cssVars", "zIndexModal": { @@ -399542,7 +401022,7 @@ exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = } `; -exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -399550,84 +401030,84 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -399640,254 +401120,254 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5D5F61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -399900,216 +401380,216 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -400317,9 +401797,9 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -400549,16 +402029,15 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityDark", - "themeNameBase": "vkAccessibility", + "themeName": "vkBase", + "themeNameBase": "vkBase", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityDark 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)", @@ -400566,84 +402045,84 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "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)", + "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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -400656,254 +402135,254 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "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, #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, #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, #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, #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, #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(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(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, #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)", }, "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, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(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, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "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(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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "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, #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, #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, #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, #BFC0C4)", - "hover": "var(--vkui--color_icon_medium--hover, #BCBDC2)", - "normal": "var(--vkui--color_icon_medium, #B9BABF)", + "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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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, #929496)", - "hover": "var(--vkui--color_icon_secondary--hover, #8E9092)", - "normal": "var(--vkui--color_icon_secondary, #898B8D)", + "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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5D5F61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -400916,216 +402395,216 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "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, #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, #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, #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, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #999B9D)", - "hover": "var(--vkui--color_text_secondary--hover, #949698)", - "normal": "var(--vkui--color_text_secondary, #909294)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -401333,9 +402812,9 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -401565,16 +403044,15 @@ exports[`shapshots vkAccessibilityDark theme should match pseudo theme from CssV "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, vkAccessibilityDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", + "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 vkAccessibilityDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -401582,84 +403060,84 @@ exports[`shapshots vkAccessibilityDark 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", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -401672,254 +403150,254 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5D5F61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -401932,216 +403410,216 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -402349,9 +403827,9 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -402581,16 +404059,15 @@ exports[`shapshots vkAccessibilityDark theme should match root theme snapshot 1` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityDark", - "themeNameBase": "vkAccessibility", + "themeName": "vkBase", + "themeNameBase": "vkBase", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -402610,16 +404087,16 @@ 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": { "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", @@ -402629,25 +404106,25 @@ exports[`shapshots vkAccessibilityIOS 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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "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", @@ -402657,11 +404134,11 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -402671,11 +404148,11 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -402685,11 +404162,11 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -402699,11 +404176,11 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -402713,11 +404190,11 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -402727,25 +404204,25 @@ exports[`shapshots vkAccessibilityIOS 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, #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", @@ -402755,39 +404232,39 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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", @@ -402797,11 +404274,11 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -402811,29 +404288,29 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -402867,81 +404344,81 @@ exports[`shapshots vkAccessibilityIOS 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "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, #237EDD)", + "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, #2483E4)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "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(38, 136, 235, 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(38, 136, 235, 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(38, 136, 235, 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", @@ -402951,53 +404428,53 @@ exports[`shapshots vkAccessibilityIOS 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -403015,101 +404492,101 @@ exports[`shapshots vkAccessibilityIOS 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", @@ -403119,221 +404596,221 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "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(255, 255, 255, 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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E1E3E6)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EBECEE)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F5F5F5)", + "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, 0, 0, 0.36))", + "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, 0, 0, 0.24))", + "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, 0, 0, 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "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", @@ -403343,67 +404820,67 @@ exports[`shapshots vkAccessibilityIOS 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, #141414)", }, "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, #0A0A0A)", }, "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, #5D6878)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #616C7A)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #65707D)", + "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(0, 0, 0, 0.63))", + "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(0, 0, 0, 0.59))", + "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(0, 0, 0, 55%))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", @@ -403413,25 +404890,25 @@ exports[`shapshots vkAccessibilityIOS 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", @@ -403441,127 +404918,127 @@ 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, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #818893)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #868d97)", + "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(0, 0, 0, 0.52))", + "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(0, 0, 0, 0.48))", + "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(0, 0, 0, 44%))", + "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, #99A0AD)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #a6adb7)", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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(0, 0, 0, 32%))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #E1E3E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #F5F5F5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -403595,207 +405072,207 @@ exports[`shapshots vkAccessibilityIOS 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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #F2F3F5)", + "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, #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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", @@ -403805,109 +405282,109 @@ exports[`shapshots vkAccessibilityIOS 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, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "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, #2978D3)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "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", @@ -403917,11 +405394,11 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -403931,39 +405408,39 @@ exports[`shapshots vkAccessibilityIOS 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "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, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", @@ -403973,39 +405450,39 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -404015,95 +405492,95 @@ 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, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #616C7A)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #65707D)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #515C6B)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #54606D)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #58636F)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #798391)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #848D98)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -404113,82 +405590,82 @@ exports[`shapshots vkAccessibilityIOS 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #E1E3E6)", + "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, #EBECEE)", + "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, #F5F5F5)", + "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, #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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -405126,7 +406603,7 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -405134,7 +406611,7 @@ exports[`shapshots vkAccessibilityIOS 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", @@ -405285,7 +406762,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": { @@ -405335,7 +406812,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": { @@ -405587,7 +407064,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": { @@ -405701,11 +407178,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": { @@ -405831,11 +407308,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": { @@ -405845,11 +407322,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": { @@ -405859,11 +407336,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": { @@ -405922,11 +407399,11 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibilityIOS)", + "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": { @@ -405940,92 +407417,92 @@ exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = } `; -exports[`shapshots vkAccessibilityIOS 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -406038,254 +407515,254 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -406298,216 +407775,216 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -406715,9 +408192,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "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, @@ -406761,7 +408238,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -406776,7 +408253,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -406851,7 +408328,7 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -406885,8 +408362,8 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -406923,16 +408400,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", @@ -406948,100 +408425,100 @@ exports[`shapshots vkAccessibilityIOS theme should match pixelify theme snapshot "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibilityIOS", - "themeNameBase": "vkAccessibilityIOS", + "themeName": "vkBaseDark", + "themeNameBase": "vkBase", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOS 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, #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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "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, #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, #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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -407054,254 +408531,254 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #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, #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, #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, #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(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(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)", }, "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, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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": { "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_field_background--hover, #EBECEE)", - "normal": "var(--vkui--color_field_background, #F5F5F5)", + "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, 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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "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, #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, #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, #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, #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, #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, #5D6878)", - "hover": "var(--vkui--color_icon_medium--hover, #616C7A)", - "normal": "var(--vkui--color_icon_medium, #65707D)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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, #7B8390)", - "hover": "var(--vkui--color_icon_secondary--hover, #818893)", - "normal": "var(--vkui--color_icon_secondary, #868d97)", + "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(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(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, #99A0AD)", - "hover": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", - "normal": "var(--vkui--color_icon_tertiary, #a6adb7)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #E1E3E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #EBECEE)", - "normal": "var(--vkui--color_image_placeholder, #F5F5F5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -407314,216 +408791,216 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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, #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, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "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, #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, #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, #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, #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, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #5D6878)", - "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", - "normal": "var(--vkui--color_text_secondary, #65707D)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -407731,9 +409208,9 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "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)", @@ -407777,7 +409254,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)", @@ -407792,7 +409269,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)", @@ -407867,7 +409344,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)", @@ -407901,8 +409378,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)", @@ -407939,16 +409416,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)", @@ -407964,100 +409441,100 @@ exports[`shapshots vkAccessibilityIOS theme should match pseudo theme from CssVa "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, 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 vkAccessibilityIOS 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -408070,254 +409547,254 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -408330,216 +409807,216 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -408747,9 +410224,9 @@ exports[`shapshots vkAccessibilityIOS 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, @@ -408793,7 +410270,7 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -408808,7 +410285,7 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -408883,7 +410360,7 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -408917,8 +410394,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, @@ -408955,16 +410432,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, @@ -408980,15 +410457,15 @@ exports[`shapshots vkAccessibilityIOS theme should match root theme snapshot 1`] "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibilityIOS", - "themeNameBase": "vkAccessibilityIOS", + "themeName": "vkBaseDark", + "themeNameBase": "vkBase", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -409008,114 +410485,114 @@ 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": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #1482FF)", + "value": "var(--vkui--color_accent_azure--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "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, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #4B78AE)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #5181B8)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #72E2CF)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "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, #B0E54E)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "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", @@ -409125,81 +410602,81 @@ exports[`shapshots vkAccessibilityIOSDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E27CEF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735CE6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -409209,29 +410686,29 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792EC0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -409265,81 +410742,81 @@ exports[`shapshots vkAccessibilityIOSDark 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, #DADCE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #EDEEF0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #447BBA)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", }, }, "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", @@ -409349,39 +410826,39 @@ exports[`shapshots vkAccessibilityIOSDark 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, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", @@ -409391,15 +410868,15 @@ exports[`shapshots vkAccessibilityIOSDark 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, #2F3034)", }, "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, #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": { @@ -409413,311 +410890,311 @@ exports[`shapshots vkAccessibilityIOSDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #292B2F)", }, "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, #2B2C2F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #E64646)", }, }, "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, #E6D9DD)", }, "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, #F0E2E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(39, 63, 92, 0.15))", }, "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(39, 63, 92, 0.11))", }, "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(39, 63, 92, 0.07))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #FAFBFC)", }, }, "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(0, 0, 0, 0.11))", }, "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(0, 0, 0, 0.07))", }, "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(0, 0, 0, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #305B90)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #346297)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #305B90)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #346297)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #305B90)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #346297)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #E3E5EB)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #EDEFF2)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #F7F8FA)", }, }, "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(0, 0, 0, 0.36))", }, "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(0, 0, 0, 0.24))", }, "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(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #447BBA)", }, }, "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, #3368A8)", }, "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, #356CAC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #3770B1)", }, }, "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", @@ -409727,11 +411204,11 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -409741,221 +411218,221 @@ exports[`shapshots vkAccessibilityIOSDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", + "value": "var(--vkui--color_icon_medium--active, #66717F)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + "value": "var(--vkui--color_icon_medium--hover, #6B7582)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B9BABF)", + "value": "var(--vkui--color_icon_medium, #6F7985)", }, }, "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(0, 0, 0, 0.56))", }, "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(0, 0, 0, 0.52))", }, "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(0, 0, 0, 0.48))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #E64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #4BB34B)", }, }, "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", - "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, #929496)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #898B8D)", + "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(248, 252, 255, 0.58))", + "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(248, 252, 255, 0.54))", + "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(248, 252, 255, 50%))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5D5F61)", + "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", }, }, "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(0, 0, 0, 0.32))", }, "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(0, 0, 0, 0.28))", }, "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(0, 0, 0, 0.24))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", @@ -409979,277 +411456,277 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "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, #7CB1ED)", + "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, #77ADEC)", + "value": "var(--vkui--color_panel_header_icon--hover, #4177B5)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #3B3B3C)", + "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, #333333)", + "value": "var(--vkui--color_search_field_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #2A2A2B)", + "value": "var(--vkui--color_search_field_background, #EDEEF0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #CAD0D8)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #DCE1E6)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #E7E8EC)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #F0F2F5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #E7E8EC)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #447BBA)", }, }, "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, #3368A8)", }, "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, #356CAC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #E64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, "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, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #447BBA)", }, }, "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, #3368A8)", }, "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, #356CAC)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #3770B1)", }, }, "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", @@ -410259,53 +411736,53 @@ exports[`shapshots vkAccessibilityIOSDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #27527F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #285582)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #2A5885)", }, }, "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, #27527F)", }, "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, #285582)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "value": "var(--vkui--color_text_link_themed, #2A5885)", }, }, "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", @@ -410315,11 +411792,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -410329,81 +411806,81 @@ exports[`shapshots vkAccessibilityIOSDark 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, #2F3034)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #313233)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #333333)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #FF6969)", + "value": "var(--vkui--color_text_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #E64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -410413,95 +411890,95 @@ 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, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #949698)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #909294)", + "value": "var(--vkui--color_text_secondary, #818C99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", + "value": "var(--vkui--color_text_subhead--active, #5A6675)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "value": "var(--vkui--color_text_subhead--hover, #5E6978)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #B9BABF)", + "value": "var(--vkui--color_text_subhead, #626D7A)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #77797B)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #717375)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #6B6D6F)", + "value": "var(--vkui--color_text_tertiary, #99A2AD)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #C2C9D1)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #CBD1D8)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #D3D9DE)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #3F72B0)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #4177B5)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #447BBA)", }, }, "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", @@ -410511,82 +411988,82 @@ exports[`shapshots vkAccessibilityIOSDark 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, #778292)", }, "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, #7C8795)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_border, #D3D9DE)", }, }, "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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -410610,7 +412087,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410652,7 +412129,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410694,7 +412171,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410736,7 +412213,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410778,7 +412255,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410820,7 +412297,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410862,7 +412339,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410900,7 +412377,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410918,7 +412395,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410956,7 +412433,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -410994,7 +412471,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411012,15 +412489,15 @@ exports[`shapshots vkAccessibilityIOSDark 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": { @@ -411044,7 +412521,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411086,7 +412563,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411128,17 +412605,17 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411176,17 +412653,17 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411234,7 +412711,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411272,7 +412749,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411310,17 +412787,17 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411358,17 +412835,17 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411406,7 +412883,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411444,7 +412921,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411482,7 +412959,7 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -411524,7 +413001,7 @@ exports[`shapshots vkAccessibilityIOSDark 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(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", @@ -411532,7 +413009,7 @@ exports[`shapshots vkAccessibilityIOSDark 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(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", @@ -411733,7 +413210,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": { @@ -411985,7 +413462,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": { @@ -412059,7 +413536,7 @@ exports[`shapshots vkAccessibilityIOSDark 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": { @@ -412099,11 +413576,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, 48px)", }, }, "sizePopupBasePadding": { @@ -412161,7 +413638,7 @@ exports[`shapshots vkAccessibilityIOSDark 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": { @@ -412229,11 +413706,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, 10px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "value": "var(--vkui--size_switch_height--regular, 10px)", }, }, "sizeSwitchPin": { @@ -412243,11 +413720,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, 16px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "value": "var(--vkui--size_switch_pin--regular, 16px)", }, }, "sizeSwitchWidth": { @@ -412257,11 +413734,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, 27px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "value": "var(--vkui--size_switch_width--regular, 27px)", }, }, "sizeTooltipMargin": { @@ -412316,15 +413793,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, vkCom)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", + "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", "zIndexModal": { @@ -412338,92 +413815,92 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` } `; -exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkCom 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", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#72E2CF", + "hover": "#77EBD6", + "normal": "#7CF4DC", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#B0E54E", + "hover": "#B7EE4E", + "normal": "#BFF74F", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#FFA000", }, "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": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#E27CEF", + "hover": "#EC80F7", + "normal": "#F685FF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#FF3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792EC0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -412436,253 +413913,253 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(39, 63, 92, 0.15)", + "hover": "rgba(39, 63, 92, 0.11)", + "normal": "rgba(39, 63, 92, 0.07)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5D5F61", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorOverlayPrimary": { @@ -412691,224 +414168,224 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "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", @@ -412916,7 +414393,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -412925,7 +414402,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -412933,7 +414410,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -412942,7 +414419,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -412950,7 +414427,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -412959,7 +414436,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -412967,13 +414444,13 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -412981,7 +414458,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -412989,18 +414466,18 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413008,7 +414485,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413017,11 +414494,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413029,11 +414506,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413045,7 +414522,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "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", @@ -413053,7 +414530,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413061,11 +414538,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413073,11 +414550,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413085,7 +414562,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413093,7 +414570,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413101,7 +414578,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap }, "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", @@ -413113,9 +414590,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -413174,7 +414651,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -413249,7 +414726,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -413271,7 +414748,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -413283,8 +414760,8 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -413301,7 +414778,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -413321,16 +414798,16 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "10px", + "regular": "10px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "16px", + "regular": "16px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "27px", + "regular": "27px", }, "sizeTooltipMargin": { "regular": "8px", @@ -413345,101 +414822,101 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityIOSDark", - "themeNameBase": "vkAccessibilityIOS", + "themeInheritsFrom": "vkBase", + "themeName": "vkCom", + "themeNameBase": "vkCom", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOSDark 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)", "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)", - "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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -413452,253 +414929,253 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "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, #DADCE2)", + "hover": "var(--vkui--color_background--hover, #E4E5E9)", + "normal": "var(--vkui--color_background, #EDEEF0)", }, "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, #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, #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, #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, #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, #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(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(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, #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)", }, "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, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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, #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, #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))", "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(39, 63, 92, 0.15))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(39, 63, 92, 0.11))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(39, 63, 92, 0.07))", }, "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, #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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "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(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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "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, #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, #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, #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, #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, #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, #BFC0C4)", - "hover": "var(--vkui--color_icon_medium--hover, #BCBDC2)", - "normal": "var(--vkui--color_icon_medium, #B9BABF)", + "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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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)", - "normal": "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": "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, #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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5D5F61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #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": { @@ -413707,224 +415184,224 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #E64646)", }, "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, #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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "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, #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, #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, #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, #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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "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, #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, #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, #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, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #999B9D)", - "hover": "var(--vkui--color_text_secondary--hover, #949698)", - "normal": "var(--vkui--color_text_secondary, #909294)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818C99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #5A6675)", + "hover": "var(--vkui--color_text_subhead--hover, #5E6978)", + "normal": "var(--vkui--color_text_subhead, #626D7A)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99A2AD)", }, "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, #C2C9D1)", + "hover": "var(--vkui--color_track_background--hover, #CBD1D8)", + "normal": "var(--vkui--color_track_background, #D3D9DE)", }, "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, #3F72B0)", + "hover": "var(--vkui--color_track_buffer--hover, #4177B5)", + "normal": "var(--vkui--color_track_buffer, #447BBA)", }, "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, #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, #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, #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, #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, #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, #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(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, 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, 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))", + "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))", "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)", @@ -413932,7 +415409,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -413941,7 +415418,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -413949,7 +415426,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -413958,7 +415435,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -413966,7 +415443,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -413975,7 +415452,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -413983,13 +415460,13 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -413997,7 +415474,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414005,18 +415482,18 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414024,7 +415501,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414033,11 +415510,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414045,11 +415522,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414061,7 +415538,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "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)", @@ -414069,7 +415546,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414077,11 +415554,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414089,11 +415566,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414101,7 +415578,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414109,7 +415586,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414117,7 +415594,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C }, "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)", @@ -414129,9 +415606,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -414190,7 +415667,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)", @@ -414265,7 +415742,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)", @@ -414287,7 +415764,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "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)", @@ -414299,8 +415776,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, 48px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -414317,7 +415794,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "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)", @@ -414337,16 +415814,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, 10px)", + "regular": "var(--vkui--size_switch_height--regular, 10px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 16px)", + "regular": "var(--vkui--size_switch_pin--regular, 16px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "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)", @@ -414361,101 +415838,101 @@ 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, 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 vkAccessibilityIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkCom 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", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#72E2CF", + "hover": "#77EBD6", + "normal": "#7CF4DC", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#B0E54E", + "hover": "#B7EE4E", + "normal": "#BFF74F", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#FFA000", }, "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": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#E27CEF", + "hover": "#EC80F7", + "normal": "#F685FF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#FF3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792EC0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -414468,253 +415945,253 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(39, 63, 92, 0.15)", + "hover": "rgba(39, 63, 92, 0.11)", + "normal": "rgba(39, 63, 92, 0.07)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5D5F61", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorOverlayPrimary": { @@ -414723,224 +416200,224 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "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, @@ -414948,7 +416425,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -414957,7 +416434,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -414965,7 +416442,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -414974,7 +416451,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -414982,7 +416459,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -414991,7 +416468,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -414999,13 +416476,13 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415013,7 +416490,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415021,18 +416498,18 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415040,7 +416517,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415049,11 +416526,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415061,11 +416538,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415077,7 +416554,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "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, @@ -415085,7 +416562,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415093,11 +416570,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415105,11 +416582,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415117,7 +416594,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415125,7 +416602,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415133,7 +416610,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot }, "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, @@ -415145,9 +416622,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -415206,7 +416683,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -415281,7 +416758,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -415303,7 +416780,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -415315,8 +416792,8 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -415333,7 +416810,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -415353,16 +416830,16 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 10, + "regular": 10, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 16, + "regular": 16, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 27, + "regular": 27, }, "sizeTooltipMargin": { "regular": 8, @@ -415377,16 +416854,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": "vkCom", + "themeNameBase": "vkCom", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -415411,109 +416888,109 @@ 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, #6AA6EB)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "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, #237EDD)", + "value": "var(--vkui--color_accent_blue--active, #4987D0)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #4182CE)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #397DCC)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "value": "var(--vkui--color_accent_cyan--active, #63F2D6)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "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, #96A0AE)", + "value": "var(--vkui--color_accent_gray--active, #B4BDC7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "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": { "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", - "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, #CEF978)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "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": { "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", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "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", @@ -415523,81 +417000,81 @@ exports[`shapshots vkBase 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, #E059EF)", + "value": "var(--vkui--color_accent_pink--active, #F9A1FF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "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, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #9C89F6)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9784F5)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "value": "var(--vkui--color_accent_purple, #937FF5)", }, }, "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, #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", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "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", @@ -415607,29 +417084,29 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #A94FFF)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -415663,39 +417140,39 @@ 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, #272727)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #1D1D1D)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #141414)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #71AAEB)", }, }, "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, #3792ED)", }, "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, #2F8DEC)", }, "normal": { "name": "--vkui--color_background_accent_alternative", @@ -415705,39 +417182,39 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "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, #CFD2D8)", }, "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, #D8DBDF)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, }, "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(255, 255, 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(255, 255, 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(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", @@ -415747,57 +417224,57 @@ exports[`shapshots vkBase 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, #343434)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #222222)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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, #434343)", }, "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, #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": { @@ -415811,325 +417288,325 @@ exports[`shapshots vkBase 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": { "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, #424242)", }, "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, #3A3A3A)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #323232)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #323232)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #292929)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", - "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, #D5E6DA)", + "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, #DFF0E1)", + "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2F422F)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #434343)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #333333)", }, }, "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(255, 255, 255, 0.16))", }, "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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.08))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #323232)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #292929)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #E1E3E6)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #E1E3E6)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #E1E3E6)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #323232)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #292929)", }, }, "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(255, 255, 255, 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(255, 255, 255, 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(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, #343434)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #ffffff)", + "value": "var(--vkui--color_header_background, #222222)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #71AAEB)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "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": { "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", @@ -416139,225 +417616,225 @@ exports[`shapshots vkBase 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, #343434)", }, "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, #2B2B2B)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "value": "var(--vkui--color_icon_contrast_themed, #222222)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", + "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #979797)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 0.56))", + "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(0, 0, 0, 0.52))", + "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(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "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", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", - "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, #8C8C8C)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 0.32))", + "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(0, 0, 0, 0.28))", + "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(0, 0, 0, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -416377,333 +417854,333 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "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, #237EDD)", + "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, #2483E4)", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #424242)", }, }, "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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #323232)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #292929)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #323232)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #292929)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #434343)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #333333)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #71AAEB)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, }, "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "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", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "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, #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, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #71AAEB)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, }, "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "value": "var(--vkui--color_text_contrast_themed, #222222)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "value": "var(--vkui--color_text_link--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #71AAEB)", }, }, "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, #9C9C9C)", }, "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, #979797)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "value": "var(--vkui--color_text_link_themed, #939393)", }, }, "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", @@ -416713,11 +418190,11 @@ exports[`shapshots vkBase 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", @@ -416727,81 +418204,81 @@ 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, #D0D0D0)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #CECECE)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "value": "var(--vkui--color_text_muted, #CCCCCC)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "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", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #E1E3E6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -416811,95 +418288,95 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #828282)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #979797)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #939393)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #656565)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #878787)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #828282)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #FFFFFF)", }, }, "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", @@ -416909,82 +418386,82 @@ 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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "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, #f2f3f5)", + "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, #CFD2D8)", + "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, #D8DBDF)", + "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, #e1e3e6)", + "value": "var(--vkui--color_write_bar_input_border, #555555)", }, }, "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(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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -417008,7 +418485,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", @@ -417050,7 +418527,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", @@ -417092,7 +418569,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", @@ -417134,7 +418611,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", @@ -417176,7 +418653,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", @@ -417218,7 +418695,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", @@ -417260,7 +418737,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", @@ -417298,7 +418775,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", @@ -417316,7 +418793,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", @@ -417354,7 +418831,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", @@ -417392,7 +418869,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", @@ -417410,15 +418887,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": { @@ -417442,7 +418919,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", @@ -417484,7 +418961,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", @@ -417526,17 +419003,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", @@ -417574,17 +419051,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", @@ -417632,7 +419109,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", @@ -417670,7 +419147,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", @@ -417708,17 +419185,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", @@ -417756,17 +419233,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", @@ -417804,7 +419281,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", @@ -417842,7 +419319,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", @@ -417880,7 +419357,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", @@ -417922,7 +419399,7 @@ exports[`shapshots vkBase 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 1) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -417930,7 +419407,7 @@ exports[`shapshots vkBase 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -418081,7 +419558,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": { @@ -418457,7 +419934,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": { @@ -418501,7 +419978,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": { @@ -418559,7 +420036,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": { @@ -418627,11 +420104,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": { @@ -418641,11 +420118,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": { @@ -418655,11 +420132,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": { @@ -418712,13 +420189,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, vkBaseDark)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkBase)", + "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": { @@ -418732,7 +420213,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -418740,84 +420221,84 @@ 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": "#6AA6EB", + "hover": "#63A2EA", + "normal": "#5D9EE9", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#63F2D6", + "hover": "#5CF2D4", + "normal": "#55F1D2", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#CEF978", + "hover": "#CCF972", + "normal": "#CAF96C", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#FFA000", }, "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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#F9A1FF", + "hover": "#F89DFF", + "normal": "#F899FF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#FF3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#A94FFF", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -418830,254 +420311,254 @@ 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": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", + "active": "#3792ED", + "hover": "#2F8DEC", "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { - "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.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -419085,224 +420566,224 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", + "active": "#5890D0", + "hover": "#508BCE", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "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", @@ -419310,7 +420791,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", @@ -419319,7 +420800,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", @@ -419327,7 +420808,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", @@ -419336,7 +420817,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", @@ -419344,7 +420825,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", @@ -419353,7 +420834,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", @@ -419361,13 +420842,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", @@ -419375,7 +420856,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", @@ -419383,18 +420864,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", @@ -419402,7 +420883,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", @@ -419411,11 +420892,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", @@ -419423,11 +420904,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", @@ -419439,7 +420920,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", @@ -419447,7 +420928,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", @@ -419455,11 +420936,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", @@ -419467,11 +420948,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", @@ -419479,7 +420960,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", @@ -419487,7 +420968,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", @@ -419495,7 +420976,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", @@ -419507,9 +420988,9 @@ exports[`shapshots vkBase 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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, @@ -419553,7 +421034,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -419665,7 +421146,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -419678,7 +421159,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "56px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -419695,7 +421176,7 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -419715,16 +421196,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", @@ -419739,15 +421220,16 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "vkBase", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkComDark", + "themeNameBase": "vkCom", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBase 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)", @@ -419755,84 +421237,84 @@ 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, #6AA6EB)", + "hover": "var(--vkui--color_accent_azure--hover, #63A2EA)", + "normal": "var(--vkui--color_accent_azure, #5D9EE9)", }, "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, #4987D0)", + "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", + "normal": "var(--vkui--color_accent_blue, #397DCC)", }, "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, #63F2D6)", + "hover": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", + "normal": "var(--vkui--color_accent_cyan, #55F1D2)", }, "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, #B4BDC7)", + "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "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)", + "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)", - "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, #EB9405)", - "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "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, #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, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -419845,254 +421327,254 @@ 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, #272727)", + "hover": "var(--vkui--color_background--hover, #1D1D1D)", + "normal": "var(--vkui--color_background, #141414)", }, "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, #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, #237EDD)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "active": "var(--vkui--color_background_accent_alternative--active, #3792ED)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", "normal": "var(--vkui--color_background_accent_alternative, #2688EB)", }, "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, #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(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(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)", }, "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, #343434)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", + "normal": "var(--vkui--color_background_content, #222222)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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)", - "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))", "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)", - "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, #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, #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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(255, 255, 255, 0.16))", + "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.08))", }, "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, #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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "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(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(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, #343434)", + "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", + "normal": "var(--vkui--color_header_background, #222222)", }, "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, #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, #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, #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, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "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, #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, #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, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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)", - "normal": "var(--vkui--color_icon_primary_invariably, #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": "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, #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(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(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, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -420100,224 +421582,224 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "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, #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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "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, #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, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "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, #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, #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, #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, #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, #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, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "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, #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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #E1E3E6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_text_secondary--hover, #878787)", + "normal": "var(--vkui--color_text_secondary, #828282)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9C9C9C)", + "hover": "var(--vkui--color_text_subhead--hover, #979797)", + "normal": "var(--vkui--color_text_subhead, #939393)", }, "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, #717171)", + "hover": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "normal": "var(--vkui--color_text_tertiary, #656565)", }, "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, #8C8C8C)", + "hover": "var(--vkui--color_track_background--hover, #878787)", + "normal": "var(--vkui--color_track_background, #828282)", }, "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, #D7D8DB)", + "hover": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "normal": "var(--vkui--color_track_buffer, #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))", + "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, #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, #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, #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, #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, #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, #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(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(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, 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": { "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)", @@ -420325,7 +421807,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)", @@ -420334,7 +421816,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)", @@ -420342,7 +421824,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)", @@ -420351,7 +421833,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)", @@ -420359,7 +421841,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)", @@ -420368,7 +421850,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)", @@ -420376,13 +421858,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)", @@ -420390,7 +421872,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)", @@ -420398,18 +421880,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)", @@ -420417,7 +421899,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)", @@ -420426,11 +421908,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)", @@ -420438,11 +421920,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)", @@ -420454,7 +421936,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)", @@ -420462,7 +421944,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)", @@ -420470,11 +421952,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)", @@ -420482,11 +421964,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)", @@ -420494,7 +421976,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)", @@ -420502,7 +421984,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)", @@ -420510,7 +421992,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)", @@ -420522,9 +422004,9 @@ exports[`shapshots vkBase 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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)", @@ -420568,7 +422050,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)", @@ -420680,7 +422162,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)", @@ -420693,7 +422175,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)", @@ -420710,7 +422192,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)", @@ -420730,16 +422212,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)", @@ -420754,15 +422236,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, 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 vkBase theme should match root theme snapshot 1`] = ` +exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -420770,84 +422253,84 @@ 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": "#6AA6EB", + "hover": "#63A2EA", + "normal": "#5D9EE9", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#63F2D6", + "hover": "#5CF2D4", + "normal": "#55F1D2", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#CEF978", + "hover": "#CCF972", + "normal": "#CAF96C", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#FFA000", }, "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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#F9A1FF", + "hover": "#F89DFF", + "normal": "#F899FF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#FF3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#A94FFF", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -420860,254 +422343,254 @@ 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": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", + "active": "#3792ED", + "hover": "#2F8DEC", "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { - "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.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", + }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -421115,224 +422598,224 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", + "active": "#7CB1ED", + "hover": "#77ADEC", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", + "active": "#5890D0", + "hover": "#508BCE", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "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, @@ -421340,7 +422823,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, @@ -421349,7 +422832,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, @@ -421357,7 +422840,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, @@ -421366,7 +422849,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, @@ -421374,7 +422857,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, @@ -421383,7 +422866,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, @@ -421391,13 +422874,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, @@ -421405,7 +422888,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, @@ -421413,18 +422896,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, @@ -421432,7 +422915,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, @@ -421441,11 +422924,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, @@ -421453,11 +422936,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, @@ -421469,7 +422952,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, @@ -421477,7 +422960,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, @@ -421485,11 +422968,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, @@ -421497,11 +422980,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, @@ -421509,7 +422992,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, @@ -421517,7 +423000,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, @@ -421525,7 +423008,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, @@ -421537,9 +423020,9 @@ exports[`shapshots vkBase 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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, @@ -421583,7 +423066,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -421695,7 +423178,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -421708,7 +423191,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 56, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -421725,7 +423208,7 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -421745,16 +423228,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, @@ -421769,15 +423252,16 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "vkBase", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkComDark", + "themeNameBase": "vkCom", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -421797,16 +423281,16 @@ exports[`shapshots vkBaseDark 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, #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", @@ -421816,25 +423300,25 @@ exports[`shapshots vkBaseDark 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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -421844,11 +423328,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -421858,11 +423342,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", @@ -421872,11 +423356,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -421886,11 +423370,11 @@ exports[`shapshots vkBaseDark 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, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -421900,11 +423384,11 @@ exports[`shapshots vkBaseDark 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", @@ -421914,25 +423398,25 @@ exports[`shapshots vkBaseDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -421942,39 +423426,39 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -421984,11 +423468,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -421998,29 +423482,29 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -422054,81 +423538,81 @@ 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #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", @@ -422138,53 +423622,53 @@ 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, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -422202,101 +423686,101 @@ exports[`shapshots vkBaseDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -422306,221 +423790,221 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.10))", + "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, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "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", - "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, #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", @@ -422530,67 +424014,67 @@ 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "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, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "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(241, 247, 255, 0.74))", + "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(241, 247, 255, 0.7000000000000001))", + "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(241, 247, 255, 0.66))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -422600,25 +424084,25 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", @@ -422628,127 +424112,127 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "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(241, 247, 255, 0.51))", + "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(241, 247, 255, 0.47000000000000003))", + "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(241, 247, 255, 0.43))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(255, 255, 255, 0.38))", + "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(255, 255, 255, 0.34))", + "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(255, 255, 255, 0.30))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -422782,207 +424266,207 @@ exports[`shapshots vkBaseDark 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #464748)", + "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, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -422992,109 +424476,109 @@ exports[`shapshots vkBaseDark 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, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #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", @@ -423104,11 +424588,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -423118,39 +424602,39 @@ 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, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -423160,39 +424644,39 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -423202,95 +424686,95 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -423300,82 +424784,82 @@ 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -424313,7 +425797,7 @@ exports[`shapshots vkBaseDark 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(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", @@ -424321,7 +425805,7 @@ exports[`shapshots vkBaseDark 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(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", @@ -424472,7 +425956,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": { @@ -424522,7 +426006,7 @@ exports[`shapshots vkBaseDark 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": { @@ -424774,7 +426258,7 @@ exports[`shapshots vkBaseDark 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": { @@ -424888,11 +426372,11 @@ exports[`shapshots vkBaseDark 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": { @@ -425018,11 +426502,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, 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": { @@ -425032,11 +426516,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, 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": { @@ -425046,11 +426530,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, 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": { @@ -425109,11 +426593,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkBaseDark)", + "value": "var(--vkui--theme_name, vkIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkBase)", + "value": "var(--vkui--theme_name_base, vkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -425127,92 +426611,92 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkBaseDark 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": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -425225,254 +426709,254 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -425485,216 +426969,216 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -425902,9 +427386,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -425948,7 +427432,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -425963,7 +427447,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -426038,7 +427522,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -426072,8 +427556,8 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -426110,16 +427594,16 @@ exports[`shapshots vkBaseDark 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", @@ -426135,100 +427619,100 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkBaseDark", - "themeNameBase": "vkBase", + "themeName": "vkIOS", + "themeNameBase": "vkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBaseDark 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, #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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -426241,254 +427725,254 @@ 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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "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, #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, #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, #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, #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, #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(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(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, #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)", }, "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, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(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, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "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(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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "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, #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, #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, #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, #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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -426501,216 +427985,216 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "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, #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, #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, #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, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -426918,9 +428402,9 @@ exports[`shapshots vkBaseDark 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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -426964,7 +428448,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)", @@ -426979,7 +428463,7 @@ exports[`shapshots vkBaseDark 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)", @@ -427054,7 +428538,7 @@ exports[`shapshots vkBaseDark 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)", @@ -427088,8 +428572,8 @@ exports[`shapshots vkBaseDark 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)", @@ -427126,16 +428610,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, 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)", @@ -427151,100 +428635,100 @@ exports[`shapshots vkBaseDark 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, vkBaseDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkBase)", + "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 vkBaseDark 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": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -427257,254 +428741,254 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -427517,216 +429001,216 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -427934,9 +429418,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -427980,7 +429464,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -427995,7 +429479,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -428070,7 +429554,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -428104,8 +429588,8 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -428142,16 +429626,16 @@ exports[`shapshots vkBaseDark 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, @@ -428167,15 +429651,15 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkBaseDark", - "themeNameBase": "vkBase", + "themeName": "vkIOS", + "themeNameBase": "vkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -428195,114 +429679,114 @@ 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, #1482FF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #3C85D9)", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #5181B8)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #72E2CF)", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #77EBD6)", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "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, #AAB4BE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BD)", + "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": { "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", - "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, #B5F820)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B7EE4E)", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #BFF74F)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "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", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "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", @@ -428312,81 +429796,81 @@ exports[`shapshots vkCom 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, #E27CEF)", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EC80F7)", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F685FF)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735CE6)", + "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, #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, #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", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "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", @@ -428396,29 +429880,29 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792EC0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -428452,81 +429936,81 @@ 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E4E5E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #EDEEF0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3F72B0)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #4177B5)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #447BBA)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "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, #3F72B0)", + "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, #4177B5)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #447BBA)", + "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(68, 123, 186, 0.2))", + "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(68, 123, 186, 0.16))", + "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(68, 123, 186, 0.12))", + "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", @@ -428536,39 +430020,39 @@ exports[`shapshots vkCom 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -428578,15 +430062,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "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, #3D3E3F)", }, "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, #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": { @@ -428600,311 +430084,311 @@ exports[`shapshots vkCom 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #E64646)", + "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)", }, }, "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", - "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, #D5E6DA)", + "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, #DFF0E1)", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F2F5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(39, 63, 92, 0.15))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(39, 63, 92, 0.11))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(39, 63, 92, 0.07))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #FAFBFC)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #305B90)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #325F93)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #346297)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #305B90)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #325F93)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #346297)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #305B90)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #325F93)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #346297)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E3E5EB)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EDEFF2)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F7F8FA)", + "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, 0, 0, 0.36))", + "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, 0, 0, 0.24))", + "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, 0, 0, 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #3F72B0)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4177B5)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #447BBA)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #3770B1)", + "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", @@ -428914,11 +430398,11 @@ exports[`shapshots vkCom 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", @@ -428928,221 +430412,221 @@ exports[`shapshots vkCom 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, #141414)", }, "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, #0A0A0A)", }, "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, #66717F)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #6B7582)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #6F7985)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #E64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", - "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, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99A2AD)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A0AAB7)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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", @@ -429166,277 +430650,277 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #447BBA)", + "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, #DADCE2)", + "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, #E4E5E9)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #EDEEF0)", + "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, #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, #CAD0D8)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DCE1E6)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #D5D7DE)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E7E8EC)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F0F2F5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E7E8EC)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #447BBA)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #E64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "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, #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, #3F72B0)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4177B5)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #447BBA)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #3770B1)", + "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", @@ -429446,53 +430930,53 @@ exports[`shapshots vkCom 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, #141414)", }, "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, #0A0A0A)", }, "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, #27527F)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #285582)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2A5885)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2A5885)", + "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", @@ -429502,11 +430986,11 @@ exports[`shapshots vkCom 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", @@ -429516,81 +431000,81 @@ 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #313233)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #333333)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #E64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -429600,95 +431084,95 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818C99)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #5A6675)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #5E6978)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #626D7A)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99A2AD)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C2C9D1)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #CBD1D8)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #D3D9DE)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #3F72B0)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #4177B5)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #447BBA)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -429698,82 +431182,82 @@ 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #818C99)", + "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, #EBECEF)", + "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, #F5F5F7)", + "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, #FFFFFF)", + "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, #C2C9D1)", + "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, #CBD1D8)", + "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, #D3D9DE)", + "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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -429797,7 +431281,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", @@ -429839,7 +431323,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", @@ -429881,7 +431365,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", @@ -429923,7 +431407,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", @@ -429965,7 +431449,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", @@ -430007,7 +431491,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", @@ -430049,7 +431533,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", @@ -430087,7 +431571,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", @@ -430105,7 +431589,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", @@ -430143,7 +431627,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", @@ -430181,7 +431665,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", @@ -430199,15 +431683,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": { @@ -430231,7 +431715,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", @@ -430273,7 +431757,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", @@ -430315,17 +431799,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", @@ -430363,17 +431847,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", @@ -430421,7 +431905,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", @@ -430459,7 +431943,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", @@ -430497,17 +431981,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", @@ -430545,17 +432029,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", @@ -430593,7 +432077,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", @@ -430631,7 +432115,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", @@ -430669,7 +432153,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", @@ -430711,7 +432195,7 @@ exports[`shapshots vkCom 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", @@ -430719,7 +432203,7 @@ exports[`shapshots vkCom 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", @@ -430920,7 +432404,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": { @@ -431172,7 +432656,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": { @@ -431246,7 +432730,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": { @@ -431286,11 +432770,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": { @@ -431348,7 +432832,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": { @@ -431416,11 +432900,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": { @@ -431430,11 +432914,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": { @@ -431444,11 +432928,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": { @@ -431503,15 +432987,15 @@ exports[`shapshots vkCom 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, vkCom)", + "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": { @@ -431525,92 +433009,92 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkCom 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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#72E2CF", - "hover": "#77EBD6", - "normal": "#7CF4DC", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B0E54E", - "hover": "#B7EE4E", - "normal": "#BFF74F", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#FFA000", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "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": "#E27CEF", - "hover": "#EC80F7", - "normal": "#F685FF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735CE6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#FF3347", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792EC0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -431623,253 +433107,253 @@ 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": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2D2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(39, 63, 92, 0.15)", - "hover": "rgba(39, 63, 92, 0.11)", - "normal": "rgba(39, 63, 92, 0.07)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorOverlayPrimary": { @@ -431878,224 +433362,224 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "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(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#CBCCCD", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "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": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "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": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "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", @@ -432103,7 +433587,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", @@ -432112,7 +433596,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", @@ -432120,7 +433604,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", @@ -432129,7 +433613,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", @@ -432137,7 +433621,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", @@ -432146,7 +433630,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", @@ -432154,13 +433638,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", @@ -432168,7 +433652,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", @@ -432176,18 +433660,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", @@ -432195,7 +433679,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", @@ -432204,11 +433688,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", @@ -432216,11 +433700,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", @@ -432232,7 +433716,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", @@ -432240,7 +433724,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", @@ -432248,11 +433732,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", @@ -432260,11 +433744,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", @@ -432272,7 +433756,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", @@ -432280,7 +433764,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", @@ -432288,7 +433772,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", @@ -432300,9 +433784,9 @@ exports[`shapshots vkCom 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, @@ -432361,7 +433845,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -432436,7 +433920,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -432458,7 +433942,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -432470,8 +433954,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", @@ -432488,7 +433972,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -432508,16 +433992,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", @@ -432532,101 +434016,101 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkCom", - "themeNameBase": "vkCom", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIOSDark", + "themeNameBase": "vkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkCom 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, #3A80D3)", - "hover": "var(--vkui--color_accent_azure--hover, #3C85D9)", - "normal": "var(--vkui--color_accent_azure, #3F8AE0)", + "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, #4B78AE)", - "hover": "var(--vkui--color_accent_blue--hover, #4E7CB3)", - "normal": "var(--vkui--color_accent_blue, #5181B8)", + "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, #72E2CF)", - "hover": "var(--vkui--color_accent_cyan--hover, #77EBD6)", - "normal": "var(--vkui--color_accent_cyan, #7CF4DC)", + "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, #A0AAB7)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)", - "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, #45A64A)", - "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "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, #B0E54E)", - "hover": "var(--vkui--color_accent_lime--hover, #B7EE4E)", - "normal": "var(--vkui--color_accent_lime, #BFF74F)", + "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)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "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, #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, #E27CEF)", - "hover": "var(--vkui--color_accent_pink--hover, #EC80F7)", - "normal": "var(--vkui--color_accent_pink, #F685FF)", + "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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735CE6)", + "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, #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, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792EC0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -432639,253 +434123,253 @@ 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #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, #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, #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, #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(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(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)", }, "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, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #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, #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, #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))", "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #E64646)", + "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)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #45A64A)", - "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #DDE0E6)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E9EE)", - "normal": "var(--vkui--color_background_secondary, #F0F2F5)", + "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(39, 63, 92, 0.15))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(39, 63, 92, 0.11))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(39, 63, 92, 0.07))", + "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, #E6E8ED)", - "hover": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", - "normal": "var(--vkui--color_background_tertiary, #FAFBFC)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #305B90)", - "hover": "var(--vkui--color_button_icon--hover, #325F93)", - "normal": "var(--vkui--color_button_icon, #346297)", + "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, #305B90)", - "hover": "var(--vkui--color_button_stroke--hover, #325F93)", - "normal": "var(--vkui--color_button_stroke, #346297)", + "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, #305B90)", - "hover": "var(--vkui--color_button_text--hover, #325F93)", - "normal": "var(--vkui--color_button_text, #346297)", + "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, #E3E5EB)", - "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", - "normal": "var(--vkui--color_field_background, #F7F8FA)", + "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, 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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "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, #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, #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, #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, #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, #66717F)", - "hover": "var(--vkui--color_icon_medium--hover, #6B7582)", - "normal": "var(--vkui--color_icon_medium, #6F7985)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #E64646)", + "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)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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)", - "normal": "var(--vkui--color_icon_primary_invariably, #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": "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, #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(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(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, #A0AAB7)", - "hover": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", - "normal": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { @@ -432894,224 +434378,224 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #CAD0D8)", - "hover": "var(--vkui--color_separator_primary--hover, #D3D9DF)", - "normal": "var(--vkui--color_separator_primary, #DCE1E6)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #D5D7DE)", - "hover": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", - "normal": "var(--vkui--color_separator_secondary, #E7E8EC)", + "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, #DDE0E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", - "normal": "var(--vkui--color_skeleton_from, #F0F2F5)", + "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, #D5D7DE)", - "hover": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", - "normal": "var(--vkui--color_skeleton_to, #E7E8EC)", + "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, #3F72B0)", - "hover": "var(--vkui--color_stroke_accent--hover, #4177B5)", - "normal": "var(--vkui--color_stroke_accent, #447BBA)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #E64646)", + "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)", - "normal": "var(--vkui--color_stroke_positive, #4BB34B)", + "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, #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, #3F72B0)", - "hover": "var(--vkui--color_text_accent--hover, #4177B5)", - "normal": "var(--vkui--color_text_accent, #447BBA)", + "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, #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, #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, #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, #27527F)", - "hover": "var(--vkui--color_text_link--hover, #285582)", - "normal": "var(--vkui--color_text_link, #2A5885)", + "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, #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, #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, #2F3034)", - "hover": "var(--vkui--color_text_muted--hover, #313233)", - "normal": "var(--vkui--color_text_muted, #333333)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #E64646)", + "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)", - "normal": "var(--vkui--color_text_positive, #4BB34B)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818C99)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "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)", @@ -433119,7 +434603,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)", @@ -433128,7 +434612,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)", @@ -433136,7 +434620,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)", @@ -433145,7 +434629,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)", @@ -433153,7 +434637,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)", @@ -433162,7 +434646,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)", @@ -433170,13 +434654,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)", @@ -433184,7 +434668,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)", @@ -433192,18 +434676,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)", @@ -433211,7 +434695,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)", @@ -433220,11 +434704,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)", @@ -433232,11 +434716,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)", @@ -433248,7 +434732,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)", @@ -433256,7 +434740,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)", @@ -433264,11 +434748,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)", @@ -433276,11 +434760,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)", @@ -433288,7 +434772,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)", @@ -433296,7 +434780,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)", @@ -433304,7 +434788,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)", @@ -433316,9 +434800,9 @@ exports[`shapshots vkCom 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)", @@ -433377,7 +434861,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)", @@ -433452,7 +434936,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)", @@ -433474,7 +434958,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)", @@ -433486,8 +434970,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)", @@ -433504,7 +434988,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)", @@ -433524,16 +435008,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)", @@ -433548,101 +435032,101 @@ exports[`shapshots vkCom 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, vkCom)", - "themeNameBase": "var(--vkui--theme_name_base, vkCom)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "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 vkCom 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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#72E2CF", - "hover": "#77EBD6", - "normal": "#7CF4DC", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B0E54E", - "hover": "#B7EE4E", - "normal": "#BFF74F", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#FFA000", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "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": "#E27CEF", - "hover": "#EC80F7", - "normal": "#F685FF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735CE6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#FF3347", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792EC0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -433655,253 +435139,253 @@ 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": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2D2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(39, 63, 92, 0.15)", - "hover": "rgba(39, 63, 92, 0.11)", - "normal": "rgba(39, 63, 92, 0.07)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorOverlayPrimary": { @@ -433910,224 +435394,224 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "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(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#CBCCCD", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "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": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "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": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "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, @@ -434135,7 +435619,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, @@ -434144,7 +435628,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, @@ -434152,7 +435636,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, @@ -434161,7 +435645,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, @@ -434169,7 +435653,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, @@ -434178,7 +435662,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, @@ -434186,13 +435670,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, @@ -434200,7 +435684,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, @@ -434208,18 +435692,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, @@ -434227,7 +435711,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, @@ -434236,11 +435720,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, @@ -434248,11 +435732,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, @@ -434264,7 +435748,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, @@ -434272,7 +435756,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, @@ -434280,11 +435764,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, @@ -434292,11 +435776,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, @@ -434304,7 +435788,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, @@ -434312,7 +435796,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, @@ -434320,7 +435804,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, @@ -434332,9 +435816,9 @@ exports[`shapshots vkCom 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, @@ -434393,7 +435877,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -434468,7 +435952,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -434490,7 +435974,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -434502,8 +435986,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, @@ -434520,7 +436004,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -434540,16 +436024,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, @@ -434564,16 +436048,16 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkCom", - "themeNameBase": "vkCom", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIOSDark", + "themeNameBase": "vkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -434598,109 +436082,109 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #6AA6EB)", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #63A2EA)", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4182CE)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #397DCC)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #63F2D6)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "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, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "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": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "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, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #CCF972)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #CAF96C)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", + "value": "var(--vkui--color_accent_orange--active, #DB790C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "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": { "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", @@ -434710,81 +436194,81 @@ exports[`shapshots vkComDark 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, #F9A1FF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F89DFF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "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, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9784F5)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #937FF5)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -434794,29 +436278,29 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #A94FFF)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -434850,141 +436334,141 @@ 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #1D1D1D)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #141414)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #7CB1ED)", + "value": "var(--vkui--color_background_accent--active, #D87402)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #77ADEC)", + "value": "var(--vkui--color_background_accent--hover, #E57B04)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #71AAEB)", + "value": "var(--vkui--color_background_accent, #EE8208)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #3792ED)", + "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, #2F8DEC)", + "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, #CFD2D8)", + "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, #D8DBDF)", + "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #67A6FF)", + "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, #61A2FF)", + "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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #343434)", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2B)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #222222)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #434343)", + "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, #3B3B3B)", + "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": { @@ -434998,325 +436482,325 @@ exports[`shapshots vkComDark 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": { "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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3A3A3A)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #323232)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #292929)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2F422F)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #434343)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #333333)", + "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(255, 255, 255, 0.16))", + "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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.08))", + "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, #3A3A3A)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #323232)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #292929)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #E3E5E8)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #E1E3E6)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #E1E3E6)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #E3E5E8)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #E2E4E7)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #E1E3E6)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", + "value": "var(--vkui--color_field_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", + "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.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(255, 255, 255, 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(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #343434)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2B2B2B)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #222222)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", + "value": "var(--vkui--color_icon_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", + "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #71AAEB)", + "value": "var(--vkui--color_icon_accent, #EE8208)", }, }, "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, #778292)", }, "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, #7C8795)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_icon_accent_themed, #818C99)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #E1E3E6)", + "value": "var(--vkui--color_icon_contrast, #ffffff)", }, }, "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", @@ -435326,225 +436810,225 @@ 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #222222)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", + "value": "var(--vkui--color_icon_medium--active, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #979797)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #939393)", + "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(255, 255, 255, 0.56))", + "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(255, 255, 255, 0.52))", + "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(255, 255, 255, 0.48))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", - "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, #8C8C8C)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #878787)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #828282)", + "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(255, 255, 255, 0.48))", + "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(255, 255, 255, 0.44))", + "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(255, 255, 255, 0.40))", + "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, #717171)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #656565)", + "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(255, 255, 255, 0.32))", + "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(255, 255, 255, 0.28))", + "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(255, 255, 255, 0.24))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -435564,431 +437048,431 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71AAEB)", + "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, #515151)", + "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, #4A4A4A)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #424242)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #323232)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #292929)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #323232)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #292929)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #434343)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #333333)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", + "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", + "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #71AAEB)", + "value": "var(--vkui--color_stroke_accent, #BEBFC1)", }, }, "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, #AFB1B6)", }, "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, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "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, #7CB1ED)", + "value": "var(--vkui--color_text_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #77ADEC)", + "value": "var(--vkui--color_text_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #71AAEB)", + "value": "var(--vkui--color_text_accent, #EE8208)", }, }, "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, #DB790C)", }, "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, #E47D0A)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_text_accent_themed, #EE8208)", }, }, "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", - "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, #343434)", + "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, #2B2B2B)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #222222)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #7CB1ED)", + "value": "var(--vkui--color_text_link--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #77ADEC)", + "value": "var(--vkui--color_text_link--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #71AAEB)", + "value": "var(--vkui--color_text_link, #6D7885)", }, }, "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, #64707F)", }, "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, #697482)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #939393)", + "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, #7CB1ED)", + "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, #77ADEC)", + "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, #5890D0)", + "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, #508BCE)", + "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": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #D0D0D0)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #CECECE)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #CCCCCC)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E1E3E6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -435998,95 +437482,95 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #878787)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #828282)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #979797)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #939393)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #717171)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #656565)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #8C8C8C)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #878787)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #828282)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #FFFFFF)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -436096,82 +437580,82 @@ 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "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, #515151)", + "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, #4A4A4A)", + "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, #424242)", + "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, #636363)", + "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, #5C5C5C)", + "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, #555555)", + "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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -436195,7 +437679,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", @@ -436237,7 +437721,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", @@ -436279,7 +437763,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", @@ -436321,7 +437805,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", @@ -436363,7 +437847,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", @@ -436405,7 +437889,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", @@ -436447,7 +437931,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", @@ -436485,7 +437969,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", @@ -436503,7 +437987,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", @@ -436541,7 +438025,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", @@ -436579,7 +438063,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", @@ -436597,15 +438081,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": { @@ -436629,7 +438113,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", @@ -436671,7 +438155,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", @@ -436713,17 +438197,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", @@ -436761,17 +438245,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", @@ -436819,7 +438303,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", @@ -436857,7 +438341,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", @@ -436895,17 +438379,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", @@ -436943,17 +438427,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", @@ -436991,7 +438475,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", @@ -437029,7 +438513,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", @@ -437067,7 +438551,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", @@ -437109,7 +438593,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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", @@ -437117,7 +438601,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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", @@ -437268,7 +438752,7 @@ exports[`shapshots vkComDark 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": { @@ -437644,7 +439128,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": { @@ -437688,7 +439172,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "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, 56px)", }, }, "sizePopupBasePadding": { @@ -437746,7 +439230,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": { @@ -437814,11 +439298,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, 12px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 10px)", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, "sizeSwitchPin": { @@ -437828,11 +439312,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, 18px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 16px)", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, "sizeSwitchWidth": { @@ -437842,11 +439326,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, 32px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 27px)", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, "sizeTooltipMargin": { @@ -437899,17 +439383,13 @@ exports[`shapshots vkComDark 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, vkBaseDark)", - }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkComDark)", + "value": "var(--vkui--theme_name, vkIdOk)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkCom)", + "value": "var(--vkui--theme_name_base, vkIdOk)", }, "themeType": "cssVars", "zIndexModal": { @@ -437923,7 +439403,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -437931,84 +439411,84 @@ exports[`shapshots vkComDark 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": "#6AA6EB", - "hover": "#63A2EA", - "normal": "#5D9EE9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#63F2D6", - "hover": "#5CF2D4", - "normal": "#55F1D2", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#CEF978", - "hover": "#CCF972", - "normal": "#CAF96C", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#FFA000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "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": "#F9A1FF", - "hover": "#F89DFF", - "normal": "#F899FF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#FF3347", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#A94FFF", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -438021,254 +439501,254 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688EB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "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": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -438276,224 +439756,224 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "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", @@ -438501,7 +439981,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", @@ -438510,7 +439990,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", @@ -438518,7 +439998,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", @@ -438527,7 +440007,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", @@ -438535,7 +440015,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", @@ -438544,7 +440024,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", @@ -438552,13 +440032,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", @@ -438566,7 +440046,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", @@ -438574,18 +440054,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", @@ -438593,7 +440073,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", @@ -438602,11 +440082,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", @@ -438614,11 +440094,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", @@ -438630,7 +440110,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", @@ -438638,7 +440118,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", @@ -438646,11 +440126,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", @@ -438658,11 +440138,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", @@ -438670,7 +440150,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", @@ -438678,7 +440158,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", @@ -438686,7 +440166,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", @@ -438698,9 +440178,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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.4, "opacityDisableAccessibility": 0.64, @@ -438744,7 +440224,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -438856,7 +440336,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -438869,7 +440349,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -438886,7 +440366,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -438906,16 +440386,16 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "10px", - "regular": "10px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "16px", - "regular": "16px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "27px", - "regular": "27px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -438930,16 +440410,15 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkComDark", - "themeNameBase": "vkCom", + "themeName": "vkIdOk", + "themeNameBase": "vkIdOk", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkComDark 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)", @@ -438947,84 +440426,84 @@ exports[`shapshots vkComDark 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, #6AA6EB)", - "hover": "var(--vkui--color_accent_azure--hover, #63A2EA)", - "normal": "var(--vkui--color_accent_azure, #5D9EE9)", + "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, #4987D0)", - "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", - "normal": "var(--vkui--color_accent_blue, #397DCC)", + "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, #63F2D6)", - "hover": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", - "normal": "var(--vkui--color_accent_cyan, #55F1D2)", + "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, #B4BDC7)", - "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", - "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "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, #CEF978)", - "hover": "var(--vkui--color_accent_lime--hover, #CCF972)", - "normal": "var(--vkui--color_accent_lime, #CAF96C)", + "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "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, #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, #F9A1FF)", - "hover": "var(--vkui--color_accent_pink--hover, #F89DFF)", - "normal": "var(--vkui--color_accent_pink, #F899FF)", + "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, #9C89F6)", - "hover": "var(--vkui--color_accent_purple--hover, #9784F5)", - "normal": "var(--vkui--color_accent_purple, #937FF5)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #A94FFF)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -439037,254 +440516,254 @@ 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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "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, #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, #3792ED)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", - "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, #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, #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(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(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, #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, #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, #343434)", - "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", - "normal": "var(--vkui--color_background_content, #222222)", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #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, #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, #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, #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, #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, #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, #3A3A3A)", - "hover": "var(--vkui--color_background_modal--hover, #323232)", - "normal": "var(--vkui--color_background_modal, #292929)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "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, #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, #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, #434343)", - "hover": "var(--vkui--color_background_secondary--hover, #3B3B3B)", - "normal": "var(--vkui--color_background_secondary, #333333)", + "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(255, 255, 255, 0.16))", - "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.08))", + "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, #3A3A3A)", - "hover": "var(--vkui--color_background_tertiary--hover, #323232)", - "normal": "var(--vkui--color_background_tertiary, #292929)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_icon, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_stroke, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_text, #E1E3E6)", + "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, #3A3A3A)", - "hover": "var(--vkui--color_field_background--hover, #323232)", - "normal": "var(--vkui--color_field_background, #292929)", + "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.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(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, #343434)", - "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", - "normal": "var(--vkui--color_header_background, #222222)", + "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, #7CB1ED)", - "hover": "var(--vkui--color_icon_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_icon_accent, #71AAEB)", + "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, #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, #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, #E3E5E8)", - "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_contrast, #E1E3E6)", + "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, #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, #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, #9C9C9C)", - "hover": "var(--vkui--color_icon_medium--hover, #979797)", - "normal": "var(--vkui--color_icon_medium, #939393)", + "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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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)", - "normal": "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": "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, #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(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(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, #717171)", - "hover": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", - "normal": "var(--vkui--color_icon_tertiary, #656565)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -439292,224 +440771,224 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #3A3A3A)", - "hover": "var(--vkui--color_separator_secondary--hover, #323232)", - "normal": "var(--vkui--color_separator_secondary, #292929)", + "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, #3A3A3A)", - "hover": "var(--vkui--color_skeleton_from--hover, #323232)", - "normal": "var(--vkui--color_skeleton_from, #292929)", + "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, #434343)", - "hover": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", - "normal": "var(--vkui--color_skeleton_to, #333333)", + "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, #7CB1ED)", - "hover": "var(--vkui--color_stroke_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_stroke_accent, #71AAEB)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "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, #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, #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, #7CB1ED)", - "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_text_accent, #71AAEB)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #7CB1ED)", - "hover": "var(--vkui--color_text_link--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link, #71AAEB)", + "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, #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, #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, #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, #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, #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, #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, #D0D0D0)", - "hover": "var(--vkui--color_text_muted--hover, #CECECE)", - "normal": "var(--vkui--color_text_muted, #CCCCCC)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "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, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "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)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #8C8C8C)", - "hover": "var(--vkui--color_text_secondary--hover, #878787)", - "normal": "var(--vkui--color_text_secondary, #828282)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "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)", @@ -439517,7 +440996,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)", @@ -439526,7 +441005,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)", @@ -439534,7 +441013,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)", @@ -439543,7 +441022,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)", @@ -439551,7 +441030,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)", @@ -439560,7 +441039,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)", @@ -439568,13 +441047,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)", @@ -439582,7 +441061,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)", @@ -439590,18 +441069,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)", @@ -439609,7 +441088,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)", @@ -439618,11 +441097,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)", @@ -439630,11 +441109,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)", @@ -439646,7 +441125,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)", @@ -439654,7 +441133,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)", @@ -439662,11 +441141,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)", @@ -439674,11 +441153,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)", @@ -439686,7 +441165,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)", @@ -439694,7 +441173,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)", @@ -439702,7 +441181,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)", @@ -439714,9 +441193,9 @@ exports[`shapshots vkComDark 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -439760,7 +441239,7 @@ exports[`shapshots vkComDark 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)", @@ -439872,7 +441351,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)", @@ -439885,7 +441364,7 @@ exports[`shapshots vkComDark 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, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -439902,7 +441381,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)", @@ -439922,16 +441401,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, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 16px)", - "regular": "var(--vkui--size_switch_pin--regular, 16px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 27px)", - "regular": "var(--vkui--size_switch_width--regular, 27px)", + "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)", @@ -439946,16 +441425,15 @@ exports[`shapshots vkComDark 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, vkComDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkCom)", + "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 vkComDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -439963,84 +441441,84 @@ exports[`shapshots vkComDark 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": "#6AA6EB", - "hover": "#63A2EA", - "normal": "#5D9EE9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#63F2D6", - "hover": "#5CF2D4", - "normal": "#55F1D2", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#CEF978", - "hover": "#CCF972", - "normal": "#CAF96C", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#FFA000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "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": "#F9A1FF", - "hover": "#F89DFF", - "normal": "#F899FF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#FF3347", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#A94FFF", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -440053,254 +441531,254 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688EB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "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": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -440308,224 +441786,224 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "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, @@ -440533,7 +442011,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, @@ -440542,7 +442020,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, @@ -440550,7 +442028,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, @@ -440559,7 +442037,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, @@ -440567,7 +442045,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, @@ -440576,7 +442054,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, @@ -440584,13 +442062,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, @@ -440598,7 +442076,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, @@ -440606,18 +442084,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, @@ -440625,7 +442103,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, @@ -440634,11 +442112,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, @@ -440646,11 +442124,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, @@ -440662,7 +442140,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, @@ -440670,7 +442148,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, @@ -440678,11 +442156,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, @@ -440690,11 +442168,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, @@ -440702,7 +442180,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, @@ -440710,7 +442188,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, @@ -440718,7 +442196,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, @@ -440730,9 +442208,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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.4, "opacityDisableAccessibility": 0.64, @@ -440776,7 +442254,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -440888,7 +442366,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -440901,7 +442379,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -440918,7 +442396,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -440938,16 +442416,16 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 10, - "regular": 10, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 16, - "regular": 16, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 27, - "regular": 27, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -440962,16 +442440,15 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkComDark", - "themeNameBase": "vkCom", + "themeName": "vkIdOk", + "themeNameBase": "vkIdOk", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -440991,16 +442468,16 @@ 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": { "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", @@ -441010,25 +442487,25 @@ exports[`shapshots vkIOS 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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "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", @@ -441038,11 +442515,11 @@ exports[`shapshots vkIOS 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", @@ -441052,11 +442529,11 @@ exports[`shapshots vkIOS 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", @@ -441066,11 +442543,11 @@ exports[`shapshots vkIOS 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", @@ -441080,25 +442557,25 @@ 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, #EF8C1C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "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": { "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", @@ -441108,25 +442585,25 @@ exports[`shapshots vkIOS 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, #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", @@ -441136,39 +442613,39 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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", @@ -441178,11 +442655,11 @@ exports[`shapshots vkIOS 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", @@ -441192,29 +442669,29 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -441248,137 +442725,137 @@ exports[`shapshots vkIOS 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #F58C15)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #F38910)", }, "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, #F49223)", }, "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, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #F38910)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "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(38, 136, 235, 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(38, 136, 235, 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(38, 136, 235, 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, #F49223)", }, "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, #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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -441396,101 +442873,101 @@ exports[`shapshots vkIOS 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", @@ -441500,221 +442977,221 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "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(255, 255, 255, 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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #222223)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #19191A)", }, }, "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(255, 255, 255, 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(255, 255, 255, 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(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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #EF8712)", }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "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", @@ -441724,67 +443201,67 @@ exports[`shapshots vkIOS 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, #141414)", }, "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, #0A0A0A)", }, "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, #778292)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", @@ -441794,25 +443271,25 @@ exports[`shapshots vkIOS 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", @@ -441822,127 +443299,127 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -441976,207 +443453,207 @@ exports[`shapshots vkIOS 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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "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, #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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #5E6061)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #57595A)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #505253)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", @@ -442186,165 +443663,165 @@ exports[`shapshots vkIOS 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, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #EF8712)", }, "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, #EDEEF1)", }, "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, #ECEEF1)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", }, }, "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "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, #2978D3)", + "value": "var(--vkui--color_text_link--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #969A9F)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "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, #818385)", }, "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, #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, #437DC1)", + "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, #4681C6)", + "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": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "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, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", @@ -442354,39 +443831,39 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -442396,95 +443873,95 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -442494,82 +443971,82 @@ exports[`shapshots vkIOS 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "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, #f2f3f5)", + "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, #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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -443507,7 +444984,7 @@ exports[`shapshots vkIOS 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", @@ -443515,7 +444992,7 @@ exports[`shapshots vkIOS 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", @@ -443666,7 +445143,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": { @@ -443716,7 +445193,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": { @@ -443968,7 +445445,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": { @@ -444082,11 +445559,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": { @@ -444212,11 +445689,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": { @@ -444226,11 +445703,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": { @@ -444240,11 +445717,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": { @@ -444303,11 +445780,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIOS)", + "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": { @@ -444321,92 +445798,92 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIOS 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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", - "normal": "#ffa000", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "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": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -444419,254 +445896,254 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -444679,216 +446156,216 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -445096,9 +446573,9 @@ exports[`shapshots vkIOS 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, @@ -445142,7 +446619,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -445157,7 +446634,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -445232,7 +446709,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -445266,8 +446743,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", @@ -445304,16 +446781,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", @@ -445329,100 +446806,100 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkIOS", - "themeNameBase": "vkIOS", + "themeName": "vkIdOkDark", + "themeNameBase": "vkIdOk", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOS 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, #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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "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)", - "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, #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, #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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -445435,254 +446912,254 @@ exports[`shapshots vkIOS 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #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, #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, #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, #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(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(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)", + "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, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #ffffff)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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": { "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "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(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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "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, #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, #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, #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, #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, #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, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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, #8D96A4)", - "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(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(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, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -445695,216 +447172,216 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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, #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, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "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, #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, #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, #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, #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, #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, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "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, #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, #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)", - "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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -446112,9 +447589,9 @@ exports[`shapshots vkIOS 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)", @@ -446158,7 +447635,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)", @@ -446173,7 +447650,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)", @@ -446248,7 +447725,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)", @@ -446282,8 +447759,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)", @@ -446320,16 +447797,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)", @@ -446345,100 +447822,100 @@ exports[`shapshots vkIOS 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, vkIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", + "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 vkIOS 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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", - "normal": "#ffa000", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "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": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -446451,254 +447928,254 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", - }, + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -446711,216 +448188,216 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -447128,9 +448605,9 @@ exports[`shapshots vkIOS 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, @@ -447174,7 +448651,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -447189,7 +448666,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -447264,7 +448741,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -447298,8 +448775,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, @@ -447336,16 +448813,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, @@ -447361,15 +448838,15 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkIOS", - "themeNameBase": "vkIOS", + "themeName": "vkIdOkDark", + "themeNameBase": "vkIdOk", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -447394,11 +448871,11 @@ exports[`shapshots vkIOSDark 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", @@ -447408,25 +448885,25 @@ exports[`shapshots vkIOSDark 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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -447436,11 +448913,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -447450,11 +448927,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", @@ -447464,11 +448941,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -447478,25 +448955,25 @@ 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, #DB790C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "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": { "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", @@ -447506,25 +448983,25 @@ exports[`shapshots vkIOSDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -447534,39 +449011,39 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -447576,11 +449053,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -447590,29 +449067,29 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -447646,137 +449123,137 @@ exports[`shapshots vkIOSDark 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #D87402)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #E57B04)", }, "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, #DB790C)", }, "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, #E47D0A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #67A6FF)", + "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, #61A2FF)", + "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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -447794,101 +449271,101 @@ exports[`shapshots vkIOSDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -447898,221 +449375,221 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.10))", + "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, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "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.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(255, 255, 255, 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(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #EE8208)", }, }, "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, #778292)", }, "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, #7C8795)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #818C99)", }, }, "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", - "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, #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", @@ -448122,67 +449599,67 @@ exports[`shapshots vkIOSDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "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, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "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(241, 247, 255, 0.74))", + "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(241, 247, 255, 0.7000000000000001))", + "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(241, 247, 255, 0.66))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -448192,25 +449669,25 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", @@ -448220,127 +449697,127 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "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(241, 247, 255, 0.51))", + "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(241, 247, 255, 0.47000000000000003))", + "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(241, 247, 255, 0.43))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(255, 255, 255, 0.38))", + "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(255, 255, 255, 0.34))", + "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(255, 255, 255, 0.30))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -448374,207 +449851,207 @@ exports[`shapshots vkIOSDark 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #464748)", + "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, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #BEBFC1)", }, }, "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, #AFB1B6)", }, "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, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -448584,165 +450061,165 @@ exports[`shapshots vkIOSDark 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, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #E47D0A)", }, "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, #DB790C)", }, "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, #E47D0A)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #EE8208)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #6D7885)", }, }, "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, #64707F)", }, "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, #697482)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #7CB1ED)", + "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, #77ADEC)", + "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, #5890D0)", + "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, #508BCE)", + "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": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -448752,39 +450229,39 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -448794,95 +450271,95 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -448892,82 +450369,82 @@ exports[`shapshots vkIOSDark 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -449905,7 +451382,7 @@ exports[`shapshots vkIOSDark 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(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", @@ -449913,7 +451390,7 @@ exports[`shapshots vkIOSDark 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(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", @@ -450697,15 +452174,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, vkIdOkIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIOS)", + "value": "var(--vkui--theme_name_base, vkIdOkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -450719,7 +452196,7 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -450727,84 +452204,84 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -450817,254 +452294,254 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -451077,216 +452554,216 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -451494,9 +452971,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -451726,16 +453203,16 @@ 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": "vkIdOkIOS", + "themeNameBase": "vkIdOkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOSDark 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)", @@ -451743,84 +453220,84 @@ exports[`shapshots vkIOSDark 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.36, 0.66, 0.04, 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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -451833,254 +453310,254 @@ exports[`shapshots vkIOSDark 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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "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, #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, #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, #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, #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, #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(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(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, #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, #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, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(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, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #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.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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "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, #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, #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, #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, #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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -452093,216 +453570,216 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "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, #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, #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, #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, #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, #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, #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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -452510,9 +453987,9 @@ exports[`shapshots vkIOSDark 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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -452742,16 +454219,16 @@ 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, 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 vkIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -452759,84 +454236,84 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -452849,254 +454326,254 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "active": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -453109,216 +454586,216 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", - }, + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -453526,9 +455003,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -453758,16 +455235,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": "vkIdOkIOS", + "themeNameBase": "vkIdOkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -453787,16 +455264,16 @@ 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": { "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", @@ -453806,25 +455283,25 @@ exports[`shapshots vkIdOk 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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "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", @@ -453834,11 +455311,11 @@ exports[`shapshots vkIdOk 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", @@ -453848,11 +455325,11 @@ exports[`shapshots vkIdOk 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", @@ -453862,11 +455339,11 @@ exports[`shapshots vkIdOk 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", @@ -453876,11 +455353,11 @@ exports[`shapshots vkIdOk 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, #EF8C1C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "value": "var(--vkui--color_accent_orange--hover, #EF8712)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -453890,11 +455367,11 @@ exports[`shapshots vkIdOk 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", @@ -453904,25 +455381,25 @@ exports[`shapshots vkIdOk 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, #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", @@ -453932,39 +455409,39 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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", @@ -453974,11 +455451,11 @@ exports[`shapshots vkIdOk 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", @@ -453988,29 +455465,29 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -454044,25 +455521,25 @@ exports[`shapshots vkIdOk 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #D87402)", + "value": "var(--vkui--color_background_accent--active, #F58C15)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E57B04)", + "value": "var(--vkui--color_background_accent--hover, #F38910)", }, "normal": { "name": "--vkui--color_background_accent", @@ -454072,53 +455549,53 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "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, #F49223)", }, "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, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #EE8208)", + "value": "var(--vkui--color_background_accent_alternative, #F38910)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #EE8208)", + "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(238, 130, 8, 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(238, 130, 8, 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(238, 130, 8, 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, #E07F14)", + "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, #E98412)", + "value": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_tint", @@ -454128,53 +455605,53 @@ exports[`shapshots vkIdOk 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -454192,101 +455669,101 @@ exports[`shapshots vkIdOk 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", @@ -454296,179 +455773,179 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "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(255, 255, 255, 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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "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, #2B2B2C)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + "value": "var(--vkui--color_field_background--hover, #222223)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #FFFFFF)", + "value": "var(--vkui--color_field_background, #19191A)", }, }, "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(255, 255, 255, 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(255, 255, 255, 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(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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #DB790C)", + "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", + "value": "var(--vkui--color_icon_accent--hover, #EF8712)", }, "normal": { "name": "--vkui--color_icon_accent", @@ -454478,39 +455955,39 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #818C99)", + "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", @@ -454520,67 +455997,67 @@ exports[`shapshots vkIdOk 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, #141414)", }, "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, #0A0A0A)", }, "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, #778292)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", @@ -454590,25 +456067,25 @@ exports[`shapshots vkIdOk 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", @@ -454618,127 +456095,127 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -454772,207 +456249,207 @@ exports[`shapshots vkIdOk 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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "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, #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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", + "value": "var(--vkui--color_stroke_accent--active, #5E6061)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", + "value": "var(--vkui--color_stroke_accent--hover, #57595A)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #BEBFC1)", + "value": "var(--vkui--color_stroke_accent, #505253)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", @@ -454982,25 +456459,25 @@ exports[`shapshots vkIdOk 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, #DB790C)", + "value": "var(--vkui--color_text_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + "value": "var(--vkui--color_text_accent--hover, #EF8712)", }, "normal": { "name": "--vkui--color_text_accent", @@ -455010,137 +456487,137 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "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, #EDEEF1)", }, "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, #ECEEF1)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EE8208)", + "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", }, }, "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "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, #64707F)", + "value": "var(--vkui--color_text_link--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #697482)", + "value": "var(--vkui--color_text_link--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #6D7885)", + "value": "var(--vkui--color_text_link, #969A9F)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #6D7885)", + "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, #778292)", + "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, #7C8795)", + "value": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #818C99)", + "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, #64707F)", + "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, #697482)", + "value": "var(--vkui--color_text_link_visited--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #6D7885)", + "value": "var(--vkui--color_text_link_visited, #969A9F)", }, }, "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "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, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", @@ -455150,39 +456627,39 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -455192,95 +456669,95 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -455290,82 +456767,82 @@ exports[`shapshots vkIdOk 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "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, #f2f3f5)", + "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, #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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -456303,7 +457780,7 @@ exports[`shapshots vkIdOk 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", @@ -456311,7 +457788,7 @@ exports[`shapshots vkIdOk 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", @@ -456462,7 +457939,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": { @@ -456512,7 +457989,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": { @@ -456764,7 +458241,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": { @@ -456878,11 +458355,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": { @@ -457008,11 +458485,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": { @@ -457022,11 +458499,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": { @@ -457036,11 +458513,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": { @@ -457093,13 +458570,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, vkBaseDark)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOk)", + "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": { @@ -457113,92 +458594,92 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOk 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#EE8208", }, "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": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -457211,254 +458692,254 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", + "active": "#F58C15", + "hover": "#F38910", "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 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": "#E07F14", - "hover": "#E98412", + "active": "#F49223", + "hover": "#F38E1A", "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -457471,216 +458952,216 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -457888,9 +459369,9 @@ exports[`shapshots vkIdOk 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, @@ -457934,7 +459415,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -457949,7 +459430,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -458024,7 +459505,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -458058,8 +459539,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", @@ -458096,16 +459577,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", @@ -458120,100 +459601,101 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "vkIdOk", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIdOkIOSDark", + "themeNameBase": "vkIdOkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOk 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, #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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "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, #DB790C)", - "hover": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "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, #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, #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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -458226,254 +459708,254 @@ exports[`shapshots vkIdOk 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #D87402)", - "hover": "var(--vkui--color_background_accent--hover, #E57B04)", + "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, #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, #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, #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, #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(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(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, #E07F14)", - "hover": "var(--vkui--color_background_accent_tint--hover, #E98412)", + "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, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #ffffff)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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": { "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #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(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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #DB790C)", - "hover": "var(--vkui--color_icon_accent--hover, #E47D0A)", + "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, #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, #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, #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, #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, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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, #8D96A4)", - "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(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(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, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -458486,216 +459968,216 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", - "normal": "var(--vkui--color_stroke_accent, #BEBFC1)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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, #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, #DB790C)", - "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", + "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, #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, #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, #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, #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, #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, #64707F)", - "hover": "var(--vkui--color_text_link--hover, #697482)", - "normal": "var(--vkui--color_text_link, #6D7885)", + "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, #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, #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, #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, #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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -458903,9 +460385,9 @@ exports[`shapshots vkIdOk 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)", @@ -458949,7 +460431,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)", @@ -458964,7 +460446,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)", @@ -459039,7 +460521,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)", @@ -459073,8 +460555,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)", @@ -459111,16 +460593,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)", @@ -459135,100 +460617,101 @@ 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, 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 vkIdOk 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#EE8208", }, "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": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -459241,254 +460724,254 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", + "active": "#F58C15", + "hover": "#F38910", "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 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": "#E07F14", - "hover": "#E98412", + "active": "#F49223", + "hover": "#F38E1A", "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -459501,216 +460984,216 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorStrokeAccentThemed": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextLinkThemed": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextLinkVisited": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -459918,9 +461401,9 @@ exports[`shapshots vkIdOk 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, @@ -459964,7 +461447,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -459979,7 +461462,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -460054,7 +461537,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -460088,8 +461571,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, @@ -460126,16 +461609,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, @@ -460150,15 +461633,16 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "vkIdOk", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIdOkIOSDark", + "themeNameBase": "vkIdOkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -460183,11 +461667,11 @@ exports[`shapshots vkIdOkDark 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", @@ -460197,25 +461681,25 @@ exports[`shapshots vkIdOkDark 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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -460225,11 +461709,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -460239,11 +461723,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", @@ -460253,11 +461737,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -460267,25 +461751,25 @@ exports[`shapshots vkIdOkDark 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, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #EF8712)", + "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": { "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", @@ -460295,25 +461779,25 @@ exports[`shapshots vkIdOkDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -460323,39 +461807,39 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -460365,11 +461849,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -460379,29 +461863,29 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -460435,137 +461919,137 @@ exports[`shapshots vkIdOkDark 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #F58C15)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #F38910)", + "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, #F49223)", + "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, #F38E1A)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #F38910)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #F49223)", + "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, #F38E1A)", + "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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -460583,101 +462067,101 @@ exports[`shapshots vkIdOkDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -460687,221 +462171,221 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.10))", + "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, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #2B2B2C)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #222223)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #19191A)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #EF8712)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "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", - "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, #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", @@ -460911,67 +462395,67 @@ exports[`shapshots vkIdOkDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "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, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "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(241, 247, 255, 0.74))", + "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(241, 247, 255, 0.7000000000000001))", + "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(241, 247, 255, 0.66))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -460981,25 +462465,25 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", @@ -461009,127 +462493,127 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "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(241, 247, 255, 0.51))", + "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(241, 247, 255, 0.47000000000000003))", + "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(241, 247, 255, 0.43))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(255, 255, 255, 0.38))", + "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(255, 255, 255, 0.34))", + "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(255, 255, 255, 0.30))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -461163,207 +462647,207 @@ exports[`shapshots vkIdOkDark 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #464748)", + "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, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #5E6061)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #57595A)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #505253)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -461373,165 +462857,165 @@ exports[`shapshots vkIdOkDark 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, #EF8C1C)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #EF8712)", + "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, #EDEEF1)", + "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, #ECEEF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #9EA2A7)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #9A9EA3)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #969A9F)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #818385)", + "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, #7B7D7F)", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #969A9F)", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -461541,39 +463025,39 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -461583,95 +463067,95 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -461681,82 +463165,82 @@ exports[`shapshots vkIdOkDark 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -461772,6 +463256,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461790,6 +463278,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461810,6 +463302,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461832,6 +463328,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461856,6 +463356,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461874,6 +463378,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461894,6 +463402,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461916,6 +463428,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461940,6 +463456,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461958,6 +463478,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -461978,6 +463502,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462000,6 +463528,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462032,7 +463564,7 @@ exports[`shapshots vkIdOkDark 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", @@ -462070,7 +463602,7 @@ exports[`shapshots vkIdOkDark 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", @@ -462088,7 +463620,7 @@ exports[`shapshots vkIdOkDark 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", @@ -462126,7 +463658,7 @@ exports[`shapshots vkIdOkDark 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", @@ -462164,7 +463696,7 @@ exports[`shapshots vkIdOkDark 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", @@ -462182,7 +463714,7 @@ exports[`shapshots vkIdOkDark 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", @@ -462206,6 +463738,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462224,6 +463760,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462244,6 +463784,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462266,6 +463810,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462290,6 +463838,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462300,6 +463852,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462318,6 +463874,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462338,6 +463898,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462348,6 +463912,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462366,6 +463934,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462472,6 +464044,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462482,6 +464058,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462500,6 +464080,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462520,6 +464104,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462530,6 +464118,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462548,6 +464140,10 @@ exports[`shapshots vkIdOkDark 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)", @@ -462694,7 +464290,7 @@ exports[`shapshots vkIdOkDark 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(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%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -462702,7 +464298,7 @@ exports[`shapshots vkIdOkDark 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(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%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -463490,6603 +465086,7428 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkDark)", + "value": "var(--vkui--theme_name, vkontakteAndroid)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOk)", + "value": "var(--vkui--theme_name_base, vkontakteAndroid)", }, "themeType": "cssVars", - "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 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.4, 0, 0.2, 1)", - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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))", + }, }, - "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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)", + }, }, - "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "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))", + }, }, - "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "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)", + }, }, - "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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)", + }, }, - "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "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))", + }, }, - "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "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)", + }, }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#f05c44", + "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)", + }, }, - "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "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)", + }, }, - "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "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))", + }, }, - "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "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)", + }, }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "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)", + }, }, - "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "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)", + }, }, - "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "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)", + }, }, - "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "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)", + }, }, - "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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)", + }, }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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)", + }, }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "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)", + }, }, - "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "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)", + }, }, - "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "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)", + }, }, - "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "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)", + }, }, - "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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))", + }, }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "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)", + }, }, - "colorBackgroundAccentTint": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "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)", + }, }, - "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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)", + }, }, - "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, }, - "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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)", + }, }, - "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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)", + }, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "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)", + }, }, - "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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))", + }, }, - "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "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)", + }, }, - "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "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)", + }, }, - "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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))", + }, }, - "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + }, }, - "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "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, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + }, }, - "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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))", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + }, }, - "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + }, }, - "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + }, + "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)", + }, }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "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, #717478)", + }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + }, }, - "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + }, }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + }, }, - "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + }, }, - "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + }, }, - "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + }, }, - "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + }, }, - "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + }, }, - "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + }, }, - "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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))", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + }, }, - "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + }, }, - "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + }, }, - "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + }, }, - "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "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, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + }, }, - "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + }, + "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)", + }, }, - "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "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, #8A8F95)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + }, }, - "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + }, }, - "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "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, #B1BAC6)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + }, }, - "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + }, }, - "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", }, - "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", }, - "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", }, - "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", }, - "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", }, - "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", }, - "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", }, - "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", }, - "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", }, - "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", }, - "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", }, - "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", }, - "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", }, - "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", }, - "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", }, - "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", }, - "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", }, - "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", }, - "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", }, - "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", }, - "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", }, - "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", }, - "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", }, - "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", }, - "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", }, - "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", }, - "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", }, - "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", }, - "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", }, - "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "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, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, }, - "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, }, - "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "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))", + }, + "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))", + }, + "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))", + }, }, - "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "vkontakteImBubbleGiftBackground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + }, + "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)", + }, }, - "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, }, - "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "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, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + }, }, - "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, }, - "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "vkontakteImBubbleIncomingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "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, #CED0D3)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + }, }, - "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "vkontakteImBubbleOutgoingAlternate": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", + }, + "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)", + }, }, - "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "vkontakteImBubbleOutgoingHighlighted": { + "active": { + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", + }, + "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)", + }, }, - "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "vkontakteImReplySeparator": { + "active": { + "name": "--vkui--vkontakte_im_reply_separator--active", + "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, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + }, }, - "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "vkontakteImToolbarVoiceMsgBackground": { + "active": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + }, }, - "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "vkontakteLandingBackground": { + "active": { + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #ffffff)", + }, }, - "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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))", + }, + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + }, + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + }, }, - "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "vkontaktePaletteBlack": { + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #000105)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, }, - "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "vkontakteStoriesSkeletonLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "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, #424447)", + }, + "normal": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + }, }, - "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", +} +`; + +exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 2`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "14px", - }, + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", + "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.4, 0, 0.2, 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)", }, }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", }, }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "lineHeight": "12px", - "textTransform": "uppercase", + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #aff70d)", }, }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", }, }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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)", }, }, - "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, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #f45fff)", }, }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - "textTransform": "uppercase", + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, - "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "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)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", }, }, - "fontParagraph": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, - "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, - "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "hover": { + "name": "--vkui--color_avatar_overlay--hover", + "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, #00000099)", }, }, - "fontTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "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, #ffffffd8)", }, }, - "fontTitle2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #DADBDF)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E4E4E6)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ededed)", }, }, - "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #2688eb)", }, - }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "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%", - "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%", - "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", - }, - "sizeArrowPadding": { - "regular": "12px", - }, - "sizeArrowPromo": { - "regular": "40px", - }, - "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", - }, - "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", - }, - "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", - }, - "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", - }, - "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", - }, - "sizeButtonMinimumWidth": { - "regular": "80px", - }, - "sizeButtonPaddingHorizontal": { - "regular": "12px", - }, - "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", - }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", - }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", - }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", - }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", - }, - "sizeCardBorderRadius": { - "regular": "8px", - }, - "sizeCardgridPadding": { - "regular": "8px", - }, - "sizeCardgridPaddingVertical": { - "regular": "8px", - }, - "sizeCheckBorderRadius": { - "regular": "4px", - }, - "sizeCheckbox": { - "regular": "16px", - }, - "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", - }, - "sizeFieldHorizontalPadding": { - "regular": "12px", - }, - "sizeFormItemPaddingVertical": { - "regular": "12px", - }, - "sizeIconUI": { - "regular": "16px", - }, - "sizeLabelHorizontalMargin": { - "regular": "16px", - }, - "sizeOptionHierarchy": { - "regular": "32px", - }, - "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", - }, - "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", - }, - "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", - }, - "sizePopupLarge": { - "regular": "880px", - }, - "sizePopupMedium": { - "regular": "680px", - }, - "sizePopupSmall": { - "regular": "430px", - }, - "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", - }, - "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", - }, - "sizeSplitColPaddingHorizontal": { - "regular": "16px", - }, - "sizeSubnavigationBarGap": { - "regular": "8px", - }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", - }, - "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", - }, - "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", - }, - "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", - }, - "sizeTooltipMargin": { - "regular": "8px", - }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkDark", - "themeNameBase": "vkIdOk", - "themeType": "pixelify", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -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.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)", - }, - "colorAccentBlue": { - "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", - }, - "colorAccentGray": { - "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)", - }, - "colorAccentLime": { - "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, #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)", - "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", - }, - "colorAccentPurple": { - "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)", - "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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", - }, - "colorAccentSecondary": { - "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, #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, #7CB1ED)", - "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", - "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", - }, - "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))", - }, - "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, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "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)", }, "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": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688eb)", + }, }, "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": { + "name": "--vkui--color_background_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", + }, }, "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": { + "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_themed_alpha--hover", + "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, #2688eb33)", + }, }, "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": { + "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)", + }, }, "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": { + "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)", + }, }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181C)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191A)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #191919)", + }, }, "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": { + "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": "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": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, }, "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": { + "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, #ffffff33)", + }, }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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": "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": { + "name": "--vkui--color_background_info_tint--active", + "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, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #deeeff)", + }, }, "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": { + "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": "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": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + }, }, "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": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #e64646)", + }, }, "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": { + "name": "--vkui--color_background_negative_tint--active", + "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, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #ffe9e9)", + }, }, "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": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "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": { + "name": "--vkui--color_background_positive_tint--active", + "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, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #e8f9e8)", + }, }, "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": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", + }, }, "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": { + "name": "--vkui--color_background_secondary_alpha--active", + "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, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, #0000000a)", + }, }, "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": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, }, "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": { + "name": "--vkui--color_background_tertiary_alpha--active", + "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.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, #00000007)", + }, }, "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": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #fff2d6)", + }, }, "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": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, }, "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": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, }, "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": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, }, "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": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #ebebeb)", + }, }, "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": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_field_border_alpha--hover", + "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, #0000001e)", + }, }, "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": { + "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": "var(--vkui--color_icon_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_icon_accent--hover, #EF8712)", - "normal": "var(--vkui--color_icon_accent, #EE8208)", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #2688eb)", + }, }, "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": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + }, }, "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": { + "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": "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": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, }, "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": { + "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": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #7F8084)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #848587)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #8a8a8a)", + }, }, "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": { + "name": "--vkui--color_icon_medium_alpha--active", + "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.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, #0000007a)", + }, }, "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": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, }, "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": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, }, "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": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #212121)", + }, }, "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": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", + }, }, "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": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #96979B)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #a3a3a3)", + }, }, "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": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, #0000005b)", + }, }, "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": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #c2c2c2)", + }, }, "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": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", + }, }, "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": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #f8a01c)", + }, }, "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": { + "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_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, #00000014)", + }, }, "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": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f3f3f3)", + }, }, "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": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, #2121210f)", + }, }, "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": { + "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": "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))", - }, - "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #00000066)", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, #00000044)", + }, }, "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": { + "name": "--vkui--color_panel_header_icon--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, }, "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": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebebeb)", + }, }, "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": { + "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": "var(--vkui--color_separator_primary--active, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C7C8CC)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d8d8d8)", + }, }, "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": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cccccc)", + }, }, "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": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bfbfbf)", + }, }, "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": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, #0000001e)", + }, }, "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": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D1D2D6)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e3e3e3)", + }, }, "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": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, }, "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": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #ebebeb)", + }, }, "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": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #2688eb)", + }, }, "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": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, }, "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": { + "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": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, }, "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": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #292B2E)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2B2C2E)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2d2d2d)", + }, }, "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": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #adadad)", + }, }, "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": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #2688eb)", + }, }, "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": { + "name": "--vkui--color_text_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", + }, }, "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": { + "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": "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": { + "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": "var(--vkui--color_text_link--active, #9EA2A7)", - "hover": "var(--vkui--color_text_link--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_link, #969A9F)", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", + }, + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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": "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #2F3034)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #313233)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #333333)", + }, }, "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": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, }, "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": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "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)", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #212121)", + }, }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", + }, }, "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": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #212121)", + }, }, "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": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C8086)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #828589)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #878a8c)", + }, }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, #2929298c)", + }, }, "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": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6C6D71)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #707173)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #757575)", + }, }, "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": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #949599)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #a1a1a1)", + }, }, "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": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #ebebeb)", + }, }, "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": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, }, "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": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, #00000000)", + }, }, "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": { + "name": "--vkui--color_write_bar_icon--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, }, "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": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f3f3f3)", + }, }, "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": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #ebebeb)", + }, }, "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": { + "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--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--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, #00000014)", + }, + }, + "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))", }, - "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": { + "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)", + }, + "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)", + }, + }, "regular": { - "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)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "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)", + }, + "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, 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)", + }, + "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)", + }, + "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)", + }, + }, "regular": { - "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)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "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)", + }, + "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, 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)", + }, + "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)", + }, + "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)", + }, + }, "regular": { - "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)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "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)", + }, + "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, 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)", + }, + "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": "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)", + "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)", + }, + "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, 600)", + }, + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "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)", - "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "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)", - "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)", + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "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": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "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, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, "regular": { - "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)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "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)", + }, + "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.2px)", + }, + "lineHeight": { + "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)", + }, }, }, "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)", + }, + "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)", + }, + }, "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "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)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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)", + }, + "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)", + }, + }, "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "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)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 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": "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)", + "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)", + }, + "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": "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)", + "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)", + }, + "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)", + }, + "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)", + }, + }, "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "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)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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)", + }, + "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)", + }, + }, "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "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)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "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)", + "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)", + }, + "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, 600)", + }, + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--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)", + }, + }, "regular": { - "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, }, }, - "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, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", - "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%)", - "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%)", - "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)", + "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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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.5)", + }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.5)", + }, "sizeArrow": { - "regular": "var(--vkui--size_arrow--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)", + }, }, "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--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": "var(--vkui--size_arrow_promo--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)", + }, }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--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": "var(--vkui--size_avatar_m--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": "var(--vkui--size_avatar_s--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": "var(--vkui--size_avatar_x_l--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": "var(--vkui--size_avatar_x_s--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": "var(--vkui--size_badge_l--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": "var(--vkui--size_badge_m--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": "var(--vkui--size_badge_s--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": "var(--vkui--size_badge_x_l--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": "var(--vkui--size_badge_x_s--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)", + }, }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--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": "var(--vkui--size_base_padding_vertical--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": "var(--vkui--size_border1x--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": "var(--vkui--size_border2x--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": "var(--vkui--size_border3x--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": "var(--vkui--size_border_radius--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": "var(--vkui--size_border_radius_paper--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": "var(--vkui--size_border_radius_promo--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": "var(--vkui--size_border_radius_rounded--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)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--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": "var(--vkui--size_button_base_large_padding_horizontal_icon--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": "var(--vkui--size_button_base_medium_padding_horizontal--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": "var(--vkui--size_button_base_medium_padding_horizontal_icon--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": "var(--vkui--size_button_base_small_padding_horizontal--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": "var(--vkui--size_button_base_small_padding_horizontal_icon--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": "var(--vkui--size_button_group_gap_medium--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": "var(--vkui--size_button_group_gap_small--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": "var(--vkui--size_button_group_gap_space--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)", + }, }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--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": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--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": "var(--vkui--size_button_minimum_width--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)", + }, }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "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": { - "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)", + "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": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_small_padding_horizontal--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": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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": "var(--vkui--size_card_border_radius--regular, 8px)", + "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": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--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": "var(--vkui--size_check_border_radius--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": "var(--vkui--size_checkbox--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)", + }, }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--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)", + }, }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--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)", + }, }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--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)", + }, }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--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)", + }, }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--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)", + }, }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--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": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--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": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "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": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "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": { - "regular": "var(--vkui--size_popup_large--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)", + }, }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--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": "var(--vkui--size_popup_small--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)", + }, }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--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": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "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": { - "regular": "var(--vkui--size_split_col_padding_horizontal--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": "var(--vkui--size_subnavigation_bar_gap--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": "var(--vkui--size_subnavigation_bar_padding_vertical--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": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--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": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--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": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--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)", + }, }, "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, 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 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.4, 0, 0.2, 1)", - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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)", + }, }, - "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#f05c44", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", }, - "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkontakteAndroid)", }, - "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkontakteAndroid)", }, - "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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))", + }, }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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)", + }, }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "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))", + }, }, - "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "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)", + }, }, - "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "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)", + }, }, - "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "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))", + }, }, - "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "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)", + }, }, - "colorBackgroundAccentTint": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "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)", + }, }, - "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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))", + }, }, - "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, }, - "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, }, - "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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)", + }, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "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)", + }, }, - "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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)", + }, }, - "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "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)", + }, }, - "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "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)", + }, }, - "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, }, - "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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)", + }, }, - "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "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)", + }, }, - "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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)", + }, }, - "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "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))", + }, }, - "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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)", + }, }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "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)", + }, }, - "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "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)", + }, }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "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)", + }, }, - "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "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)", + }, }, - "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, }, - "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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)", + }, }, - "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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))", + }, }, - "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "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)", + }, }, - "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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)", + }, }, - "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", - }, - "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", - }, - "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", - }, - "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", - }, - "colorIconMediumAlpha": { - "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", - }, - "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "colorIconSecondaryAlpha": { - "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", - }, - "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", - }, - "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", - }, - "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", - }, - "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", - }, - "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", - }, - "colorLinkContrast": { - "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.40)", - }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", - }, - "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", - }, - "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", - }, - "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", - }, - "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", - }, - "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", - }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", - }, - "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", - }, - "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", - }, - "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", - }, - "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", - }, - "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", - }, - "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", - }, - "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", - }, - "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", - }, - "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", - }, - "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", - }, - "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", - }, - "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", - }, - "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", - }, - "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "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": "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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 14, - }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", + "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))", }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "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))", }, - }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", + "normal": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "lineHeight": 12, - "textTransform": "uppercase", + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", }, - }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", }, }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", }, - }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "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))", }, - }, - "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, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, + "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))", }, - }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - "textTransform": "uppercase", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", }, }, - "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "vkontakteColorModalCardHeaderClose": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_header_close--active", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", }, - }, - "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "hover": { + "name": "--vkui--vkontakte_color_modal_card_header_close--hover", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "hover": { + "name": "--vkui--vkontakte_color_music_playback_icon--hover", + "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "normal": { + "name": "--vkui--vkontakte_color_music_playback_icon", + "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", }, }, - "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 16, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", }, - }, - "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", }, }, - "fontTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", }, - }, - "fontTitle2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)", }, - }, - "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", }, }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "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%", - "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%", - "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, - }, - "sizeArrowPadding": { - "regular": 12, - }, - "sizeArrowPromo": { - "regular": 40, - }, - "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, - }, - "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, - }, - "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, - }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, - }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, - }, - "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonPaddingHorizontal": { - "regular": 12, - }, - "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": 8, - }, - "sizeCardgridPadding": { - "regular": 8, - }, - "sizeCardgridPaddingVertical": { - "regular": 8, - }, - "sizeCheckBorderRadius": { - "regular": 4, - }, - "sizeCheckbox": { - "regular": 16, - }, - "sizeFieldHeight": { - "compact": 36, - "regular": 44, - }, - "sizeFieldHorizontalPadding": { - "regular": 12, - }, - "sizeFormItemPaddingVertical": { - "regular": 12, - }, - "sizeIconUI": { - "regular": 16, - }, - "sizeLabelHorizontalMargin": { - "regular": 16, - }, - "sizeOptionHierarchy": { - "regular": 32, - }, - "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, - }, - "sizePopupBasePadding": { - "compact": 20, - "regular": 32, - }, - "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, - }, - "sizePopupLarge": { - "regular": 880, - }, - "sizePopupMedium": { - "regular": 680, - }, - "sizePopupSmall": { - "regular": 430, - }, - "sizeSearchHeight": { - "compact": 32, - "regular": 36, - }, - "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, - }, - "sizeSplitColPaddingHorizontal": { - "regular": 16, - }, - "sizeSubnavigationBarGap": { - "regular": 8, - }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, - }, - "sizeSwitchHeight": { - "compact": 12, - "regular": 14, - }, - "sizeSwitchPin": { - "compact": 18, - "regular": 20, - }, - "sizeSwitchWidth": { - "compact": 32, - "regular": 34, - }, - "sizeTooltipMargin": { - "regular": 8, - }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkDark", - "themeNameBase": "vkIdOk", - "themeType": "root", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots vkIdOkIOS 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.36, 0.66, 0.04, 1))", - }, - "colorAccentAzure": { + "vkontakteColorPlaceholderIconForegroundSecondary": { "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", }, "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", }, "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", }, }, - "colorAccentBlue": { + "vkontakteColorPlaceholderIconTint": { "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", + "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", }, "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", }, "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", }, }, - "colorAccentCyan": { + "vkontakteColorPollOptionBackground": { "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", }, "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "name": "--vkui--vkontakte_color_poll_option_background--hover", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", }, "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", }, }, - "colorAccentGray": { + "vkontakteColorSearchBarBackground": { "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", }, }, - "colorAccentGreen": { + "vkontakteColorSearchBarFieldTint": { "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", + "name": "--vkui--vkontakte_color_search_bar_field_tint--active", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", }, "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", }, "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", }, }, - "colorAccentLime": { + "vkontakteColorSkeletonShimmerFrom": { "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", }, }, - "colorAccentOrange": { + "vkontakteColorSnippetBackground": { "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #DB790C)", + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "name": "--vkui--vkontakte_color_snippet_background--hover", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #EE8208)", + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", }, }, - "colorAccentOrangeFire": { + "vkontakteColorSnippetBorderAlpha": { "active": { - "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "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--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "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--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, }, - "colorAccentOrangePeach": { + "vkontakteColorSplashScreenIcon": { "active": { - "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", }, "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", }, "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", }, }, - "colorAccentPink": { + "vkontakteColorStatusBackground": { "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", }, "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", }, "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", }, }, - "colorAccentPurple": { + "vkontakteColorTabbarActiveIcon": { "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", }, "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", }, "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", }, }, - "colorAccentRaspberryPink": { + "vkontakteColorTabbarBackground": { "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", }, "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", }, "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", }, }, - "colorAccentRed": { + "vkontakteColorTabbarInactiveIcon": { "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", }, "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", }, "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", }, }, - "colorAccentSecondary": { + "vkontakteColorTabbarTabletTextSecondary": { "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", }, "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", }, "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", }, }, - "colorAccentViolet": { + "vkontakteColorTextName": { "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", }, "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", }, "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", }, }, - "colorActionSheetText": { + "vkontakteColorToolbarAttachBackgroundFrom": { "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", }, "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", }, "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", }, }, - "colorAvatarOverlay": { + "vkontakteFloatButtonForeground": { "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "name": "--vkui--vkontakte_float_button_foreground--active", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", }, "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "name": "--vkui--vkontakte_float_button_foreground--hover", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", }, "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", }, }, - "colorAvatarOverlayInverseAlpha": { + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + }, + "vkontakteImAttachTint": { "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", }, "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "name": "--vkui--vkontakte_im_attach_tint--hover", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", }, "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", }, }, - "colorBackground": { + "vkontakteImBubbleButtonForeground": { "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "name": "--vkui--vkontakte_im_bubble_button_foreground--active", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", }, "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", }, "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", }, }, - "colorBackgroundAccent": { + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #D87402)", + "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))", }, "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E57B04)", + "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))", }, "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", + "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))", }, }, - "colorBackgroundAccentAlternative": { + "vkontakteImBubbleGiftBackground": { "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #DB790C)", + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", }, "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #E47D0A)", + "name": "--vkui--vkontakte_im_bubble_gift_background--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", }, "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #EE8208)", + "name": "--vkui--vkontakte_im_bubble_gift_background", + "value": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", }, }, - "colorBackgroundAccentThemed": { + "vkontakteImBubbleGiftBackgroundHighlighted": { "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #D87402)", + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", }, "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", }, "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #EE8208)", + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", }, }, - "colorBackgroundAccentThemedAlpha": { + "vkontakteImBubbleIncomingAlternateHighlighted": { "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(238, 130, 8, 0.28))", + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", }, "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(238, 130, 8, 0.24))", + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", }, "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 0.2))", + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", }, }, - "colorBackgroundAccentTint": { + "vkontakteImBubbleIncomingExpiringHighlighted": { "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #E07F14)", + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", }, "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #E98412)", + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", }, "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #F38910)", + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", }, }, - "colorBackgroundContent": { + "vkontakteImBubbleIncomingHighlighted": { "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", }, "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", }, "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", }, }, - "colorBackgroundContentInverse": { + "vkontakteImBubbleOutgoingAlternate": { "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", }, }, - "colorBackgroundContrast": { + "vkontakteImBubbleOutgoingHighlighted": { "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", }, "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", }, "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #ffffff)", + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", }, }, - "colorBackgroundContrastInverse": { + "vkontakteImReplySeparator": { "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "name": "--vkui--vkontakte_im_reply_separator--active", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", }, "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "name": "--vkui--vkontakte_im_reply_separator--hover", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", }, "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", }, }, - "colorBackgroundContrastSecondaryAlpha": { + "vkontakteImToolbarVoiceMsgBackground": { "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", }, "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", }, "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", }, }, - "colorBackgroundContrastThemed": { + "vkontakteLandingBackground": { "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #ffffff)", }, }, - "colorBackgroundInfoTint": { + "vkontakteLandingSecondaryButtonBackground": { "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "name": "--vkui--vkontakte_landing_secondary_button_background--active", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", }, "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", }, "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", }, }, - "colorBackgroundModal": { + "vkontaktePaletteBlack": { "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #000105)", }, "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", }, "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", }, }, - "colorBackgroundModalInverse": { + "vkontakteStoriesSkeletonLoaderBackground": { "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", }, "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", }, "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", }, }, + "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 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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "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", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundModalInverse": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", - }, + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "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, #F5E0E2)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", - }, + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "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, #DFF0E1)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", - }, + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", - }, + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "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, 0, 0, 0.08))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_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)", }, "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", - }, + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "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.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", - }, + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", - }, + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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, 0, 0, 0.24))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 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": { - "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, #DB790C)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #EE8208)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "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, #7C8795)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #818C99)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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, #778292)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", - }, + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "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.52))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", - }, + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", - }, + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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, #8D96A4)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", - }, + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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.4))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", - }, + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", - }, + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.28))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", - }, + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", - }, + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "colorImageBorderAlpha": { - "active": { - "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_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 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": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", - }, + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": { - "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_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", - }, + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "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.40))", - }, + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "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, #E2E4E9)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", - }, + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "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, #C6C8CD)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", - }, + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", - }, + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", - }, + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", - }, + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", - }, + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", - }, + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #BEBFC1)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #B6B8BC)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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, #D44245)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", - }, + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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, #DB790C)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E47D0A)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #EE8208)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "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, #E47D0A)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EE8208)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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, #64707F)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #697482)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #6D7885)", - }, + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "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, #697482)", - }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #6D7885)", - }, + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": { - "name": "--vkui--color_text_link_tint--active", - "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, #7C8795)", - }, - "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #818C99)", - }, + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "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, #697482)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #6D7885)", - }, + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "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, #D44245)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", - }, + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", - }, + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", - }, + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "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)", - }, + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", - }, + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", - }, + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", }, }, - "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "12px", }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, - "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, - "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, + "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", }, }, - "colorTransparent": { - "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + }, + "fontHeadline": { + "compact": { + "fontSize": "15px", + "letterSpacing": "0.15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": "20px", }, }, - "colorWriteBarIcon": { - "active": { - "name": "--vkui--color_write_bar_icon--active", - "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, #3C85D9)", + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "letterSpacing": "0.15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": "20px", }, }, - "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "colorWriteBarInputBorder": { - "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "fontSubhead": { + "compact": { + "fontSize": "13px", + "letterSpacing": "0.15px", + "lineHeight": "16px", }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "18px", }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + }, + "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", }, }, - "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))", + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, - "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))", + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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", }, - "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))", + "sizeArrowPadding": { + "regular": "12px", }, - "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))", + "sizeArrowPromo": { + "regular": "40px", }, - "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))", + "sizeAvatarL": { + "regular": "96px", }, - "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))", + "sizeAvatarM": { + "regular": "48px", }, - "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))", + "sizeAvatarS": { + "regular": "32px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", - }, - }, + "sizeAvatarXL": { + "regular": "128px", }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "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)", - }, - }, + "sizeAvatarXS": { + "regular": "24px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - }, + "sizeBadgeL": { + "regular": "44px", }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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)", - }, - }, + "sizeBadgeM": { + "regular": "24px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - }, + "sizeBadgeS": { + "regular": "16px", }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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)", - }, - }, + "sizeBadgeXL": { + "regular": "56px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, - }, + "sizeBadgeXS": { + "regular": "12px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, - }, + "sizeBasePaddingHorizontal": { + "regular": "16px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, - }, + "sizeBasePaddingVertical": { + "regular": "12px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, - }, + "sizeBorder1x": { + "regular": "1px", }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "sizeBorder2x": { + "regular": "0.5px", }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "sizeBorder3x": { + "regular": "0.33px", }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "sizeBorderRadius": { + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", - }, - }, + "sizeBorderRadiusPaper": { + "regular": "12px", }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "lineHeight": { - "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)", - }, - }, + "sizeBorderRadiusPromo": { + "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)", - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - }, + "sizeBorderRadiusRounded": { + "regular": "48px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - }, + "sizeButtonBaseLargePaddingHorizontal": { + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", }, - "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, -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, 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)", - }, - }, + "sizeButtonBaseMediumPaddingHorizontal": { + "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)", - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "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)", - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, - }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "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)", - }, - }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, - }, + "sizeButtonGroupGapMedium": { + "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, -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, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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)", - }, - }, + "sizeButtonGroupGapSmall": { + "regular": "8px", }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 600)", + "sizeButtonGroupGapSpace": { + "regular": "1px", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 600)", + "sizeButtonMinimumWidth": { + "regular": "80px", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 500)", + "sizeButtonPaddingHorizontal": { + "regular": "12px", }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", }, - "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%)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", }, - "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%)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", }, - "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%)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", }, - "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%)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", }, - "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "sizeCardBorderRadius": { + "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)", - }, + "sizeCardgridPadding": { + "regular": "8px", }, - "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)", - }, + "sizeCardgridPaddingVertical": { + "regular": "8px", }, - "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)", - }, + "sizeCheckBorderRadius": { + "regular": "4px", }, - "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)", - }, + "sizeCheckbox": { + "regular": "16px", }, - "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)", - }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", }, - "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)", - }, - }, - "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, 12px)", - }, - }, - "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, 10px)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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, 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)", - }, + "sizeFieldHorizontalPadding": { + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "compact": "48px", + "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)", - }, + "compact": "20px", + "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)", - }, + "compact": "16px", + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "compact": "32px", + "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)", - }, + "compact": "7px", + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "compact": "12px", + "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, 23px)", - }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", - }, + "compact": "18px", + "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, 47px)", - }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", - }, + "compact": "32px", + "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)", - }, + "regular": "8px", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBase", + "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)", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "vkontakteColorBackgroundKeyboard": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "vkontakteColorContentPlaceholderIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkIOS)", + "vkontakteColorContentTintForeground": { + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOkIOS)", + "vkontakteColorControlBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "themeType": "cssVars", - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "vkontakteColorControlForeground": { + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "vkontakteColorControlTintMuted": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, -} -`; - -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.36, 0.66, 0.04, 1)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "colorAccentBlue": { + "vkontakteColorHeaderSearchFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "vkontakteColorHeaderTabActiveIndicator": { "active": "#237EDD", "hover": "#2483E4", "normal": "#2688eb", }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "vkontakteColorIconName": { + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "vkontakteColorIconOutlineMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "vkontakteColorIconOutlineSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "colorAccentOrange": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "vkontakteColorImBubbleGiftText": { + "active": "#7A6A4E", + "hover": "#806E4F", + "normal": "#857250", }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#9D8D6D", + "hover": "#A4936F", + "normal": "#AB9871", }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "vkontakteColorImBubbleIncoming": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#D4D8EF", + "hover": "#DDE0F7", + "normal": "#E6E9FF", }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "vkontakteColorImBubbleOutgoing": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#CCE4FF", }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#9FABEF", + "hover": "#A6B1F7", + "normal": "#ADB8FF", }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "vkontakteColorImTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "vkontakteColorInputBorder": { + "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)", + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, - "colorBackground": { + "vkontakteColorLoaderBackground": { "active": "#D8DBE2", "hover": "#E2E4E9", "normal": "#ebedf0", }, - "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", - }, - "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "vkontakteColorLoaderTint": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, - "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0)", }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 0.2)", + "vkontakteColorModalCardHeaderClose": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, - "colorBackgroundAccentTint": { - "active": "#E07F14", - "hover": "#E98412", - "normal": "#F38910", + "vkontakteColorMusicPlaybackIcon": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "vkontakteColorPanelTabActiveText": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, - "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", }, - "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "vkontakteColorPlaceholderIconTint": { + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "vkontakteColorPollOptionBackground": { + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", }, - "colorBackgroundContrastThemed": { + "vkontakteColorSearchBarBackground": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, - "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "vkontakteColorSearchBarFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, - "colorBackgroundModal": { + "vkontakteColorSkeletonShimmerFrom": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, - "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "vkontakteColorSnippetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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)", + }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 2`] = ` +{ + "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13ffd0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#aff70d", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#f9b54f", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", + }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", + }, + "colorBackground": { + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "#2688eb33", + }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#deeeff", + }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundModalInverse": { + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", + }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { "active": "#EBD8DB", "hover": "#F5E0E2", - "normal": "#FFE9E9", + "normal": "#ffe9e9", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -470096,7 +472517,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#E8F9E8", + "normal": "#e8f9e8", }, "colorBackgroundSecondary": { "active": "#E1E3E6", @@ -470106,7 +472527,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "normal": "#0000000a", }, "colorBackgroundTertiary": { "active": "#E5E6EA", @@ -470116,12 +472537,12 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "normal": "#00000007", }, "colorBackgroundWarning": { "active": "#EBE0CA", "hover": "#F5E9D0", - "normal": "#FFF2D6", + "normal": "#fff2d6", }, "colorButtonIcon": { "active": "#237EDD", @@ -470139,14 +472560,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "colorHeaderBackground": { "active": "#EBECEF", @@ -470154,14 +472575,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", @@ -470169,9 +472590,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#EBECEF", @@ -470179,14 +472600,14 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "normal": "#0000007a", }, "colorIconNegative": { "active": "#D44245", @@ -470199,54 +472620,54 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "normal": "#0000005b", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "normal": "#0000003d", }, "colorIconWarning": { "active": "#E4941F", "hover": "#EE9A1D", - "normal": "#F8A01C", + "normal": "#f8a01c", }, "colorImageBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", }, "colorLinkContrast": { "active": "#EBECEF", @@ -470256,12 +472677,12 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -470269,9 +472690,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -470279,29 +472700,29 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "normal": "#0000001e", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", }, "colorSkeletonFrom": { "active": "#E1E3E6", @@ -470309,19 +472730,19 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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", @@ -470338,20 +472759,25 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", }, "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", @@ -470364,29 +472790,29 @@ 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", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { "active": "#D44245", @@ -470399,44 +472825,44 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorTrackBuffer": { "active": "#93B1D7", @@ -470444,9 +472870,9 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#a0bfe4", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { "active": "#3A80D3", @@ -470454,19 +472880,19 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorsScheme": "light", "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", @@ -470479,6 +472905,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", }, }, @@ -470487,6 +472914,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", }, @@ -470496,6 +472924,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", }, }, @@ -470504,6 +472933,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", }, @@ -470513,6 +472943,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", }, }, @@ -470521,13 +472952,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", @@ -470535,13 +472967,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", @@ -470549,7 +472981,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", @@ -470557,13 +472989,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": { @@ -470571,6 +473003,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", }, }, @@ -470579,6 +473012,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", }, @@ -470586,24 +473020,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", }, }, @@ -470630,24 +473068,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", }, }, @@ -470681,12 +473123,12 @@ exports[`shapshots vkIdOkIOS 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(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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": "8px", }, @@ -470727,7 +473169,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -470742,7 +473184,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -470817,7 +473259,7 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -470851,8 +473293,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", @@ -470889,16 +473331,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", @@ -470914,21 +473356,420 @@ 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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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)", + }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "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)", @@ -470960,9 +473801,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)", @@ -471025,29 +473866,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)", @@ -471155,9 +473996,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))", @@ -471170,15 +474011,15 @@ 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)", "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", @@ -471330,14 +474171,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)", @@ -471360,14 +474201,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)", @@ -471380,24 +474221,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)", @@ -471495,6 +474336,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)", }, }, @@ -471503,6 +474345,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)", }, @@ -471512,6 +474355,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)", }, }, @@ -471520,6 +474364,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)", }, @@ -471529,6 +474374,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)", }, }, @@ -471537,13 +474383,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)", @@ -471551,13 +474398,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)", @@ -471565,7 +474412,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)", @@ -471573,13 +474420,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": { @@ -471587,6 +474434,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)", }, }, @@ -471595,6 +474443,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)", }, @@ -471602,24 +474451,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)", }, }, @@ -471646,24 +474499,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)", }, }, @@ -471697,9 +474554,9 @@ exports[`shapshots vkIdOkIOS 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(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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -471743,7 +474600,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)", @@ -471758,7 +474615,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)", @@ -471833,7 +474690,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)", @@ -471867,8 +474724,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)", @@ -471905,16 +474762,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)", @@ -471930,5147 +474787,4068 @@ 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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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))", + }, + "vkontaktePaletteBlack": { + "active": "var(--vkui--vkontakte_palette_black--active, #000105)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", + }, + "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 pseudo theme from CssVars 2`] = ` { - "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)", + "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))", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "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": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "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": "#DB790C", - "hover": "#E47D0A", - "normal": "#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": "#DD5643", - "hover": "#E65944", - "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "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": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "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": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#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": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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, #00000099)", }, "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, #ffffffd8)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "var(--vkui--color_background--active, #DADBDF)", + "hover": "var(--vkui--color_background--hover, #E4E4E6)", + "normal": "var(--vkui--color_background, #ededed)", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#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": "#DB790C", - "hover": "#E47D0A", - "normal": "#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": "#D87402", - "hover": "#E57B04", - "normal": "#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": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "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, #2688eb33)", }, "colorBackgroundAccentTint": { - "active": "#E07F14", - "hover": "#E98412", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "var(--vkui--color_background_content_inverse--active, #17181C)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", + "normal": "var(--vkui--color_background_content_inverse, #191919)", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "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, #ffffff33)", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "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": "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_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, #0000000a)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "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": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "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, #00000007)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_field_background--active, #D8D9DD)", + "hover": "var(--vkui--color_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_field_background, #ebebeb)", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, #0000001e)", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#DB790C", - "hover": "#E47D0A", - "normal": "#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": "#778292", - "hover": "#7C8795", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "var(--vkui--color_icon_medium--active, #7F8084)", + "hover": "var(--vkui--color_icon_medium--hover, #848587)", + "normal": "var(--vkui--color_icon_medium, #8a8a8a)", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "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, #0000007a)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "var(--vkui--color_icon_primary--active, #1E2023)", + "hover": "var(--vkui--color_icon_primary--hover, #202022)", + "normal": "var(--vkui--color_icon_primary, #212121)", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "var(--vkui--color_icon_secondary--active, #96979B)", + "hover": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + "normal": "var(--vkui--color_icon_secondary, #a3a3a3)", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "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, #0000005b)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + "normal": "var(--vkui--color_icon_tertiary, #c2c2c2)", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "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, #0000003d)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "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": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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, #00000014)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "var(--vkui--color_image_placeholder--active, #E0E1E4)", + "hover": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + "normal": "var(--vkui--color_image_placeholder, #f3f3f3)", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + "normal": "var(--vkui--color_image_placeholder_alpha, #2121210f)", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "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.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "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, #00000066)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "var(--vkui--color_search_field_background--active, #D8D9DD)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_search_field_background, #ebebeb)", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "var(--vkui--color_separator_primary--active, #C7C8CC)", + "hover": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + "normal": "var(--vkui--color_separator_primary, #d8d8d8)", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + "normal": "var(--vkui--color_separator_primary2x, #cccccc)", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + "normal": "var(--vkui--color_separator_primary3x, #bfbfbf)", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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, #0000001e)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "var(--vkui--color_separator_secondary--active, #D1D2D6)", + "hover": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + "normal": "var(--vkui--color_separator_secondary, #e3e3e3)", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "var(--vkui--color_skeleton_to--active, #D8D9DD)", + "hover": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + "normal": "var(--vkui--color_skeleton_to, #ebebeb)", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#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": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "var(--vkui--color_stroke_positive--active, #45A64A)", + "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #292B2E)", + "hover": "var(--vkui--color_stroke_primary--hover, #2B2C2E)", + "normal": "var(--vkui--color_stroke_primary, #2d2d2d)", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #adadad)", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#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": "#DB790C", - "hover": "#E47D0A", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#64707F", - "hover": "#697482", - "normal": "#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": "#64707F", - "hover": "#697482", - "normal": "#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": "#778292", - "hover": "#7C8795", - "normal": "#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": "#64707F", - "hover": "#697482", - "normal": "#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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "var(--vkui--color_text_primary--active, #1E2023)", + "hover": "var(--vkui--color_text_primary--hover, #202022)", + "normal": "var(--vkui--color_text_primary, #212121)", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "var(--vkui--color_text_primary_invariably--active, #1E2023)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "var(--vkui--color_text_secondary--active, #7C8086)", + "hover": "var(--vkui--color_text_secondary--hover, #828589)", + "normal": "var(--vkui--color_text_secondary, #878a8c)", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, #2929298c)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "var(--vkui--color_text_subhead--active, #6C6D71)", + "hover": "var(--vkui--color_text_subhead--hover, #707173)", + "normal": "var(--vkui--color_text_subhead, #757575)", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "var(--vkui--color_text_tertiary--active, #949599)", + "hover": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + "normal": "var(--vkui--color_text_tertiary, #a1a1a1)", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "var(--vkui--color_track_background--active, #D8D9DD)", + "hover": "var(--vkui--color_track_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_track_background, #ebebeb)", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + "normal": "var(--vkui--color_write_bar_input_background, #f3f3f3)", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + "normal": "var(--vkui--color_write_bar_input_border, #ebebeb)", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "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, #00000014)", }, - "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": "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))", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 14, + "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)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", + "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)", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "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)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", + "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)", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, + "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)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "lineHeight": 12, - "textTransform": "uppercase", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, + "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)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, + "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)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, + "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)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "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": "-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": "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, + "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)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - "textTransform": "uppercase", + "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)", }, }, "fontHeadline": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "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": 15, - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "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)", }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "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)", }, }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "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)", }, }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 16, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "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": 15, - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "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)", }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, + "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)", }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "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)", }, }, - "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, + "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, 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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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.5)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.5)", "sizeArrow": { - "regular": 8, + "regular": "var(--vkui--size_arrow--regular, 8px)", }, "sizeArrowPadding": { - "regular": 12, + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { - "regular": 40, + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "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)", }, "sizeBasePaddingHorizontal": { - "regular": 12, + "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": 10, + "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)", }, "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)", }, "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)", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "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": 10, + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { - "regular": 8, + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, "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)", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { - "regular": 16, + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, "sizePopupLarge": { - "regular": 880, + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMedium": { - "regular": 680, + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": 430, + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "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": 27, - "regular": 31, + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { - "regular": 8, - }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkIOS", - "themeNameBase": "vkIdOkIOS", - "themeType": "root", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` -{ - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "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, 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))", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "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)", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "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))", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", + "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)", }, - "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)", - }, + "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)", }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", - }, + "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))", }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", - }, + "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)", }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, + "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)", }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, + "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)", }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", - }, + "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))", }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EF8C1C)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #EF8712)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #EE8208)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", - }, + "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)", }, - "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", - }, + "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)", }, - "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)", - }, + "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)", }, - "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #FF4356)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, + "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)", }, - "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", - }, + "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)", }, - "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", - }, + "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)", }, - "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "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, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", - }, + "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)", }, - "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", - }, + "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)", }, - "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))", - }, + "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))", }, - "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", - }, + "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)", }, - "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #F58C15)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #F38910)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", - }, + "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)", }, - "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #F38E1A)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #F38910)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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))", - }, + "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)", }, - "colorBackgroundAccentTint": { - "active": { - "name": "--vkui--color_background_accent_tint--active", - "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, #F38E1A)", - }, - "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #F38910)", - }, + "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)", }, - "colorBackgroundContent": { - "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", - }, + "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)", }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", - }, + "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))", }, - "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)", - }, + "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)", }, - "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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)", }, - "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))", - }, + "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))", }, - "colorBackgroundContrastThemed": { - "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", - }, + "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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))", + }, + "vkontaktePaletteBlack": { + "active": "var(--vkui--vkontakte_palette_black--active, #000105)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", + }, + "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 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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "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", + }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContentInverse": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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.20)", + }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "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, #25415B)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", - }, + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "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": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "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": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "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": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "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, #364633)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", - }, + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", - }, + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": { - "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_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", - }, + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", - }, + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": { - "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_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", - }, + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", - }, + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #19191A)", - }, + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 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": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #EF8712)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #EE8208)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "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(241, 247, 255, 0.7000000000000001))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", - }, + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "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": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", - }, + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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(241, 247, 255, 0.47000000000000003))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", - }, + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", - }, + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.34))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", - }, + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", - }, + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", - }, + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "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(241, 247, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", - }, + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "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": "#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.40))", - }, + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "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, #3E3F40)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", - }, + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #464748)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", - }, + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", - }, + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", - }, + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", - }, + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", - }, + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", - }, + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #5E6061)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #57595A)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #505253)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #EF8C1C)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #EF8712)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #EE8208)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "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, #ECEEF1)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", - }, + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #9EA2A7)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #9A9EA3)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #969A9F)", - }, + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "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": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": { - "name": "--vkui--color_text_link_tint--active", - "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, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #76787A)", - }, + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "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, #9A9EA3)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #969A9F)", - }, + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "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": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", - }, + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", - }, + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", - }, + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", - }, + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", - }, + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", - }, + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", - }, + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", - }, + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", - }, + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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(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, #818385)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", - }, + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", - }, + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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": "#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(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 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 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 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 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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "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 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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, }, }, "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 14, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.3px", + "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "letterSpacing": "0.3px", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.3px", + "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "letterSpacing": "0.3px", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", - }, + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, }, "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "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": { - "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--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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", - }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, }, }, "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "lineHeight": { - "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + "textTransform": "uppercase", }, }, "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)", - }, + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "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)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": "0.15px", + "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)", - }, + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "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)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": "0.15px", + "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)", - }, + "fontSize": 14, + "lineHeight": 20, }, "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)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", - }, + "fontSize": 13, + "letterSpacing": "0.15px", + "lineHeight": 16, }, "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)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "letterSpacing": "0.15px", + "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)", - }, + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "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)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "letterSpacing": "0.15px", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, }, }, "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, -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, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "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(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", - "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(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", - "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)", - }, + "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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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": { - "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, }, "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, }, "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)", - }, + "regular": 12, }, "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, 12px)", - }, + "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, 10px)", - }, + "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": 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, }, "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, }, "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)", - }, + "compact": 36, + "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)", - }, + "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, }, "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)", - }, + "regular": 12, }, "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)", - }, + "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, 10px)", - }, + "regular": 8, }, "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)", - }, + "regular": 8, }, "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, }, "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)", - }, + "compact": 36, + "regular": 44, }, "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, }, "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)", - }, + "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": 16, }, "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, }, "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, 52px)", - }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 52px)", - }, + "compact": 48, + "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, 20px)", - }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", - }, + "compact": 20, + "regular": 32, }, "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)", - }, + "compact": 16, + "regular": 24, }, "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, }, "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, }, "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)", - }, + "compact": 32, + "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, 7px)", - }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", - }, + "compact": 7, + "regular": 6, }, "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, 27px)", - }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", - }, + "compact": 12, + "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, 23px)", - }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", - }, + "compact": 18, + "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, 47px)", - }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", - }, + "compact": 32, + "regular": 34, }, "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, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "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)", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "vkontakteColorBackgroundKeyboard": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + "vkontakteColorContentPlaceholderIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkIOSDark)", + "vkontakteColorContentTintForeground": { + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOkIOS)", + "vkontakteColorControlBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "themeType": "cssVars", - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "vkontakteColorControlForeground": { + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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)", + }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroid theme should match root theme snapshot 2`] = ` { "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", - "normal": "#0077FF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13ffd0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#aff70d", }, "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#f45fff", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "#2688eb33", }, "colorBackgroundAccentTint": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#deeeff", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#ffe9e9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#e8f9e8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "#0000000a", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "#00000007", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#fff2d6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorFieldBorderAlpha": { - "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "#0000007a", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "#0000005b", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "#0000003d", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#f8a01c", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "fontSize": 12, "fontWeight": 400, - "lineHeight": "14px", + "letterSpacing": "0.3px", + "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "fontSize": 12, "fontWeight": 600, - "lineHeight": "14px", + "letterSpacing": "0.3px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 400, - "lineHeight": "14px", + "letterSpacing": "0.3px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 600, - "lineHeight": "14px", + "letterSpacing": "0.3px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 400, - "lineHeight": "12px", + "letterSpacing": "0.3px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 600, - "lineHeight": "12px", + "letterSpacing": "0.3px", + "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, "fontWeight": 600, - "lineHeight": "26px", + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, "fontWeight": 600, - "lineHeight": "22px", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "16px", + "letterSpacing": "0.2px", + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "16px", + "letterSpacing": "0.2px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontHeadline": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "20px", + "letterSpacing": "0.15px", + "lineHeight": 20, }, }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "20px", + "letterSpacing": "0.15px", + "lineHeight": 20, }, }, "fontHeadline2": { "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "fontSize": 14, + "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontSubhead": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": 13, + "letterSpacing": "0.15px", + "lineHeight": 16, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "18px", + "letterSpacing": "0.15px", + "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "letterSpacing": "0.15px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", + "fontSize": 24, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontTitle2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", + "fontSize": 20, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "fontTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", + "fontSize": 17, "fontWeight": 600, - "lineHeight": "22px", + "lineHeight": 22, }, }, "fontWeightAccent1": 600, @@ -477079,9762 +478857,11332 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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%, var(--vkui--color_background_content, 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(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(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%, var(--vkui--color_background_tertiary, 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, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { - "regular": "8px", + "regular": 8, }, "sizeArrowPadding": { - "regular": "12px", + "regular": 12, }, "sizeArrowPromo": { - "regular": "40px", + "regular": 40, }, "sizeAvatarL": { - "regular": "96px", + "regular": 96, }, "sizeAvatarM": { - "regular": "48px", + "regular": 48, }, "sizeAvatarS": { - "regular": "32px", + "regular": 32, }, "sizeAvatarXL": { - "regular": "128px", + "regular": 128, }, "sizeAvatarXS": { - "regular": "24px", + "regular": 24, }, "sizeBadgeL": { - "regular": "44px", + "regular": 44, }, "sizeBadgeM": { - "regular": "24px", + "regular": 24, }, "sizeBadgeS": { - "regular": "16px", + "regular": 16, }, "sizeBadgeXL": { - "regular": "56px", + "regular": 56, }, "sizeBadgeXS": { - "regular": "12px", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeBorder1x": { - "regular": "1px", + "regular": 1, }, "sizeBorder2x": { - "regular": "0.5px", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "0.33px", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "10px", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": 1, }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "80px", + "regular": 80, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": 4, }, "sizeCheckbox": { - "regular": "16px", + "regular": 16, }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeIconUI": { - "regular": "16px", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "880px", + "regular": 880, }, "sizePopupMedium": { - "regular": "680px", + "regular": 680, }, "sizePopupSmall": { - "regular": "430px", + "regular": 430, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { - "regular": "8px", - }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIdOkIOSDark", - "themeNameBase": "vkIdOkIOS", - "themeType": "pixelify", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -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.36, 0.66, 0.04, 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)", + "regular": 8, }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "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)", }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, - "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EF8C1C)", - "hover": "var(--vkui--color_accent_orange--hover, #EF8712)", - "normal": "var(--vkui--color_accent_orange, #EE8208)", + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, - "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)", + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "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)", + "vkontakteColorBackgroundKeyboard": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, - "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", }, - "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)", + "vkontakteColorContentPlaceholderIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "vkontakteColorContentTintForeground": { + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", - "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + "vkontakteColorControlBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "vkontakteColorControlForeground": { + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", }, - "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)", + "vkontakteColorControlTintMuted": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, - "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))", + "vkontakteColorHeaderSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "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))", + "vkontakteColorHeaderSearchFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "vkontakteColorHeaderTabActiveIndicator": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #F58C15)", - "hover": "var(--vkui--color_background_accent--hover, #F38910)", - "normal": "var(--vkui--color_background_accent, #EE8208)", + "vkontakteColorIconName": { + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", }, - "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)", + "vkontakteColorIconOutlineMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, - "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)", + "vkontakteColorIconOutlineSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "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))", + "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", }, - "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)", + "vkontakteColorImBubbleGiftText": { + "active": "#7A6A4E", + "hover": "#806E4F", + "normal": "#857250", }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "vkontakteColorImBubbleGiftTextSecondary": { + "active": "#9D8D6D", + "hover": "#A4936F", + "normal": "#AB9871", }, - "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "vkontakteColorImBubbleIncoming": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", }, - "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "vkontakteColorImBubbleIncomingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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)", + "vkontakteColorImBubbleIncomingExpiring": { + "active": "#D4D8EF", + "hover": "#DDE0F7", + "normal": "#E6E9FF", }, - "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))", + "vkontakteColorImBubbleOutgoing": { + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#CCE4FF", }, - "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": "#9FABEF", + "hover": "#A6B1F7", + "normal": "#ADB8FF", }, - "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)", + "vkontakteColorImForwardLineAlpha": { + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", }, - "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "vkontakteColorImTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", }, - "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)", + "vkontakteColorInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, - "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "vkontakteColorLandingSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, - "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)", + "vkontakteColorLoaderBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "vkontakteColorLoaderTint": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, - "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)", + "vkontakteColorModalCardBorderAlpha": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0)", }, - "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "vkontakteColorModalCardHeaderClose": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, - "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))", + "vkontakteColorMusicPlaybackIcon": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, - "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "vkontakteColorPanelTabActiveText": { + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, - "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))", + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", }, - "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "vkontakteColorPlaceholderIconTint": { + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", }, - "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "vkontakteColorPollOptionBackground": { + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", }, - "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "vkontakteColorSearchBarBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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)", + "vkontakteColorSearchBarFieldTint": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, - "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))", + "vkontakteColorSkeletonShimmerFrom": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "vkontakteColorSnippetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_icon_accent--hover, #EF8712)", - "normal": "var(--vkui--color_icon_accent, #EE8208)", + "vkontakteColorSnippetBorderAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, - "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)", + "vkontakteColorSplashScreenIcon": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#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)", + "vkontakteColorStatusBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "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)", + "vkontakteColorTabbarActiveIcon": { + "active": "#266DC1", + "hover": "#2771C6", + "normal": "#2975cc", }, - "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)", + "vkontakteColorTabbarBackground": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "vkontakteColorTabbarInactiveIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "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))", + "vkontakteColorTabbarTabletTextSecondary": { + "active": "#848992", + "hover": "#8A8F95", + "normal": "#909499", }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "vkontakteColorTextName": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "vkontakteFloatButtonForeground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "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, #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(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)", - }, - "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))", - }, - "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", - }, - "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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", - }, - "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))", - }, - "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.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))", - }, - "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "vkontakteImAttachTint": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, - "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)", + "vkontakteImBubbleButtonForeground": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, - "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)", + "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", }, - "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "vkontakteImBubbleGiftBackground": { + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "vkontakteImBubbleGiftBackgroundHighlighted": { + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", }, - "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "vkontakteImBubbleIncomingAlternateHighlighted": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, - "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "vkontakteImBubbleIncomingExpiringHighlighted": { + "active": "#BCC3EF", + "hover": "#C4CBF7", + "normal": "#ccd3ff", }, - "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))", + "vkontakteImBubbleIncomingHighlighted": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "vkontakteImBubbleOutgoingAlternate": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "vkontakteImBubbleOutgoingHighlighted": { + "active": "#9FC3EF", + "hover": "#A6CBF7", + "normal": "#add3ff", }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "vkontakteImReplySeparator": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #5E6061)", - "hover": "var(--vkui--color_stroke_accent--hover, #57595A)", - "normal": "var(--vkui--color_stroke_accent, #505253)", + "vkontakteImToolbarVoiceMsgBackground": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "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)", + "vkontakteLandingBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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)", + "vkontakteLandingSecondaryButtonBackground": { + "active": "rgba(0, 57, 115, 0.18)", + "hover": "rgba(0, 57, 115, 0.14)", + "normal": "rgba(0, 57, 115, 0.10)", }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", }, - "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)", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #EF8C1C)", - "hover": "var(--vkui--color_text_accent--hover, #EF8712)", - "normal": "var(--vkui--color_text_accent, #EE8208)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "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)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "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)", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", }, - "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #9EA2A7)", - "hover": "var(--vkui--color_text_link--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_link, #969A9F)", + "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)", + }, }, - "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)", + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, }, - "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)", + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, }, - "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)", + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "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)", + }, }, - "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "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)", + }, }, - "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)", + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, }, - "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "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)", + }, }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", - "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_text_tertiary--hover, #636567)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #545556)", - "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", - "normal": "var(--vkui--color_track_background, #454647)", + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, }, - "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)", + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, }, - "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)", + "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))", + }, }, - "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)", + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, }, - "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)", + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, }, - "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))", + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + }, }, - "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": { - "regular": { - "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)", + "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)", }, }, - "fontCaption1Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "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))", }, }, - "fontCaption2": { - "regular": { - "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)", + "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)", }, }, - "fontCaption2Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", }, }, - "fontCaption3": { - "regular": { - "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)", + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, - "fontCaption3Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "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)", }, }, - "fontDisplayTitle1": { - "regular": { - "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)", + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, - "fontDisplayTitle2": { - "compact": { - "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)", + "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))", }, - "regular": { - "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)", + "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))", }, }, - "fontDisplayTitle3": { - "regular": { - "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)", + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, - "fontDisplayTitle4": { - "regular": { - "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)", + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, - "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, 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)", + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #252627)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, - "fontFootnoteCaps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "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)", }, }, - "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, - "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)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "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)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, - "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)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "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)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", }, - "regular": { - "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)", + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, - "fontParagraph": { - "regular": { - "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)", + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, - "fontSubhead": { - "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, - "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)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, - "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", }, - "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)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "hover": { + "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_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, }, - "fontTitle1": { - "regular": { - "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)", + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, - "fontTitle2": { - "regular": { - "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)", + "colorBackgroundTertiaryAlpha": { + "active": { + "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_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", }, }, - "fontTitle3": { - "regular": { - "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)", + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", }, }, - "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, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", - "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%)", - "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%)", - "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)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", - }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", - }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", - }, - "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)", - }, - "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", - }, - "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, 10px)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "sizeButtonPaddingHorizontal": { - "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)", - }, - "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, 10px)", - }, - "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", - }, - "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)", - }, - "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, 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 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.36, 0.66, 0.04, 1)", - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", - }, - "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", - }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", - }, - "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", - }, - "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", - }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", - }, - "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", - }, - "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", - }, - "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorAvatarOverlay": { - "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)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", - }, - "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", - }, - "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", - }, - "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", - }, - "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": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", - }, - "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", - }, - "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", - }, - "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", - }, - "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", - }, - "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", - }, - "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", - }, - "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", - }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", - }, - "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", - }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "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(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + }, }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, }, "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#F3F4F6", - "hover": "#F3F3F5", - "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": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "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(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "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(241, 247, 255, 0.7000000000000001))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + }, }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", + }, }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #76787a)", + }, }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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(241, 247, 255, 0.47000000000000003))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + }, }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + }, }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.34))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + }, }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #EDB055)", + }, }, "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(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": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "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(241, 247, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + }, }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "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.40)", + "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.40))", + }, }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": { + "name": "--vkui--color_search_field_background--active", + "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, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", + }, }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "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": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #464748)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #505253)", + }, }, "colorSeparatorPrimaryAlpha": { - "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_separator_primary_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272728)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #353536)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", - }, - "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", - }, - "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", - }, - "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", - }, - "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", - }, - "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", - }, - "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", - }, - "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", - }, - "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", - }, - "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", - }, - "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", - }, - "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", - }, - "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", - }, - "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", - }, - "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "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": "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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 14, - }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", - }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, - }, - }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", - }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, - }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "lineHeight": 12, - "textTransform": "uppercase", - }, - }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, - }, - }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, - }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, - }, - "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, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, - }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - "textTransform": "uppercase", + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, - "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #D7D8DB)", }, - }, - "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "hover": { + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "hover": { + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "normal": { + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, }, - "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 16, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, - }, - "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, - "fontTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", }, - }, - "fontTitle2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", }, - }, - "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "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%", - "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%", - "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, - }, - "sizeArrowPadding": { - "regular": 12, - }, - "sizeArrowPromo": { - "regular": 40, - }, - "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, - }, - "sizeBasePaddingHorizontal": { - "regular": 12, - }, - "sizeBasePaddingVertical": { - "regular": 12, - }, - "sizeBorder1x": { - "regular": 1, - }, - "sizeBorder2x": { - "regular": 0.5, - }, - "sizeBorder3x": { - "regular": 0.33, - }, - "sizeBorderRadius": { - "regular": 10, - }, - "sizeBorderRadiusPaper": { - "regular": 12, - }, - "sizeBorderRadiusPromo": { - "regular": 20, - }, - "sizeBorderRadiusRounded": { - "regular": 48, - }, - "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, - }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, - }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, - }, - "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonPaddingHorizontal": { - "regular": 12, - }, - "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": 10, - }, - "sizeCardgridPadding": { - "regular": 8, - }, - "sizeCardgridPaddingVertical": { - "regular": 8, - }, - "sizeCheckBorderRadius": { - "regular": 4, - }, - "sizeCheckbox": { - "regular": 16, - }, - "sizeFieldHeight": { - "compact": 36, - "regular": 44, - }, - "sizeFieldHorizontalPadding": { - "regular": 12, - }, - "sizeFormItemPaddingVertical": { - "regular": 12, - }, - "sizeIconUI": { - "regular": 16, - }, - "sizeLabelHorizontalMargin": { - "regular": 16, - }, - "sizeOptionHierarchy": { - "regular": 32, - }, - "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, - }, - "sizePopupBasePadding": { - "compact": 20, - "regular": 32, - }, - "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, - }, - "sizePopupLarge": { - "regular": 880, - }, - "sizePopupMedium": { - "regular": 680, - }, - "sizePopupSmall": { - "regular": 430, - }, - "sizeSearchHeight": { - "compact": 32, - "regular": 36, - }, - "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, - }, - "sizeSplitColPaddingHorizontal": { - "regular": 16, - }, - "sizeSubnavigationBarGap": { - "regular": 8, - }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, - }, - "sizeSwitchHeight": { - "compact": 27, - "regular": 31, - }, - "sizeSwitchPin": { - "compact": 23, - "regular": 27, - }, - "sizeSwitchWidth": { - "compact": 47, - "regular": 51, - }, - "sizeTooltipMargin": { - "regular": 8, - }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIdOkIOSDark", - "themeNameBase": "vkIdOkIOS", - "themeType": "root", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots vkontakteAndroid 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.4, 0, 0.2, 1))", - }, - "colorAccentAzure": { + "colorTabbarTextInactive": { "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)", }, "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)", }, "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", }, }, - "colorAccentBlue": { + "colorTextAccent": { "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, - "colorAccentCyan": { + "colorTextAccentThemed": { "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, - "colorAccentGray": { + "colorTextContrast": { "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, - "colorAccentGreen": { + "colorTextContrastThemed": { "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #141414)", }, "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, - "colorAccentLime": { + "colorTextLink": { "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, - "colorAccentOrange": { + "colorTextLinkThemed": { "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, - "colorAccentOrangeFire": { + "colorTextLinkTint": { "active": { - "name": "--vkui--color_accent_orange_fire--active", - "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", }, "hover": { - "name": "--vkui--color_accent_orange_fire--hover", - "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, - "colorAccentOrangePeach": { + "colorTextLinkVisited": { "active": { - "name": "--vkui--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #5890D0)", }, "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", }, "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, - "colorAccentPink": { + "colorTextMuted": { "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, - "colorAccentPurple": { + "colorTextNegative": { "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, - "colorAccentRaspberryPink": { + "colorTextPositive": { "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #59B959)", }, "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", }, "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, - "colorAccentRed": { + "colorTextPrimary": { "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, - "colorAccentSecondary": { + "colorTextPrimaryAlpha": { "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, - "colorAccentViolet": { + "colorTextPrimaryInvariably": { "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #141414)", }, "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", }, "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, - "colorActionSheetText": { + "colorTextSecondary": { "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, - "colorAvatarOverlay": { + "colorTextSecondaryAlpha": { "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, - "colorAvatarOverlayInverseAlpha": { + "colorTextSubhead": { "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, - "colorBackground": { + "colorTextTertiary": { "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, - "colorBackgroundAccent": { + "colorTrackBackground": { "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", }, }, - "colorBackgroundAccentAlternative": { + "colorTrackBuffer": { "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, - "colorBackgroundAccentThemed": { + "colorTransparent": { "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08))", }, "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04))", }, "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", }, }, - "colorBackgroundAccentThemedAlpha": { + "colorWriteBarIcon": { "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #818385)", }, "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", }, "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, - "colorBackgroundAccentTint": { + "colorWriteBarInputBackground": { "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3D3E3F)", }, "hover": { - "name": "--vkui--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #343536)", }, "normal": { - "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, - "colorBackgroundContent": { + "colorWriteBarInputBorder": { "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", }, "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", }, "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, }, - "colorBackgroundContentInverse": { + "colorWriteBarInputBorderAlpha": { "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "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_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "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_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, }, - "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)", - }, + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", }, - "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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))", }, - "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.20))", - }, + "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))", }, - "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)", - }, + "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))", }, - "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "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, #D5E5F7)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", - }, + "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))", }, - "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)", - }, + "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))", }, - "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "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, #1B1C1F)", + "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)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, - "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "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)", + }, + "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, 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)", + }, + "textTransform": { + "name": "--vkui--font_caption1_caps--text_transform--regular", + "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, }, }, - "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "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, #F5E0E2)", + "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)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, - "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "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)", + }, + "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, 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)", + }, + "textTransform": { + "name": "--vkui--font_caption2_caps--text_transform--regular", + "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, }, }, - "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "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, #DFF0E1)", + "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)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, - "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "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)", + }, + "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, 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)", + }, + "textTransform": { + "name": "--vkui--font_caption3_caps--text_transform--regular", + "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, }, }, - "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "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, 0, 0, 0.08))", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, }, }, - "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "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)", + }, }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, }, }, - "colorBackgroundTertiaryAlpha": { - "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "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.07))", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, }, }, - "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, }, }, - "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", - }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, - "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", - }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, - "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", - }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, - "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "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)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, - "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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, 0, 0, 0.24))", + "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)", + }, }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", + "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)", + }, + "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.2px)", + }, + "lineHeight": { + "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)", + }, }, }, - "colorHeaderBackground": { - "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", + "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)", + }, + "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)", + }, }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #ffffff)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, - "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", + "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)", + }, + "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)", + }, }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, - "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #237EDD)", + "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)", + }, }, - "hover": { - "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "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)", + }, + "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)", + }, }, }, - "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)", + "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, -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, 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)", + }, }, }, - "colorIconContrastSecondary": { - "active": { - "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", + "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)", + }, + "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)", + }, }, - "hover": { - "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, - "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "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)", + }, + "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)", + }, }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "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)", + }, + "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)", + }, + "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)", + }, }, }, - "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, }, }, - "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "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.52))", + "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_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, }, }, - "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "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_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 22px)", + }, }, }, - "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "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(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%, var(--vkui--color_background_content, rgba(25, 25, 26, 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(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%, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 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", + "value": "var(--vkui--size_arrow)", }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "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)", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "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)", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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.4))", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.28))", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "colorImageBorderAlpha": { - "active": { - "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_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "colorImagePlaceholderAlpha": { - "active": { - "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_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "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)", + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "normal": { - "name": "--vkui--color_link_contrast", - "value": "var(--vkui--color_link_contrast, #ffffff)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "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))", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "normal": { - "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #2483E4)", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "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, #E2E4E9)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "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)", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, - "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #ffffff)", + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + "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.12))", + "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, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "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, #e1e3e6)", + "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, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "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_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #2483E4)", + "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_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "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)", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_stroke_contrast", - "value": "var(--vkui--color_stroke_contrast, #ffffff)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "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_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "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)", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "colorTextContrast": { - "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, - "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #ffffff)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "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)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, - "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "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)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "colorTextLinkVisited": { - "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + "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)", }, }, - "colorTextMuted": { + "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--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "name": "--vkui--vkontakte_background_hover_alpha--active", + "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", }, "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "name": "--vkui--vkontakte_background_hover_alpha--hover", + "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.08))", }, "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "name": "--vkui--vkontakte_background_hover_alpha", + "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.04))", }, }, - "colorTextNegative": { + "vkontakteButtonMutedBackground": { "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", + "name": "--vkui--vkontakte_button_muted_background--active", + "value": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", }, "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "name": "--vkui--vkontakte_button_muted_background--hover", + "value": "var(--vkui--vkontakte_button_muted_background--hover, #343536)", }, "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "name": "--vkui--vkontakte_button_muted_background", + "value": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", }, }, - "colorTextPositive": { + "vkontakteButtonTertiaryBackground": { "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", + "name": "--vkui--vkontakte_button_tertiary_background--active", + "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", }, "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + "name": "--vkui--vkontakte_button_tertiary_background--hover", + "value": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", }, "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "name": "--vkui--vkontakte_button_tertiary_background", + "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", }, }, - "colorTextPrimary": { + "vkontakteButtonTertiaryForeground": { "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "name": "--vkui--vkontakte_button_tertiary_foreground--active", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", }, "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "name": "--vkui--vkontakte_button_tertiary_foreground--hover", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #E2E4E7)", }, "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "name": "--vkui--vkontakte_button_tertiary_foreground", + "value": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", }, }, - "colorTextPrimaryAlpha": { + "vkontakteColorAccentAlternate": { "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "name": "--vkui--vkontakte_color_accent_alternate--active", + "value": "var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "name": "--vkui--vkontakte_color_accent_alternate--hover", + "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "name": "--vkui--vkontakte_color_accent_alternate", + "value": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", }, }, - "colorTextPrimaryInvariably": { + "vkontakteColorActionSheetSeparatorAlpha": { "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + "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--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "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--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", + "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(255, 255, 255, 0.12))", }, }, - "colorTextSecondary": { + "vkontakteColorAlphaSkeletonShimmerTo": { "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "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--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "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--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", + "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", }, }, - "colorTextSecondaryAlpha": { + "vkontakteColorBackgroundKeyboard": { "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "name": "--vkui--vkontakte_color_background_keyboard--active", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", }, "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "name": "--vkui--vkontakte_color_background_keyboard--hover", + "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #343536)", }, "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "name": "--vkui--vkontakte_color_background_keyboard", + "value": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", }, }, - "colorTextSubhead": { + "vkontakteColorBackgroundSuggestions": { "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "name": "--vkui--vkontakte_color_background_suggestions--active", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", }, "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "name": "--vkui--vkontakte_color_background_suggestions--hover", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #343536)", }, "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "name": "--vkui--vkontakte_color_background_suggestions", + "value": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", }, }, - "colorTextTertiary": { + "vkontakteColorBackgroundTextAlpha": { "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "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--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "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--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "name": "--vkui--vkontakte_color_background_text_alpha", + "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(82, 158, 244, 0.24))", }, }, - "colorTrackBackground": { + "vkontakteColorContentPlaceholderIcon": { "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", }, "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #ADB1B6)", }, "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "name": "--vkui--vkontakte_color_content_placeholder_icon", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #aaaeb3)", }, }, - "colorTrackBuffer": { + "vkontakteColorContentTintForeground": { "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", }, "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "name": "--vkui--vkontakte_color_content_tint_foreground--hover", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #94989D)", }, "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "name": "--vkui--vkontakte_color_content_tint_foreground", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #909499)", }, }, - "colorTransparent": { + "vkontakteColorControlBackground": { "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #545556)", }, "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "name": "--vkui--vkontakte_color_control_background--hover", + "value": "var(--vkui--vkontakte_color_control_background--hover, #4C4D4E)", }, "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "name": "--vkui--vkontakte_color_control_background", + "value": "var(--vkui--vkontakte_color_control_background, #454647)", }, }, - "colorWriteBarIcon": { + "vkontakteColorControlForeground": { "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "name": "--vkui--vkontakte_color_control_foreground--active", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", }, "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "name": "--vkui--vkontakte_color_control_foreground--hover", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7)", }, "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "name": "--vkui--vkontakte_color_control_foreground", + "value": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", }, }, - "colorWriteBarInputBackground": { + "vkontakteColorControlTintMuted": { "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "name": "--vkui--vkontakte_color_control_tint_muted--active", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", }, "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "name": "--vkui--vkontakte_color_control_tint_muted--hover", + "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #94989D)", }, "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "name": "--vkui--vkontakte_color_control_tint_muted", + "value": "var(--vkui--vkontakte_color_control_tint_muted, #909499)", }, }, - "colorWriteBarInputBorder": { + "vkontakteColorHeaderSearchFieldBackground": { "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", }, "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "name": "--vkui--vkontakte_color_header_search_field_background--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #3E3F40)", }, "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "name": "--vkui--vkontakte_color_header_search_field_background", + "value": "var(--vkui--vkontakte_color_header_search_field_background, #363738)", }, }, - "colorWriteBarInputBorderAlpha": { + "vkontakteColorHeaderSearchFieldTint": { "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))", + "name": "--vkui--vkontakte_color_header_search_field_tint--active", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", }, "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))", + "name": "--vkui--vkontakte_color_header_search_field_tint--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", }, "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "name": "--vkui--vkontakte_color_header_search_field_tint", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "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)", + }, }, - "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))", + "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)", + }, }, - "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))", + "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)", + }, }, - "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))", + "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)", + }, }, - "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))", + "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))", + }, }, - "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))", + "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)", + }, }, - "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)", - }, - "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)", - }, + "vkontakteColorImBubbleGiftTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", }, - "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)", - }, - "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)", - }, - "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)", - }, + "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)", }, }, - "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)", - }, + "vkontakteColorImBubbleIncoming": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", }, - "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)", - }, - "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, 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)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "vkontakteColorImBubbleIncomingAlternate": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", }, - "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)", - }, - "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)", - }, - "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)", - }, + "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)", }, }, - "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)", - }, + "vkontakteColorImBubbleIncomingExpiring": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", }, - "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)", - }, - "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, 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)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "vkontakteColorImBubbleOutgoing": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", }, - "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)", - }, - "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)", - }, - "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)", - }, + "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)", }, }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", }, - }, - "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--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", }, }, - "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)", - }, + "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))", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", - }, + "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))", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "normal": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", }, }, - "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)", - }, + "vkontakteColorImTextName": { + "active": { + "name": "--vkui--vkontakte_color_im_text_name--active", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "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)", }, }, - "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)", - }, + "vkontakteColorInputBorder": { + "active": { + "name": "--vkui--vkontakte_color_input_border--active", + "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, + "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)", }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "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, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, + "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": { - "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)", - }, - "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)", - }, - "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)", - }, + "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))", }, }, - "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)", - }, + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", }, - "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)", - }, - "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.2px)", - }, - "lineHeight": { - "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)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", }, - "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)", - }, - "lineHeight": { - "name": "--vkui--font_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", - }, + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", }, - "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)", - }, - "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)", - }, - "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)", - }, + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, }, - "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)", - }, - "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)", - }, + "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": { - "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)", - }, - "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, + "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": { - "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)", - }, - "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)", - }, - "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)", - }, + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", }, }, - "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)", - }, + "vkontakteColorModalCardHeaderClose": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_header_close--active", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", }, - "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--vkontakte_color_modal_card_header_close--hover", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0)", }, - "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)", - }, - "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--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #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)", - }, + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", }, - "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)", - }, - "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--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)", }, }, - "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)", - }, - "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)", - }, + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", }, - "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)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", - }, + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", }, - "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)", - }, - "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)", - }, - "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)", - }, + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", }, }, - "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)", - }, - "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)", - }, + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", }, - "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)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", - }, + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #94989D)", }, - "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)", - }, - "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)", - }, - "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)", - }, + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", }, }, - "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)", - }, + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "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)", }, }, - "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)", - }, + "vkontakteColorPlaceholderIconTint": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "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)", }, }, - "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)", - }, + "vkontakteColorPollOptionBackground": { + "active": { + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", - }, + "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)", }, }, - "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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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", - "value": "var(--vkui--size_arrow)", + "vkontakteColorSearchBarBackground": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--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)", }, }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "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_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--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)", }, }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "vkontakteColorSkeletonShimmerFrom": { + "active": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "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)", }, }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "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)", }, }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "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_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "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))", }, }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "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)", }, }, - "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)", + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", }, - }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #222223)", }, - "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #19191a)", }, }, - "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)", + "vkontakteColorTabbarActiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", }, - }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", }, }, - "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)", + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", }, - }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", }, }, - "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)", + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", }, - }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #7B7D7F)", }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", }, }, - "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)", + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", }, - }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", }, - "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", }, }, - "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)", + "vkontakteColorTextName": { + "active": { + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", }, - }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "hover": { + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", }, }, - "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)", + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", }, - }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", }, }, - "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)", + "vkontakteFloatButtonForeground": { + "active": { + "name": "--vkui--vkontakte_float_button_foreground--active", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", }, - }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "hover": { + "name": "--vkui--vkontakte_float_button_foreground--hover", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", }, }, - "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)", - }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", }, - "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)", - }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", }, - "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)", - }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "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)", - }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", }, - "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)", - }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", }, - "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)", - }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", }, - "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)", - }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", }, - "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)", - }, + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", }, - "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)", - }, + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", }, - "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)", - }, + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", }, - "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)", - }, + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", }, - "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)", - }, + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", }, - "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)", - }, + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", }, - "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)", - }, + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", }, - "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)", - }, + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", }, - "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)", - }, + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", }, - "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)", - }, + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", }, - "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)", - }, + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", }, - "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)", - }, + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", }, - "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)", - }, + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", }, - "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)", - }, + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", }, - "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)", - }, + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", }, - "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)", - }, + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", }, - "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)", - }, + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", }, - "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)", - }, + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", }, - "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)", - }, + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", }, - "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)", - }, + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", }, - "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)", - }, + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", }, - "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)", - }, + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", }, - "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)", - }, + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", }, - "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)", - }, + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "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)", - }, + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", }, - "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)", - }, + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", }, - "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)", + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "value": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", }, - }, - "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "hover": { + "name": "--vkui--vkontakte_im_attach_tint--hover", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", }, }, - "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "vkontakteImBubbleButtonForeground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--active", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7)", }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", }, }, - "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "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_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "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_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "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))", }, }, - "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)", + "vkontakteImBubbleGiftBackground": { + "active": { + "name": "--vkui--vkontakte_im_bubble_gift_background--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", }, - }, - "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "hover": { + "name": "--vkui--vkontakte_im_bubble_gift_background--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_im_bubble_gift_background", + "value": "var(--vkui--vkontakte_im_bubble_gift_background, #857250)", }, }, - "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": { + "vkontakteImBubbleGiftBackgroundHighlighted": { "active": { - "name": "--vkui--vkontakte_background_hover_alpha--active", - "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", }, "hover": { - "name": "--vkui--vkontakte_background_hover_alpha--hover", - "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))", + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77)", }, "normal": { - "name": "--vkui--vkontakte_background_hover_alpha", - "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))", + "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871)", }, }, - "vkontakteButtonMutedBackground": { + "vkontakteImBubbleIncomingAlternateHighlighted": { "active": { - "name": "--vkui--vkontakte_button_muted_background--active", - "value": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #6A6C6E)", }, "hover": { - "name": "--vkui--vkontakte_button_muted_background--hover", - "value": "var(--vkui--vkontakte_button_muted_background--hover, #E8EAEE)", + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #636567)", }, "normal": { - "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", + "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #5d5f61)", }, }, - "vkontakteButtonTertiaryBackground": { + "vkontakteImBubbleIncomingExpiringHighlighted": { "active": { - "name": "--vkui--vkontakte_button_tertiary_background--active", - "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", }, "hover": { - "name": "--vkui--vkontakte_button_tertiary_background--hover", - "value": "var(--vkui--vkontakte_button_tertiary_background--hover, rgba(0, 0, 0, 0.04))", + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085)", }, "normal": { - "name": "--vkui--vkontakte_button_tertiary_background", - "value": "var(--vkui--vkontakte_button_tertiary_background, rgba(0, 0, 0, 0.00))", + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", }, }, - "vkontakteButtonTertiaryForeground": { + "vkontakteImBubbleIncomingHighlighted": { "active": { - "name": "--vkui--vkontakte_button_tertiary_foreground--active", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #6A6C6E)", }, "hover": { - "name": "--vkui--vkontakte_button_tertiary_foreground--hover", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #636567)", }, "normal": { - "name": "--vkui--vkontakte_button_tertiary_foreground", - "value": "var(--vkui--vkontakte_button_tertiary_foreground, #2d81e0)", + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #5d5f61)", }, }, - "vkontakteColorAccentAlternate": { + "vkontakteImBubbleOutgoingAlternate": { "active": { - "name": "--vkui--vkontakte_color_accent_alternate--active", - "value": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #545556)", }, "hover": { - "name": "--vkui--vkontakte_color_accent_alternate--hover", - "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)", + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #4C4D4E)", }, "normal": { - "name": "--vkui--vkontakte_color_accent_alternate", - "value": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)", + "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #454647)", }, }, - "vkontakteColorActionSheetSeparatorAlpha": { + "vkontakteImBubbleOutgoingHighlighted": { "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))", + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #6A6C6E)", }, "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))", + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #636567)", }, "normal": { - "name": "--vkui--vkontakte_color_action_sheet_separator_alpha", - "value": "var(--vkui--vkontakte_color_action_sheet_separator_alpha, rgba(0, 0, 0, 0.12))", + "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #5d5f61)", }, }, - "vkontakteColorAlphaSkeletonShimmerTo": { + "vkontakteImReplySeparator": { "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))", + "name": "--vkui--vkontakte_im_reply_separator--active", + "value": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", }, "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))", + "name": "--vkui--vkontakte_im_reply_separator--hover", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to", - "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)", + "name": "--vkui--vkontakte_im_reply_separator", + "value": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", }, }, - "vkontakteColorBackgroundKeyboard": { + "vkontakteImToolbarVoiceMsgBackground": { "active": { - "name": "--vkui--vkontakte_color_background_keyboard--active", - "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #545556)", }, "hover": { - "name": "--vkui--vkontakte_color_background_keyboard--hover", - "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)", + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #4C4D4E)", }, "normal": { - "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)", + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #454647)", }, }, - "vkontakteColorBackgroundSuggestions": { + "vkontakteLandingBackground": { "active": { - "name": "--vkui--vkontakte_color_background_suggestions--active", - "value": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", }, "hover": { - "name": "--vkui--vkontakte_color_background_suggestions--hover", - "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)", + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #222223)", }, "normal": { - "name": "--vkui--vkontakte_color_background_suggestions", - "value": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)", + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #19191a)", }, }, - "vkontakteColorBackgroundTextAlpha": { + "vkontakteLandingSecondaryButtonBackground": { "active": { - "name": "--vkui--vkontakte_color_background_text_alpha--active", - "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))", + "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_color_background_text_alpha--hover", - "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))", + "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_color_background_text_alpha", - "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))", + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(255, 255, 255, 0.15))", }, }, - "vkontakteColorContentPlaceholderIcon": { + "vkontaktePaletteBlack": { "active": { - "name": "--vkui--vkontakte_color_content_placeholder_icon--active", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #141414)", }, "hover": { - "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", }, "normal": { - "name": "--vkui--vkontakte_color_content_placeholder_icon", - "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", }, }, - "vkontakteColorContentTintForeground": { + "vkontakteStoriesSkeletonLoaderBackground": { "active": { - "name": "--vkui--vkontakte_color_content_tint_foreground--active", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #C9CCD0)", }, "hover": { - "name": "--vkui--vkontakte_color_content_tint_foreground--hover", - "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", + "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #C6CACE)", }, "normal": { - "name": "--vkui--vkontakte_color_content_tint_foreground", - "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #c4c8cc)", }, }, - "vkontakteColorControlBackground": { + "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 vkontakteAndroidDark theme should match cssVars snapshot 2`] = ` +{ + "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.4, 0, 0.2, 1))", + }, + "colorAccentAzure": { "active": { - "name": "--vkui--vkontakte_color_control_background--active", - "value": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #1482FF)", }, "hover": { - "name": "--vkui--vkontakte_color_control_background--hover", - "value": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #ebedf0)", + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077ff)", }, }, - "vkontakteColorControlForeground": { + "colorAccentBlue": { "active": { - "name": "--vkui--vkontakte_color_control_foreground--active", - "value": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #60A6F5)", }, "hover": { - "name": "--vkui--vkontakte_color_control_foreground--hover", - "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #59A2F4)", }, "normal": { - "name": "--vkui--vkontakte_color_control_foreground", - "value": "var(--vkui--vkontakte_color_control_foreground, #5181b8)", + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #529ef4)", }, }, - "vkontakteColorControlTintMuted": { + "colorAccentCyan": { "active": { - "name": "--vkui--vkontakte_color_control_tint_muted--active", - "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { - "name": "--vkui--vkontakte_color_control_tint_muted--hover", - "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)", + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "normal": { - "name": "--vkui--vkontakte_color_control_tint_muted", - "value": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)", + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", }, }, - "vkontakteColorHeaderSearchFieldBackground": { + "colorAccentGray": { "active": { - "name": "--vkui--vkontakte_color_header_search_field_background--active", - "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", }, "hover": { - "name": "--vkui--vkontakte_color_header_search_field_background--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)", + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", }, "normal": { - "name": "--vkui--vkontakte_color_header_search_field_background", - "value": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)", + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, - "vkontakteColorHeaderSearchFieldTint": { + "colorAccentGreen": { "active": { - "name": "--vkui--vkontakte_color_header_search_field_tint--active", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", }, "hover": { - "name": "--vkui--vkontakte_color_header_search_field_tint--hover", - "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #7C8795)", + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", }, "normal": { - "name": "--vkui--vkontakte_color_header_search_field_tint", - "value": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)", + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, - "vkontakteColorHeaderTabActiveIndicator": { + "colorAccentLime": { "active": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", }, "hover": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)", + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "normal": { - "name": "--vkui--vkontakte_color_header_tab_active_indicator", - "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)", + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #aff70d)", }, }, - "vkontakteColorIconName": { + "colorAccentOrange": { "active": { - "name": "--vkui--vkontakte_color_icon_name--active", - "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", }, "hover": { - "name": "--vkui--vkontakte_color_icon_name--hover", - "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", }, "normal": { - "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, - "vkontakteColorIconOutlineMedium": { + "colorAccentOrangeFire": { "active": { - "name": "--vkui--vkontakte_color_icon_outline_medium--active", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #F16953)", }, "hover": { - "name": "--vkui--vkontakte_color_icon_outline_medium--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)", + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #F1634B)", }, "normal": { - "name": "--vkui--vkontakte_color_icon_outline_medium", - "value": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", }, }, - "vkontakteColorIconOutlineSecondary": { + "colorAccentOrangePeach": { "active": { - "name": "--vkui--vkontakte_color_icon_outline_secondary--active", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)", + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", }, "hover": { - "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)", + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #FFC368)", }, "normal": { - "name": "--vkui--vkontakte_color_icon_outline_secondary", - "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #ffc062)", }, }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { + "colorAccentPink": { "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)", + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "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)", + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "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))", + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #f45fff)", }, }, - "vkontakteColorImBubbleGiftText": { + "colorAccentPurple": { "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, - "vkontakteColorImBubbleGiftTextSecondary": { + "colorAccentRaspberryPink": { "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #F16DC5)", }, "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #F166C3)", }, "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", }, }, - "vkontakteColorImBubbleIncoming": { + "colorAccentRed": { "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #FF4356)", }, "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", }, "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, - "vkontakteColorImBubbleIncomingAlternate": { + "colorAccentSecondary": { "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", }, "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", }, "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", }, }, - "vkontakteColorImBubbleIncomingExpiring": { + "colorAccentViolet": { "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, - "vkontakteColorImBubbleOutgoing": { + "colorActionSheetText": { "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)", }, "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", }, "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #529ef4)", }, }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "colorAvatarOverlay": { "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", }, "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", }, "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, #00000099)", }, }, - "vkontakteColorImForwardLineAlpha": { + "colorAvatarOverlayInverseAlpha": { "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))", + "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--vkontakte_color_im_forward_line_alpha--hover", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(69, 103, 143, 0.28))", + "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--vkontakte_color_im_forward_line_alpha", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, }, - "vkontakteColorImTextName": { + "colorBackground": { "active": { - "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", }, "hover": { - "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { - "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, - "vkontakteColorInputBorder": { + "colorBackgroundAccent": { "active": { - "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { - "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { - "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, - "vkontakteColorLandingSnippetBorderAlpha": { + "colorBackgroundAccentAlternative": { "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))", + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)", }, "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))", + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529ef4)", }, }, - "vkontakteColorLoaderBackground": { + "colorBackgroundAccentThemed": { "active": { - "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #D7D8DB)", }, "hover": { - "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", }, }, - "vkontakteColorLoaderTint": { + "colorBackgroundAccentThemedAlpha": { "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", + "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--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", + "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--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, #ffffff33)", }, }, - "vkontakteColorModalCardBorderAlpha": { + "colorBackgroundAccentTint": { "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))", + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #67A6FF)", }, "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))", + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, - "vkontakteColorModalCardHeaderClose": { + "colorBackgroundContent": { "active": { - "name": "--vkui--vkontakte_color_modal_card_header_close--active", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2B)", }, "hover": { - "name": "--vkui--vkontakte_color_modal_card_header_close--hover", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222222)", }, "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #191919)", }, }, - "vkontakteColorMusicPlaybackIcon": { + "colorBackgroundContentInverse": { "active": { - "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { - "name": "--vkui--vkontakte_color_music_playback_icon--hover", - "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--vkontakte_color_music_playback_icon", - "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, - "vkontakteColorPanelTabActiveText": { + "colorBackgroundContrast": { "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #D7D8DB)", }, "hover": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", }, }, - "vkontakteColorPlaceholderIconForegroundPrimary": { + "colorBackgroundContrastInverse": { "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", }, "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)", + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #353535)", }, "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, }, - "vkontakteColorPlaceholderIconForegroundSecondary": { + "colorBackgroundContrastSecondaryAlpha": { "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", + "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--vkontakte_color_placeholder_icon_foreground_secondary--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", + "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--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", }, }, - "vkontakteColorPlaceholderIconTint": { + "colorBackgroundContrastThemed": { "active": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", }, "hover": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", }, "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", }, }, - "vkontakteColorPollOptionBackground": { + "colorBackgroundInfoTint": { "active": { - "name": "--vkui--vkontakte_color_poll_option_background--active", - "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #2E4962)", }, "hover": { - "name": "--vkui--vkontakte_color_poll_option_background--hover", - "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #25415B)", }, "normal": { - "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1c3954)", }, }, - "vkontakteColorSearchBarBackground": { + "colorBackgroundModal": { "active": { - "name": "--vkui--vkontakte_color_search_bar_background--active", - "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2F2F2F)", }, "hover": { - "name": "--vkui--vkontakte_color_search_bar_background--hover", - "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #262626)", }, "normal": { - "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1d1d1d)", }, }, - "vkontakteColorSearchBarFieldTint": { + "colorBackgroundModalInverse": { "active": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--active", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", }, "hover": { - "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, - "vkontakteColorSkeletonShimmerFrom": { + "colorBackgroundNegative": { "active": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, - "vkontakteColorSnippetBackground": { + "colorBackgroundNegativeTint": { "active": { - "name": "--vkui--vkontakte_color_snippet_background--active", - "value": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #603F3F)", }, "hover": { - "name": "--vkui--vkontakte_color_snippet_background--hover", - "value": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)", + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", }, }, - "vkontakteColorSnippetBorderAlpha": { + "colorBackgroundPositive": { "active": { - "name": "--vkui--vkontakte_color_snippet_border_alpha--active", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))", + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", }, "hover": { - "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", }, "normal": { - "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, - "vkontakteColorSplashScreenIcon": { + "colorBackgroundPositiveTint": { "active": { - "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #3F4D3C)", }, "hover": { - "name": "--vkui--vkontakte_color_splash_screen_icon--hover", - "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", }, }, - "vkontakteColorStatusBackground": { + "colorBackgroundSecondary": { "active": { - "name": "--vkui--vkontakte_color_status_background--active", - "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353535)", }, "hover": { - "name": "--vkui--vkontakte_color_status_background--hover", - "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", }, "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232323)", }, }, - "vkontakteColorTabbarActiveIcon": { + "colorBackgroundSecondaryAlpha": { "active": { - "name": "--vkui--vkontakte_color_tabbar_active_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", }, "hover": { - "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", }, "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, #ffffff19)", }, }, - "vkontakteColorTabbarBackground": { + "colorBackgroundTertiary": { "active": { - "name": "--vkui--vkontakte_color_tabbar_background--active", - "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323232)", }, "hover": { - "name": "--vkui--vkontakte_color_tabbar_background--hover", - "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #292929)", }, "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202020)", }, }, - "vkontakteColorTabbarInactiveIcon": { + "colorBackgroundTertiaryAlpha": { "active": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", + "name": "--vkui--color_background_tertiary_alpha--active", + "value": "var(--vkui--color_background_tertiary_alpha--active, rgba(255, 255, 255, 0.11))", }, "hover": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", + "name": "--vkui--color_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", }, "normal": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", }, }, - "vkontakteColorTabbarTabletTextSecondary": { + "colorBackgroundWarning": { "active": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", }, }, - "vkontakteColorTextName": { + "colorButtonIcon": { "active": { - "name": "--vkui--vkontakte_color_text_name--active", - "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { - "name": "--vkui--vkontakte_color_text_name--hover", - "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, - "vkontakteColorToolbarAttachBackgroundFrom": { + "colorButtonStroke": { "active": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, - "vkontakteFloatButtonForeground": { + "colorButtonText": { "active": { - "name": "--vkui--vkontakte_float_button_foreground--active", - "value": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { - "name": "--vkui--vkontakte_float_button_foreground--hover", - "value": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #323232)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #292929)", + }, }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, #ffffff1e)", + }, }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222222)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #191919)", + }, }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "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)", + }, }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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)", + }, }, - "vkontakteImAttachTint": { + "colorIconContrastSecondary": { "active": { - "name": "--vkui--vkontakte_im_attach_tint--active", - "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)", + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", }, "hover": { - "name": "--vkui--vkontakte_im_attach_tint--hover", - "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", }, "normal": { - "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, }, - "vkontakteImBubbleButtonForeground": { + "colorIconContrastThemed": { "active": { - "name": "--vkui--vkontakte_im_bubble_button_foreground--active", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)", + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #141414)", }, "hover": { - "name": "--vkui--vkontakte_im_bubble_button_foreground--hover", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { - "name": "--vkui--vkontakte_im_bubble_button_foreground", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { + "colorIconMedium": { "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))", + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B7B7B7)", }, "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))", + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B4B4B4)", }, "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))", + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #b1b1b1)", }, }, - "vkontakteImBubbleGiftBackground": { + "colorIconMediumAlpha": { "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", }, "hover": { - "name": "--vkui--vkontakte_im_bubble_gift_background--hover", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)", + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", }, "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background", - "value": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", }, }, - "vkontakteImBubbleGiftBackgroundHighlighted": { + "colorIconNegative": { "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, - "vkontakteImBubbleIncomingAlternateHighlighted": { + "colorIconPositive": { "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #59B959)", }, "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", }, "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, - "vkontakteImBubbleIncomingExpiringHighlighted": { + "colorIconPrimary": { "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E5E5E5)", }, "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E4E4E4)", }, "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e3e3e3)", }, }, - "vkontakteImBubbleIncomingHighlighted": { + "colorIconPrimaryInvariably": { "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #333333)", }, "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", }, "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", }, }, - "vkontakteImBubbleOutgoingAlternate": { + "colorIconSecondary": { "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #838383)", }, "hover": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", }, "normal": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #787878)", }, }, - "vkontakteImBubbleOutgoingHighlighted": { + "colorIconSecondaryAlpha": { "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", }, "hover": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", }, "normal": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", }, }, - "vkontakteImReplySeparator": { + "colorIconTertiary": { "active": { - "name": "--vkui--vkontakte_im_reply_separator--active", - "value": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)", + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", }, "hover": { - "name": "--vkui--vkontakte_im_reply_separator--hover", - "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #656565)", }, "normal": { - "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5f5f5f)", }, }, - "vkontakteImToolbarVoiceMsgBackground": { + "colorIconTertiaryAlpha": { "active": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + "name": "--vkui--color_icon_tertiary_alpha--hover", + "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", }, }, - "vkontakteLandingBackground": { + "colorIconWarning": { "active": { - "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { - "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { - "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #ffffff)", + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #edb055)", }, }, - "vkontakteLandingSecondaryButtonBackground": { + "colorImageBorderAlpha": { "active": { - "name": "--vkui--vkontakte_landing_secondary_button_background--active", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--active, rgba(0, 57, 115, 0.18))", + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { - "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + "name": "--vkui--color_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { - "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, #ffffff14)", }, }, - "vkontaktePaletteBlack": { + "colorImagePlaceholder": { "active": { - "name": "--vkui--vkontakte_palette_black--active", - "value": "var(--vkui--vkontakte_palette_black--active, #000105)", + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", }, "hover": { - "name": "--vkui--vkontakte_palette_black--hover", - "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333333)", }, "normal": { - "name": "--vkui--vkontakte_palette_black", - "value": "var(--vkui--vkontakte_palette_black, #000000)", + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2b2b2b)", }, }, - "vkontakteStoriesSkeletonLoaderBackground": { + "colorImagePlaceholderAlpha": { "active": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--active, #3F4246)", + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", }, "hover": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--hover", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background--hover, #424447)", + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", }, "normal": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", }, }, - "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 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.4, 0, 0.2, 1)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", - }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", - }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", - }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", - }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", - }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", - }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", - }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorAvatarOverlay": { - "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)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", - }, - "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", - }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorBackgroundAccentThemedAlpha": { - "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", - }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", - }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorBackgroundContrastInverse": { - "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.20)", - }, - "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", - }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", - }, - "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", - }, - "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", - }, - "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", - }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", - }, - "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", - }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", - }, - "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", - }, - "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorFieldBorderAlpha": { - "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", - }, - "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", - }, - "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", - }, - "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", - }, - "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", - }, - "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", - }, - "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", - }, - "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorImagePlaceholderAlpha": { - "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", + "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.40)", + "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, #00000066)", + }, }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, #00000044)", + }, }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #474747)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #373737)", + }, }, "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": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #474747)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #373737)", + }, }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #545454)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #454545)", + }, }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #606060)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #595959)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #525252)", + }, }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + }, }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272727)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141414)", + }, }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #2d2d2d)", + }, }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2d2d2d)", + }, }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", + }, }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #e3e3e3)", + }, }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #787878)", + }, }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", + }, }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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", + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": { + "name": "--vkui--color_text_link_visited--active", + "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, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #C9C9C9)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #C6C6C6)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #c4c4c4)", + }, }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e3e3e3)", + }, }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + }, }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #333333)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #212121)", + }, }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #838383)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #787878)", + }, }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + }, }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #A2A2A2)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #9a9a9a)", + }, }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #656565)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5f5f5f)", + }, }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #555555)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4D4D4D)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #464646)", + }, }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, }, "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, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, #00000000)", + }, }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #529ef4)", + }, }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorWriteBarInputBorderAlpha": { - "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", - "textTransform": "uppercase", + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #353535)", }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2d2d2d)", }, }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", - "textTransform": "uppercase", + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "12px", + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #353535)", }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "12px", - "textTransform": "uppercase", + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2d2d2d)", }, }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "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.16))", }, - }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "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.12))", }, - "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", }, }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", + }, + "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))", + }, + "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))", + }, + "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))", + }, + "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))", + }, + "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))", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, }, }, - "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": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "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, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", - "textTransform": "uppercase", + "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)", + }, + "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.2px)", + }, + "lineHeight": { + "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)", + }, }, }, "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)", + }, + "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)", + }, + }, "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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)", + }, + "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)", + }, + }, "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "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)", + }, + "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)", + }, + "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)", + }, + }, "compact": { - "fontSize": "13px", - "letterSpacing": "0.15px", - "lineHeight": "16px", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--compact", + "value": "var(--vkui--font_subhead--line_height--compact, 16px)", + }, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "18px", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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)", + }, + "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)", + }, + }, "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "lineHeight": { + "name": "--vkui--font_text--line_height--compact", + "value": "var(--vkui--font_text--line_height--compact, 20px)", + }, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "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)", + }, + "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)", + }, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", + }, + "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, 600)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, }, }, "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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, -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, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "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)", + }, }, }, - "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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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, + "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(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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": { - "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "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": { - "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": "8px", + "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": { - "regular": "8px", + "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": { - "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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": "20px", - "regular": "32px", + "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": { - "compact": "16px", - "regular": "24px", + "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": { - "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)", + }, }, "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)", + }, }, "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": "7px", - "regular": "6px", + "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": { - "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)", + }, }, "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)", + }, }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkontakteAndroid", - "themeNameBase": "vkontakteAndroid", - "themeType": "pixelify", + "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": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "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": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "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": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", + "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": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "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": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", + "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": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", + "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": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "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": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "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": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", + "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": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "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": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "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": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", + "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": "#7A6A4E", - "hover": "#806E4F", - "normal": "#857250", + "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": "#9D8D6D", - "hover": "#A4936F", - "normal": "#AB9871", + "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": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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": "#D4D8EF", - "hover": "#DDE0F7", - "normal": "#E6E9FF", + "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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#CCE4FF", + "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": "#9FABEF", - "hover": "#A6B1F7", - "normal": "#ADB8FF", + "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": "rgba(69, 103, 143, 0.32)", - "hover": "rgba(69, 103, 143, 0.28)", - "normal": "rgba(69, 103, 143, 0.24)", + "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": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2D81E0", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "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": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "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": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "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": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", + "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": "#000105", - "hover": "#000102", - "normal": "#000000", + "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": "#000105", - "hover": "#000102", - "normal": "#000000", + "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": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "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": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "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": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#aeb7c2", + "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": "#001B3D", - "hover": "#001C3D", - "normal": "#001c3d", + "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": "#3F6088", - "hover": "#42648C", - "normal": "#45678f", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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)", + }, }, "vkontakteColorSnippetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "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, #2C2C2D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", + }, }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "active": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--active", + "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.19))", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + }, }, "vkontakteColorSplashScreenIcon": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + }, }, "vkontakteColorStatusBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #19191a)", + }, }, "vkontakteColorTabbarActiveIcon": { - "active": "#266DC1", - "hover": "#2771C6", - "normal": "#2975cc", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + }, }, "vkontakteColorTabbarBackground": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + }, }, "vkontakteColorTabbarInactiveIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + }, }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#848992", - "hover": "#8A8F95", - "normal": "#909499", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + }, }, "vkontakteColorTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + }, }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + }, }, "vkontakteFloatButtonForeground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + }, }, - "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "vkontakteImAttachTint": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", }, - "vkontakteImBubbleButtonForeground": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.68)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "rgba(255, 255, 255, 0.60)", + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "vkontakteImBubbleGiftBackground": { - "active": "#E0D6B8", - "hover": "#EADEBE", - "normal": "#f4e7c3", + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#D1C3A3", - "hover": "#DACBA8", - "normal": "#e3d3ac", + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#BCC3EF", - "hover": "#C4CBF7", - "normal": "#ccd3ff", + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#9FC3EF", - "hover": "#A6CBF7", - "normal": "#add3ff", + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", }, - "vkontakteImReplySeparator": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", }, - "vkontakteLandingBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(0, 57, 115, 0.18)", - "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.10)", + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", }, - "vkontaktePaletteBlack": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", }, - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -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.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)", + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", - "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #96A0AE)", - "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #45A64A)", - "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", }, - "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A1E511)", - "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9405)", - "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", }, - "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)", + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", }, - "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)", + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", }, - "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", }, - "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)", + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", - "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", - "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", }, - "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)", + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "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))", + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", }, - "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))", + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "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)", + }, }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #237EDD)", - "hover": "var(--vkui--color_background_accent--hover, #2483E4)", - "normal": "var(--vkui--color_background_accent, #2688eb)", + "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)", + }, }, - "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)", + "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))", + }, }, - "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)", + "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)", + }, }, - "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))", + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "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))", + }, + }, + "vkontaktePaletteBlack": { + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #141414)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, + }, + "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)", + }, + }, + "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 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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", + }, + "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": "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", }, "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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#3D3E3F", + "hover": "#343536", + "normal": "#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.20))", + "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": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "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": "#2E4962", + "hover": "#25415B", + "normal": "#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": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "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": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #45A64A)", - "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "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)", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "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": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "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": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "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": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "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": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "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": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "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": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "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": "#59B959", + "hover": "#52B652", + "normal": "#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": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "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": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "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": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "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": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "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": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "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": "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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "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": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "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": "#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.40))", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "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": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "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": "#464748", + "hover": "#3E3F40", + "normal": "#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": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "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": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "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": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "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": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "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": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 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": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "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": "#59B959", + "hover": "#52B652", + "normal": "#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": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#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, #437DC1)", - "hover": "var(--vkui--color_text_link_visited--hover, #4681C6)", - "normal": "var(--vkui--color_text_link_visited, #4986cc)", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#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": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "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": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "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": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "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": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "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": "#141414", + "hover": "#0A0A0A", + "normal": "#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)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "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": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "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": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "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": "#4F647D", + "hover": "#485E78", + "normal": "#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))", - "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, #3A80D3)", - "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", - "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#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": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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": "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, 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": "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": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -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": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + "textTransform": "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": "15px", + "letterSpacing": "0.15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": "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": "15px", + "letterSpacing": "0.15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "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, -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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "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": "13px", + "letterSpacing": "0.15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "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": "15px", + "letterSpacing": "0.15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontTitle3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "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, 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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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, "sizeArrow": { - "regular": "var(--vkui--size_arrow--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", }, "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", }, "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", }, "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", }, "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", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "regular": "12px", }, "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, 8px)", + "regular": "8px", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "regular": "8px", }, "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", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "regular": "16px", }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": "16px", }, "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, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": "880px", }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": "680px", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "430px", }, "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, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "compact": "7px", + "regular": "6px", }, "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", }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "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, vkBase)", - "themeName": "var(--vkui--theme_name, vkontakteAndroid)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkontakteAndroidDark", + "themeNameBase": "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))", + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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))", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 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)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "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": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", }, "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": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "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": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "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": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "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": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "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": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "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": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "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)", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "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": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", }, "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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)", + "active": "#E5D7B3", + "hover": "#E4D5AF", + "normal": "#E3D3AC", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "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)", + "active": "#373C5B", + "hover": "#2F3354", + "normal": "#262B4D", }, "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)", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "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)", + "active": "#6671B9", + "hover": "#606BB6", + "normal": "#5965B3", }, "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": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 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)", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "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": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "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": "#818385", + "hover": "#7B7D7F", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "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)", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "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)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "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)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "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": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "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": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "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": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, - "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "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": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", }, "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)", + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", }, "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)", + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", }, "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": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "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)", + "active": "#4F588A", + "hover": "#485085", + "normal": "#404980", }, "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": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "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)", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "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)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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)", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteLandingBackground": { - "active": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_landing_background, #ffffff)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "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))", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontaktePaletteBlack": { - "active": "var(--vkui--vkontakte_palette_black--active, #000105)", - "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", - "normal": "var(--vkui--vkontakte_palette_black, #000000)", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "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": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", }, - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapshot 2`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -486842,659 +490190,664 @@ 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": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "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", - "normal": "#AFF70D", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#ffc062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#f45fff", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", }, "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1c3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2e3e2b", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", }, "colorBackgroundSecondaryAlpha": { - "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.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323232", + "hover": "#292929", + "normal": "#202020", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "#ffffff07", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "#ffffff4c", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#edb055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", }, "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#606060", + "hover": "#595959", + "normal": "#525252", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, - "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, + "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.3px", - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, + "fontSize": "12px", "fontWeight": 600, "letterSpacing": "0.3px", - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.3px", - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 600, "letterSpacing": "0.3px", - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.3px", - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 600, "letterSpacing": "0.3px", - "lineHeight": 12, + "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, + "fontSize": "23px", "fontWeight": 600, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, + "fontSize": "22px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, "regular": { "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, + "fontSize": "21px", "fontWeight": 600, - "lineHeight": 26, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, + "fontSize": "19px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, + "fontSize": "17px", "fontWeight": 600, - "lineHeight": 22, + "lineHeight": "22px", }, }, "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -487503,120 +490856,120 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "fontFootnote": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, + "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.2px", - "lineHeight": 16, + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, + "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.2px", - "lineHeight": 16, + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontHeadline": { "compact": { - "fontSize": 15, + "fontSize": "15px", "letterSpacing": "0.15px", - "lineHeight": 20, + "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, + "fontSize": "16px", "fontWeight": 500, "letterSpacing": "0.15px", - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontHeadline1": { "compact": { - "fontSize": 15, + "fontSize": "15px", "letterSpacing": "0.15px", - "lineHeight": 20, + "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, + "fontSize": "16px", "fontWeight": 500, "letterSpacing": "0.15px", - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontHeadline2": { "compact": { - "fontSize": 14, - "lineHeight": 20, + "fontSize": "14px", + "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontSubhead": { "compact": { - "fontSize": 13, + "fontSize": "13px", "letterSpacing": "0.15px", - "lineHeight": 16, + "lineHeight": "16px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, + "fontSize": "14px", "fontWeight": 400, "letterSpacing": "0.15px", - "lineHeight": 18, + "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": 15, + "fontSize": "15px", "letterSpacing": "0.15px", - "lineHeight": 20, + "lineHeight": "20px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, + "fontSize": "16px", "fontWeight": 400, "letterSpacing": "0.15px", - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, + "fontSize": "24px", "fontWeight": 600, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, + "fontSize": "20px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, }, "fontTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, + "fontSize": "17px", "fontWeight": 600, - "lineHeight": 22, + "lineHeight": "22px", }, }, "fontWeightAccent1": 600, @@ -487625,251 +490978,251 @@ exports[`shapshots vkontakteAndroid 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%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%", + "gradient": "rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%", + "gradientTint": "rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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, + "regular": "8px", }, "sizeArrowPadding": { - "regular": 12, + "regular": "12px", }, "sizeArrowPromo": { - "regular": 40, + "regular": "40px", }, "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", }, "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", }, "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", }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": 80, + "regular": "80px", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "regular": "12px", }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "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": 8, + "regular": "8px", }, "sizeCardgridPadding": { - "regular": 8, + "regular": "8px", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "4px", }, "sizeCheckbox": { - "regular": 16, + "regular": "16px", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "12px", }, "sizeIconUI": { - "regular": 16, + "regular": "16px", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "16px", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { - "regular": 880, + "regular": "880px", }, "sizePopupMedium": { - "regular": 680, + "regular": "680px", }, "sizePopupSmall": { - "regular": 430, + "regular": "430px", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": "7px", + "regular": "6px", }, "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", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "8px", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkontakteAndroid", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkontakteAndroidDark", "themeNameBase": "vkontakteAndroid", - "themeType": "root", + "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(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", }, "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", @@ -487877,274 +491230,274 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.00)", }, "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "vkontakteColorAccentAlternate": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "vkontakteColorAlphaSkeletonShimmerTo": { - "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", }, "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorBackgroundSuggestions": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorContentTintForeground": { - "active": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorControlBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "vkontakteColorControlTintMuted": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "vkontakteColorHeaderSearchFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "vkontakteColorIconName": { - "active": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorIconOutlineMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorIconOutlineSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", }, "vkontakteColorImBubbleGiftText": { - "active": "#7A6A4E", - "hover": "#806E4F", - "normal": "#857250", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#9D8D6D", - "hover": "#A4936F", - "normal": "#AB9871", + "active": "#E5D7B3", + "hover": "#E4D5AF", + "normal": "#E3D3AC", }, "vkontakteColorImBubbleIncoming": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorImBubbleIncomingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorImBubbleIncomingExpiring": { - "active": "#D4D8EF", - "hover": "#DDE0F7", - "normal": "#E6E9FF", + "active": "#373C5B", + "hover": "#2F3354", + "normal": "#262B4D", }, "vkontakteColorImBubbleOutgoing": { - "active": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#CCE4FF", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#9FABEF", - "hover": "#A6B1F7", - "normal": "#ADB8FF", + "active": "#6671B9", + "hover": "#606BB6", + "normal": "#5965B3", }, "vkontakteColorImForwardLineAlpha": { - "active": "rgba(69, 103, 143, 0.32)", - "hover": "rgba(69, 103, 143, 0.28)", - "normal": "rgba(69, 103, 143, 0.24)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "vkontakteColorImTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2D81E0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "vkontakteColorInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontakteColorLoaderBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorLoaderTint": { - "active": "#6D7075", - "hover": "#717478", + "active": "#818385", + "hover": "#7B7D7F", "normal": "#76787a", }, "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "vkontakteColorModalCardHeaderClose": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteColorMusicPlaybackIcon": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteColorPanelTabActiveText": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#aeb7c2", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteColorPlaceholderIconTint": { - "active": "#001B3D", - "hover": "#001C3D", - "normal": "#001c3d", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteColorPollOptionBackground": { - "active": "#3F6088", - "hover": "#42648C", - "normal": "#45678f", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteColorSearchBarBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorSearchBarFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteColorSkeletonShimmerFrom": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorSnippetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontakteColorSplashScreenIcon": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorStatusBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteColorTabbarActiveIcon": { - "active": "#266DC1", - "hover": "#2771C6", - "normal": "#2975cc", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteColorTabbarBackground": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "vkontakteColorTabbarInactiveIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#848992", - "hover": "#8A8F95", - "normal": "#909499", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteColorTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "vkontakteFloatButtonForeground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", @@ -488181,7573 +491534,4389 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", "vkontakteImAttachTint": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteImBubbleButtonForeground": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "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.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", }, "vkontakteImBubbleGiftBackground": { - "active": "#E0D6B8", - "hover": "#EADEBE", - "normal": "#f4e7c3", + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#857250", }, "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#D1C3A3", - "hover": "#DACBA8", - "normal": "#e3d3ac", + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#ab9871", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#BCC3EF", - "hover": "#C4CBF7", - "normal": "#ccd3ff", + "active": "#4F588A", + "hover": "#485085", + "normal": "#404980", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImBubbleOutgoingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteImBubbleOutgoingHighlighted": { - "active": "#9FC3EF", - "hover": "#A6CBF7", - "normal": "#add3ff", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "vkontakteImReplySeparator": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "vkontakteImToolbarVoiceMsgBackground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "vkontakteLandingBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(0, 57, 115, 0.18)", - "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.10)", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontaktePaletteBlack": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkontakteAndroidDark 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)", - }, - "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.4, 0, 0.2, 1))", - }, - "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)", - }, + "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))", + "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": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", - }, + "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": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", - }, + "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": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, + "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": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, + "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": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", - }, + "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": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", - }, + "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": { - "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": "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": { - "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": "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": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", - }, + "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": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", - }, + "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": { - "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": "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": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #FF4356)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, + "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": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", - }, + "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": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", - }, + "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": { - "name": "--vkui--color_action_sheet_text--active", - "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, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", - }, + "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": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", - }, + "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": { - "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": "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, #1E1E1E)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", - }, + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", - }, + "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": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", - }, + "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": { - "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": "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": { - "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": "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": { - "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": "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": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", - }, + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", - }, + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, "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": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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": { - "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": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", - }, + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "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, #25415B)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", - }, + "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": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", - }, + "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": { - "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": "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": { - "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": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "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)", - }, + "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_background_positive_tint--active", - "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, #364633)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", - }, + "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": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", - }, + "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": { - "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_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "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.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": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", - }, + "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": { - "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_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", - }, - }, - "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", - }, - "normal": { - "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, #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": { - "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": { - "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": { - "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": { - "name": "--vkui--color_field_border_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "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, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", - }, - }, - "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", - }, - }, - "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(241, 247, 255, 0.74))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "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(241, 247, 255, 0.66))", - }, - }, - "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, #59B959)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, - }, - "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", - }, - }, - "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, #818385)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "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(241, 247, 255, 0.51))", - }, - "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "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(241, 247, 255, 0.43))", - }, - }, - "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "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))", - }, - "hover": { - "name": "--vkui--color_icon_tertiary_alpha--hover", - "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.30))", - }, - }, - "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "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(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, #3B3C3D)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "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(241, 247, 255, 0.16))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "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(241, 247, 255, 0.08))", - }, - }, - "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.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.40))", - }, - }, - "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, - }, - "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "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)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", - }, - }, - "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, #464748)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", - }, - }, - "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", - }, - }, - "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "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(255, 255, 255, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "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(255, 255, 255, 0.12))", - }, - }, - "colorSeparatorSecondary": { - "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", - }, - }, - "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", - }, - }, - "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", - }, - }, - "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", - }, - }, - "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, #59B959)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, - }, - "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, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", - }, - }, - "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, #141414)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", - }, - }, - "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", - }, - }, - "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, #5890D0)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", - }, - }, - "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", - }, - }, - "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, #59B959)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, - }, - "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", - }, - }, - "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", - }, - }, - "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", - }, - }, - "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", - }, - }, - "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", - }, - }, - "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", - }, - }, - "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", - }, - }, - "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", - }, - }, - "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", - }, - }, - "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, #818385)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "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, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "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, #2c2d2e)", - }, - }, - "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, 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 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 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 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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, - }, - }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "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, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", - }, - "lineHeight": { - "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)", - }, - }, - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, + "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))", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, - }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, - }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #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, -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, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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)", - }, - }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 600)", + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #353536)", + "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_field_background, #232324)", }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "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))", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 600)", + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 500)", + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", + "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)", }, - "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%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%)", + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, - "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%)", + "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)", }, - "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%, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 100%)", + "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)", }, - "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%)", + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #b0b1b6)", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "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))", }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, - "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #59B959)", + "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, - "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)", - }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_primary, #e1e3e6)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #818385)", + "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_icon_secondary, #76787a)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", + "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, - "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)", - }, + "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)", }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", - }, + "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)", }, - "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)", - }, + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, - "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)", - }, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #464748)", + "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "normal": "var(--vkui--color_separator_primary, #363738)", }, - "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)", - }, + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #535455)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "normal": "var(--vkui--color_separator_primary2x, #444546)", }, - "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)", - }, + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #272728)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "normal": "var(--vkui--color_separator_secondary, #141415)", }, - "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)", - }, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #353536)", + "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "normal": "var(--vkui--color_skeleton_from, #232324)", }, - "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)", - }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, - "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)", - }, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #529ef4)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, - "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)", - }, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, - "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)", - }, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #59B959)", + "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #E3E5E8)", + "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_muted, #e1e3e6)", }, - "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)", - }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, - "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)", - }, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #59B959)", + "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, - "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)", - }, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, - "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)", - }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, - "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)", - }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", - }, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, - "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)", - }, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", - }, + "colorTrackBackground": { + "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, #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))", + "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, #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, #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, #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, 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": { "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "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)", }, }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", - }, + "fontCaption1Caps": { "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "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)", }, }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", - }, + "fontCaption2": { "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "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)", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", - }, + "fontCaption2Caps": { "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "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)", }, }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", - }, + "fontCaption3": { "regular": { - "name": "--vkui--size_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "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)", }, }, - "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)", - }, + "fontCaption3Caps": { "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "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)", }, }, - "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)", - }, + "fontDisplayTitle1": { "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "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)", }, }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_padding)", - }, + "fontDisplayTitle2": { "compact": { - "name": "--vkui--size_popup_header_padding--compact", - "value": "var(--vkui--size_popup_header_padding--compact, 16px)", + "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": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "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)", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", - }, + "fontDisplayTitle3": { "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)", + "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)", }, + }, + "fontDisplayTitle4": { "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 680px)", + "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)", }, }, - "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", - }, + "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": { "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "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)", }, }, - "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)", - }, + "fontFootnoteCaps": { "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "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)", }, }, - "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", - }, + "fontHeadline": { "compact": { - "name": "--vkui--size_select_icon_padding--compact", - "value": "var(--vkui--size_select_icon_padding--compact, 7px)", + "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": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "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)", }, }, - "sizeSplitColPaddingHorizontal": { - "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "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": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "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)", }, }, - "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "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)", }, }, - "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", - }, + "fontParagraph": { "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "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)", }, }, - "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", - }, + "fontSubhead": { "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "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": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "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)", }, }, - "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", - }, + "fontText": { "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "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": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "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)", }, }, - "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)", - }, + "fontTitle1": { "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "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)", }, }, - "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "fontTitle2": { + "regular": { + "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": { "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "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)", }, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteAndroidDark)", + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteAndroid)", + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "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))", - }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, - "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)", - }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, - "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))", - }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", }, - "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)", - }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, - "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)", - }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, - "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))", - }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, - "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)", - }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, - "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)", - }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, - "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)", - }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "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))", - }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, - "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)", - }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, - "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)", - }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, - "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)", - }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, - "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)", - }, + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, - "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)", - }, + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, - "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)", - }, + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, - "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)", - }, + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, - "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)", - }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "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)", - }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, - "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)", - }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, - "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)", - }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, - "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))", - }, + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, - "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)", - }, + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, - "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)", - }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "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)", - }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, - "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)", - }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, - "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)", - }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, - "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)", - }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--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, #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)", - }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, - "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))", - }, + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, - "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)", - }, + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, - "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)", - }, + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, - "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))", - }, + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, - "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)", - }, + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "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)", - }, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "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))", - }, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "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)", - }, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "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)", - }, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "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)", - }, + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "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)", - }, + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "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)", - }, + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, - "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)", - }, + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, - "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)", - }, + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, - "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)", - }, + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "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)", - }, + "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, 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)", + }, + "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, vkBaseDark)", + "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)", }, - "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)", - }, + "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)", }, - "vkontakteColorSnippetBackground": { - "active": { - "name": "--vkui--vkontakte_color_snippet_background--active", - "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, #2C2C2D)", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", - }, + "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))", }, - "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))", - }, - "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))", - }, + "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)", }, - "vkontakteColorSplashScreenIcon": { - "active": { - "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", - }, + "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)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #19191a)", - }, + "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)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", - }, + "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)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", - }, + "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)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", - }, + "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)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", - }, + "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)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", - }, + "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)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", - }, + "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)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #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)", }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "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)", }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "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))", }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "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)", }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "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)", }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "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)", }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "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)", }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "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)", }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "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)", }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "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)", }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "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))", }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "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)", }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "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)", }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "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))", }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "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)", }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "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)", }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "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))", }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "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)", }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "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)", }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "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)", }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "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)", }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "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)", }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "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)", }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "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)", }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "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)", }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "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)", }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "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)", }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "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)", }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "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))", }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "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)", }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "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)", }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "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)", }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "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)", }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "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)", }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", "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)", - }, + "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": { - "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)", - }, + "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": { - "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))", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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))", - }, + "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))", }, "vkontaktePaletteBlack": { - "active": { - "name": "--vkui--vkontakte_palette_black--active", - "value": "var(--vkui--vkontakte_palette_black--active, #141414)", - }, - "hover": { - "name": "--vkui--vkontakte_palette_black--hover", - "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", - }, - "normal": { - "name": "--vkui--vkontakte_palette_black", - "value": "var(--vkui--vkontakte_palette_black, #000000)", - }, + "active": "var(--vkui--vkontakte_palette_black--active, #141414)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", }, "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)", - }, - }, - "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)", + "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 vkontakteAndroidDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from CssVars 2`] = ` { - "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)", + "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))", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "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": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "var(--vkui--color_accent_blue--active, #60A6F5)", + "hover": "var(--vkui--color_accent_blue--hover, #59A2F4)", + "normal": "var(--vkui--color_accent_blue, #529ef4)", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "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": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "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": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "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": "#F16953", - "hover": "#F1634B", - "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": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "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": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "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": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "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": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "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": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "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": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "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": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "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": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "var(--vkui--color_action_sheet_text--active, #60A6F5)", + "hover": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + "normal": "var(--vkui--color_action_sheet_text, #529ef4)", }, "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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, #00000099)", }, "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, #ffffffd8)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "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(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, #ffffff33)", }, "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "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)", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "var(--vkui--color_background_content--active, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #222222)", + "normal": "var(--vkui--color_background_content, #191919)", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, "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, #ffffff33)", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "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": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "var(--vkui--color_background_modal--active, #2F2F2F)", + "hover": "var(--vkui--color_background_modal--hover, #262626)", + "normal": "var(--vkui--color_background_modal, #1d1d1d)", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "var(--vkui--color_background_secondary--active, #353535)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "normal": "var(--vkui--color_background_secondary, #232323)", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "var(--vkui--color_background_tertiary--active, #323232)", + "hover": "var(--vkui--color_background_tertiary--hover, #292929)", + "normal": "var(--vkui--color_background_tertiary, #202020)", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "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, #ffffff07)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#353536", - "hover": "#2C2C2D", - "normal": "#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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 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, #ffffff1e)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "var(--vkui--color_header_background--active, #2B2B2B)", + "hover": "var(--vkui--color_header_background--hover, #222222)", + "normal": "var(--vkui--color_header_background, #191919)", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "var(--vkui--color_icon_medium--active, #B7B7B7)", + "hover": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + "normal": "var(--vkui--color_icon_medium, #b1b1b1)", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "var(--vkui--color_icon_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_icon_primary, #e3e3e3)", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "var(--vkui--color_icon_primary_invariably--active, #333333)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "var(--vkui--color_icon_secondary--active, #838383)", + "hover": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_icon_secondary, #787878)", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", + "hover": "var(--vkui--color_icon_tertiary--hover, #656565)", + "normal": "var(--vkui--color_icon_tertiary, #5f5f5f)", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "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, #ffffff4c)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #edb055)", }, "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(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, #ffffff14)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + "hover": "var(--vkui--color_image_placeholder--hover, #333333)", + "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "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.40)", + "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, #00000066)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "var(--vkui--color_search_field_background--active, #474747)", + "hover": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + "normal": "var(--vkui--color_search_field_background, #373737)", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "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": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "var(--vkui--color_separator_primary--active, #474747)", + "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "normal": "var(--vkui--color_separator_primary, #373737)", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "var(--vkui--color_separator_primary2x--active, #545454)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "normal": "var(--vkui--color_separator_primary2x, #454545)", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "var(--vkui--color_separator_primary3x--active, #606060)", + "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", + "normal": "var(--vkui--color_separator_primary3x, #525252)", }, "colorSeparatorPrimaryAlpha": { - "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_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, #ffffff1e)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "var(--vkui--color_separator_secondary--active, #272727)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "normal": "var(--vkui--color_separator_secondary, #141414)", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_from--hover, #353535)", + "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_to--hover, #353535)", + "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "var(--vkui--color_stroke_positive--active, #59B959)", + "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_stroke_primary, #e3e3e3)", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#7CB1ED", - "hover": "#77ADEC", - "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": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "var(--vkui--color_text_muted--active, #C9C9C9)", + "hover": "var(--vkui--color_text_muted--hover, #C6C6C6)", + "normal": "var(--vkui--color_text_muted, #c4c4c4)", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "var(--vkui--color_text_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_text_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_text_primary, #e3e3e3)", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "var(--vkui--color_text_primary_invariably--active, #333333)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "var(--vkui--color_text_secondary--active, #838383)", + "hover": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_text_secondary, #787878)", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "var(--vkui--color_text_subhead--active, #A2A2A2)", + "hover": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + "normal": "var(--vkui--color_text_subhead, #9a9a9a)", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + "hover": "var(--vkui--color_text_tertiary--hover, #656565)", + "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "var(--vkui--color_track_background--active, #555555)", + "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", + "normal": "var(--vkui--color_track_background, #464646)", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "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": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + "hover": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + "normal": "var(--vkui--color_write_bar_icon, #529ef4)", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", }, "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(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", }, - "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)", + "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "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)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "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)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "12px", + "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)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "12px", - "textTransform": "uppercase", + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "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)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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": ""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": "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", + "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)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", - "textTransform": "uppercase", + "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)", }, }, "fontHeadline": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", }, }, "fontHeadline2": { "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "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)", }, }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "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)", }, }, "fontSubhead": { "compact": { - "fontSize": "13px", - "letterSpacing": "0.15px", - "lineHeight": "16px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "18px", + "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": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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)", }, }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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, + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", + "gradient": "var(--vkui--gradient, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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)", "sizeArrow": { - "regular": "8px", + "regular": "var(--vkui--size_arrow--regular, 8px)", }, "sizeArrowPadding": { - "regular": "12px", + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { - "regular": "40px", + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "sizeAvatarL": { - "regular": "96px", + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, "sizeAvatarM": { - "regular": "48px", + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, "sizeAvatarS": { - "regular": "32px", + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, "sizeAvatarXL": { - "regular": "128px", + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, "sizeAvatarXS": { - "regular": "24px", + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, "sizeBadgeL": { - "regular": "44px", + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, "sizeBadgeM": { - "regular": "24px", + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, "sizeBadgeS": { - "regular": "16px", + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, "sizeBadgeXL": { - "regular": "56px", + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, "sizeBadgeXS": { - "regular": "12px", + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, "sizeBorder1x": { - "regular": "1px", + "regular": "var(--vkui--size_border1x--regular, 1px)", }, "sizeBorder2x": { - "regular": "0.5px", + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, "sizeBorder3x": { - "regular": "0.33px", + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": "80px", + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { - "regular": "8px", + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, "sizeCheckbox": { - "regular": "16px", + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { - "regular": "16px", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, "sizePopupLarge": { - "regular": "880px", + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMedium": { - "regular": "680px", + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "430px", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { - "regular": "8px", + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkontakteAndroidDark", - "themeNameBase": "vkontakteAndroid", + "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, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkontakteAndroidDark)", + "themeNameBase": "var(--vkui--theme_name_base, 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)", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E5D7B3", - "hover": "#E4D5AF", - "normal": "#E3D3AC", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "#373C5B", - "hover": "#2F3354", - "normal": "#262B4D", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#6671B9", - "hover": "#606BB6", - "normal": "#5965B3", + "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": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "vkontakteColorTabbarBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", "vkontakteImAttachTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "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": "#8F7D5E", - "hover": "#8A7857", - "normal": "#857250", + "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": "#B2A07C", - "hover": "#AE9C77", - "normal": "#ab9871", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#4F588A", - "hover": "#485085", - "normal": "#404980", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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))", }, "vkontaktePaletteBlack": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "var(--vkui--vkontakte_palette_black--active, #141414)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", + "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": 99, - "zIndexPopout": 100, + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkontakteAndroidDark theme should match root 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.4, 0, 0.2, 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": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#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": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "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": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "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": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#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)", + "active": "#59B959", + "hover": "#52B652", + "normal": "#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": "#B5F820", + "hover": "#B2F717", + "normal": "#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": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "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": "#F16953", + "hover": "#F1634B", + "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": "#FFC56F", + "hover": "#FFC368", + "normal": "#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": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "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": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "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": "#F16DC5", + "hover": "#F166C3", + "normal": "#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": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "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": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "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": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "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": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "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": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "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, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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(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, #67A6FF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "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": "#2E4962", + "hover": "#25415B", + "normal": "#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": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#FF6969", + "hover": "#FF6363", + "normal": "#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)", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "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": "#59B959", + "hover": "#52B652", + "normal": "#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": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "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": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "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": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "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": "#564328", + "hover": "#4E3B1E", + "normal": "#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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#353536", + "hover": "#2C2C2D", + "normal": "#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": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "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": "#2B2B2C", + "hover": "#222223", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "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": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "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": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#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": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "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)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#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": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "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": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "#3D3E3F", + "hover": "#343536", + "normal": "#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": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "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": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "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)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#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": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "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": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "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(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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "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": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "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": "#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.40))", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "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": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#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": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "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": "#6F6F70", + "hover": "#68696A", + "normal": "#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": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "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": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "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": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "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": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "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": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "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": "#FF6969", + "hover": "#FF6363", + "normal": "#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": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "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": "#818385", + "hover": "#7B7D7F", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#141414", + "hover": "#0A0A0A", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#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": "#5890D0", + "hover": "#508BCE", + "normal": "#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": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#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": "#59B959", + "hover": "#52B652", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "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": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "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": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "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": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "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": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "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(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "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": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "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, 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))", + "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": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 14, + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 14, + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 12, + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, }, "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "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": ""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": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + "textTransform": "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": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": 20, }, }, "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": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": 20, }, }, "fontHeadline2": { "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "fontSize": 14, + "lineHeight": 20, }, "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, }, "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": 13, + "letterSpacing": "0.15px", + "lineHeight": 16, }, "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": 18, }, }, "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": 15, + "letterSpacing": "0.15px", + "lineHeight": 20, }, "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontTitle3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "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, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", - "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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)", + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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, "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", + "regular": 8, }, "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "regular": 12, }, "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "regular": 40, }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "regular": 96, }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "regular": 48, }, "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "regular": 32, }, "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "regular": 128, }, "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "regular": 24, }, "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "regular": 44, }, "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "regular": 24, }, "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "regular": 16, }, "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "regular": 56, }, "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "regular": 1, }, "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "regular": 1, }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "regular": 80, }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "regular": 4, }, "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "regular": 16, }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": 880, }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": 680, }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": 430, }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "regular": 8, }, - "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, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkontakteAndroidDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", - "themeType": "pixelify", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkontakteAndroidDark", + "themeNameBase": "vkontakteAndroid", + "themeType": "root", "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": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "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)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "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": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#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)", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "#999DA1", + "hover": "#94989D", + "normal": "#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)", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#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))", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#E5D7B3", + "hover": "#E4D5AF", + "normal": "#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": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#373C5B", + "hover": "#2F3354", + "normal": "#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": "#545556", + "hover": "#4C4D4E", + "normal": "#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)", + "active": "#6671B9", + "hover": "#606BB6", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "#999DA1", + "hover": "#94989D", + "normal": "#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)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#2B2B2C", + "hover": "#222223", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#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)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "#818385", + "hover": "#7B7D7F", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, - "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "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)", + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#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)", + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#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": "#6A6C6E", + "hover": "#636567", + "normal": "#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)", + "active": "#4F588A", + "hover": "#485085", + "normal": "#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": "#6A6C6E", + "hover": "#636567", + "normal": "#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)", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#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)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#545556", + "hover": "#4C4D4E", + "normal": "#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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontaktePaletteBlack": { - "active": "var(--vkui--vkontakte_palette_black--active, #141414)", - "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", - "normal": "var(--vkui--vkontakte_palette_black, #000000)", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "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": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", }, - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -495757,17 +495926,17 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAccentCyan": { "active": "#26FFD4", "hover": "#1CFFD2", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#AAB4BE", @@ -495782,7 +495951,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorAccentLime": { "active": "#B5F820", "hover": "#B2F717", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#FFA814", @@ -495797,12 +495966,12 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorAccentOrangePeach": { "active": "#FFC56F", "hover": "#FFC368", - "normal": "#FFC062", + "normal": "#ffc062", }, "colorAccentPink": { "active": "#F56CFF", "hover": "#F465FF", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#A18FFF", @@ -495830,19 +495999,19 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { "active": "#1E1E1E", @@ -495857,7 +496026,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorBackgroundAccentAlternative": { "active": "#60A6F5", "hover": "#59A2F4", - "normal": "#529EF4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -495867,7 +496036,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "#ffffff33", }, "colorBackgroundAccentTint": { "active": "#67A6FF", @@ -495875,9 +496044,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -495890,29 +496059,29 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundInfoTint": { "active": "#2E4962", "hover": "#25415B", - "normal": "#1C3954", + "normal": "#1c3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -495927,7 +496096,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundPositive": { "active": "#59B959", @@ -495937,27 +496106,27 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorBackgroundPositiveTint": { "active": "#3F4D3C", "hover": "#364633", - "normal": "#2E3E2B", + "normal": "#2e3e2b", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", }, "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.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#323232", + "hover": "#292929", + "normal": "#202020", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "normal": "#ffffff07", }, "colorBackgroundWarning": { "active": "#564328", @@ -495980,19 +496149,19 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorIconAccent": { "active": "#60A6F5", @@ -496010,9 +496179,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#141414", @@ -496020,14 +496189,14 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#000000", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", }, "colorIconNegative": { "active": "#FF6969", @@ -496040,54 +496209,54 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorIconTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.38)", "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "normal": "#ffffff4c", }, "colorIconWarning": { "active": "#EEB663", "hover": "#EEB35C", - "normal": "#EDB055", + "normal": "#edb055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "#ffffff14", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -496097,12 +496266,12 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -496110,9 +496279,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -496120,39 +496289,39 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#606060", + "hover": "#595959", + "normal": "#525252", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorStrokeAccent": { "active": "#60A6F5", @@ -496179,10 +496348,15 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextAccent": { "active": "#60A6F5", @@ -496225,9 +496399,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", }, "colorTextNegative": { "active": "#FF6969", @@ -496240,44 +496414,44 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", }, "colorTrackBuffer": { "active": "#4F647D", @@ -496285,29 +496459,29 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "normal": "#405772", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -496538,9 +496712,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1 "fontWeightBase1": 600, "fontWeightBase2": 500, "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%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%", + "gradient": "rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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%, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 100%", + "gradientTint": "rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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, diff --git a/src/interfaces/themes/legoAndroid/index.ts b/src/interfaces/themes/legoAndroid/index.ts index 46f6c239..36001951 100644 --- a/src/interfaces/themes/legoAndroid/index.ts +++ b/src/interfaces/themes/legoAndroid/index.ts @@ -1,5 +1,30 @@ -export { - ThemeVkontakteAndroid as ThemeLegoAndroid, - ThemeVkontakteAndroidCssVars as ThemeLegoAndroidCssVars, - ThemeVkontakteAndroidDescription as ThemeLegoAndroidDescription, +import { ThemeCssVars } from '@/interfaces/general'; +import { + ColorDescription, + ColorsDescriptionStruct, + ColorWithStates, +} from '@/interfaces/general/colors'; +import { + LocalVkontakteAndroidColorsDescriptionStruct, + ThemeVkontakteAndroid, + ThemeVkontakteAndroidDescription, } from '@/interfaces/themes/vkontakteAndroid'; + +// Описание локальных цветов +export interface LocalLegoAndroidColorsDescriptionStruct { + colorStrokePrimary: ColorDescription; +} + +// Резолв локальных цветов +export type LegoAndroidLocalColors = { + [key in keyof LocalLegoAndroidColorsDescriptionStruct]: ColorWithStates; +}; + +// Эскпорт интерфейсов описанной + наследованной темы +export interface ThemeLegoAndroid extends ThemeVkontakteAndroid, LegoAndroidLocalColors {} +export interface ThemeLegoAndroidDescription extends ThemeVkontakteAndroidDescription { + colors: LocalLegoAndroidColorsDescriptionStruct & + LocalVkontakteAndroidColorsDescriptionStruct & + ColorsDescriptionStruct; +} +export interface ThemeLegoAndroidCssVars extends ThemeCssVars {} diff --git a/src/interfaces/themes/legoAndroidDark/index.ts b/src/interfaces/themes/legoAndroidDark/index.ts index ad81a1c3..2db0c75b 100644 --- a/src/interfaces/themes/legoAndroidDark/index.ts +++ b/src/interfaces/themes/legoAndroidDark/index.ts @@ -1,5 +1,6 @@ +// Реэкспорт интерфейсов, так как набор переменных в тёмной теме такой же export { - ThemeVkontakteAndroidDark as ThemeLegoAndroidDark, - ThemeVkontakteAndroidDarkCssVars as ThemeLegoAndroidDarkCssVars, - ThemeVkontakteAndroidDarkDescription as ThemeLegoAndroidDarkDescription, -} from '@/interfaces/themes/vkontakteAndroidDark'; + ThemeLegoAndroid as ThemeLegoAndroidDark, + ThemeLegoAndroidCssVars as ThemeLegoAndroidDarkCssVars, + ThemeLegoAndroidDescription as ThemeLegoAndroidDarkDescription, +} from '@/interfaces/themes/legoAndroid'; diff --git a/src/lint/__snapshots__/lint.test.ts.snap b/src/lint/__snapshots__/lint.test.ts.snap index 315b77c9..fa0a35e0 100644 --- a/src/lint/__snapshots__/lint.test.ts.snap +++ b/src/lint/__snapshots__/lint.test.ts.snap @@ -2,6 +2,44 @@ exports[`lint snapshot 1`] = ` [ + "vkontakteAndroid: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroid: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "vkontakteAndroidDark: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", "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", diff --git a/src/themeDescriptions/index.ts b/src/themeDescriptions/index.ts index 23a609bd..aa9d2fde 100644 --- a/src/themeDescriptions/index.ts +++ b/src/themeDescriptions/index.ts @@ -3,8 +3,8 @@ import { callsTheme } from '@/themeDescriptions/themes/calls'; import { cloudDarkTheme, cloudTheme } from '@/themeDescriptions/themes/cloud'; import { dobroDarkTheme, dobroTheme } from '@/themeDescriptions/themes/dobro'; import { homeDarkTheme, homeTheme } from '@/themeDescriptions/themes/home'; -import { legoAndroidTheme, legoAndroidThemeDark } from '@/themeDescriptions/themes/legoAndroid'; -import { legoIOSTheme, legoIOSThemeDark } from '@/themeDescriptions/themes/legoIOS'; +import { legoAndroidTheme, legoAndroidThemeDark } from '@/themeDescriptions/themes/lego/android'; +import { legoIOSTheme, legoIOSThemeDark } from '@/themeDescriptions/themes/lego/ios'; import { mediaDarkTheme, mediaTheme } from '@/themeDescriptions/themes/media'; import { mycomTheme } from '@/themeDescriptions/themes/mycom'; import { diff --git a/src/themeDescriptions/themes/lego/android.ts b/src/themeDescriptions/themes/lego/android.ts new file mode 100644 index 00000000..0918ad85 --- /dev/null +++ b/src/themeDescriptions/themes/lego/android.ts @@ -0,0 +1,74 @@ +import { ThemeLegoAndroidDescription } from '@/interfaces/themes/legoAndroid'; +import { ThemeLegoAndroidDarkDescription } from '@/interfaces/themes/legoAndroidDark'; +import { + vkontakteAndroidTheme, + vkontakteAndroidThemeDark, +} from '@/themeDescriptions/themes/vkontakteAndroid'; + +import figma from './figma.json'; +import { findFigmaToken } from './helpers/findFigmaToken'; + +export const legoAndroidTheme: ThemeLegoAndroidDescription = { + themeName: 'legoAndroid', // название текущей темы + themeNameBase: 'legoAndroid', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteAndroid', // название родительской темы + + ...vkontakteAndroidTheme, // импорт светлой базовой темы + + colors: { + // Импорт изначальных токенов + ...vkontakteAndroidTheme.colors, + // Переопределение токенов, которые есть в figma.json + ...Object.fromEntries( + Object.keys(vkontakteAndroidTheme.colors).reduce((acc, key) => { + const figmaToken = findFigmaToken(figma, key); + if (figmaToken) { + acc.push([key, figmaToken.light]); + } + return acc; + }, []), + ), + // Здесь нужно прописать другие цвета с особыми различиями нейминга + // Локальные цвета, используемые только в этой теме + // Или цвета, которые не выгружаются из фигмы, но переопределяются в этой теме + colorStrokePrimary: figma.appearance.strokePrimary.light, + }, + // Изменённые не-цвета + sizeBasePaddingHorizontal: { + regular: figma.tokens.sizeBasePaddingHorizontal.android, + }, + // Фигма использует целые проценты, а не сотые единицы + // Поэтому здесь нужно поделить на сто + // Округление пока не стал писать + opacityDisable: figma.tokens.opacityDisabled.android / 100, + opacityDisableAccessibility: figma.tokens.opacityDisabled.android / 100, +}; + +export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { + themeName: 'legoAndroidDark', // название текущей темы + themeNameBase: 'legoAndroid', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteAndroidDark', // название родительской темы + colorsScheme: 'dark', // название схемы (светлая — по умолчанию) + + ...legoAndroidTheme, // импорт светлой версии текущей темы, + ...vkontakteAndroidThemeDark, // импорт тёмной базовой темы + + colors: { + ...vkontakteAndroidThemeDark.colors, + // Переопределение токенов, которые есть в figma.json + // То же самое, что в светлой теме, но ссылаемся на figmaToken.dark вместо light + ...Object.fromEntries( + Object.keys(vkontakteAndroidTheme.colors).reduce((acc, key) => { + const figmaToken = findFigmaToken(figma, key); + if (figmaToken) { + acc.push([key, figmaToken.dark]); + } + return acc; + }, []), + ), + // Здесь нужно прописать другие цвета с особыми различиями нейминга + // Локальные цвета, используемые только в этой теме + // Или цвета, которые не выгружаются из фигмы, но переопределяются в этой теме + colorStrokePrimary: figma.appearance.strokePrimary.dark, + }, +}; diff --git a/src/themeDescriptions/themes/lego/figma.json b/src/themeDescriptions/themes/lego/figma.json new file mode 100644 index 00000000..5c021d45 --- /dev/null +++ b/src/themeDescriptions/themes/lego/figma.json @@ -0,0 +1,1150 @@ +{ + "appearance": { + "backgroundAccent": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "textPrimary": { + "light": "#212121", + "dark": "#e3e3e3" + }, + "textContrastThemed": { + "light": "#ffffff", + "dark": "#000000" + }, + "backgroundAccentThemed": { + "light": "#2688eb", + "dark": "#ffffff" + }, + "backgroundContent": { + "light": "#ffffff", + "dark": "#191919" + }, + "iconAccentThemed": { + "light": "#2688eb", + "dark": "#ffffff" + }, + "iconContrastThemed": { + "light": "#ffffff", + "dark": "#000000" + }, + "iconAccent": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "iconSecondary": { + "light": "#a3a3a3", + "dark": "#787878" + }, + "textSecondary": { + "light": "#878a8c", + "dark": "#787878" + }, + "textTertiary": { + "light": "#a1a1a1", + "dark": "#5f5f5f" + }, + "textAccentThemed": { + "light": "#2688eb", + "dark": "#ffffff" + }, + "textContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "strokeImageBorderAlpha": { + "light": "#00000014", + "dark": "#ffffff14" + }, + "strokeAccent": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "strokeSeparatorPrimaryAlpha": { + "light": "#0000001e", + "dark": "#ffffff1e" + }, + "paletteAccentRed": { + "light": "#ff3347", + "dark": "#ff3347" + }, + "paletteAccentGreen": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "backgroundAccentTint": { + "light": "#5a9eff", + "dark": "#5a9eff" + }, + "backgroundAccentAlternative": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "backgroundBackground": { + "light": "#ededed", + "dark": "#0a0a0a" + }, + "backgroundSecondary": { + "light": "#f5f5f5", + "dark": "#232323" + }, + "backgroundSecondaryAlpha": { + "light": "#0000000a", + "dark": "#ffffff19" + }, + "backgroundTertiary": { + "light": "#f9f9f9", + "dark": "#202020" + }, + "backgroundTertiaryAlpha": { + "light": "#00000007", + "dark": "#ffffff07" + }, + "backgroundContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "backgroundContrastSecondaryAlpha": { + "light": "#ffffff33", + "dark": "#ffffff33" + }, + "backgroundContrastInverse": { + "light": "#2d2d2d", + "dark": "#2d2d2d" + }, + "backgroundModal": { + "light": "#ffffff", + "dark": "#1d1d1d" + }, + "backgroundModalInverse": { + "light": "#1d1d1d", + "dark": "#ffffff" + }, + "backgroundWarning": { + "light": "#fff2d6", + "dark": "#473315" + }, + "backgroundPositive": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "backgroundNegative": { + "light": "#e64646", + "dark": "#ff5c5c" + }, + "backgroundPositiveTint": { + "light": "#e8f9e8", + "dark": "#2e3e2b" + }, + "backgroundNegativeTint": { + "light": "#ffe9e9", + "dark": "#522e2e" + }, + "backgroundFieldBackground": { + "light": "#ebebeb", + "dark": "#292929" + }, + "backgroundHeaderBackground": { + "light": "#ffffff", + "dark": "#191919" + }, + "textAccent": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "textPrimaryInvariably": { + "light": "#212121", + "dark": "#212121" + }, + "textSubhead": { + "light": "#757575", + "dark": "#9a9a9a" + }, + "textPositive": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "textNegative": { + "light": "#e64646", + "dark": "#ff5c5c" + }, + "textLink": { + "light": "#2d81e0", + "dark": "#529ef4" + }, + "textLinkThemed": { + "light": "#2d81e0", + "dark": "#ffffff" + }, + "textLinkTint": { + "light": "#71aaeb", + "dark": "#71aaeb" + }, + "textLinkVisited": { + "light": "#4986cc", + "dark": "#4986cc" + }, + "textMuted": { + "light": "#333333", + "dark": "#c4c4c4" + }, + "textLinkContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "iconPrimary": { + "light": "#212121", + "dark": "#e3e3e3" + }, + "iconPrimaryInvariably": { + "light": "#212121", + "dark": "#212121" + }, + "iconMedium": { + "light": "#8a8a8a", + "dark": "#b1b1b1" + }, + "iconMediumAlpha": { + "light": "#0000007a", + "dark": "#f6f6f6a8" + }, + "iconSecondaryAlpha": { + "light": "#0000005b", + "dark": "#f6f6f66d" + }, + "iconTertiary": { + "light": "#c2c2c2", + "dark": "#5f5f5f" + }, + "iconTertiaryAlpha": { + "light": "#0000003d", + "dark": "#ffffff4c" + }, + "iconContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "iconContrastSecondary": { + "light": "#f3f3f3", + "dark": "#f3f3f3" + }, + "iconPositive": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "iconNegative": { + "light": "#e64646", + "dark": "#ff5c5c" + }, + "strokeAccentThemed": { + "light": "#2688eb", + "dark": "#ffffff" + }, + "strokeSeparatorPrimary": { + "light": "#d8d8d8", + "dark": "#373737" + }, + "strokeSeparatorPrimary2x": { + "light": "#cccccc", + "dark": "#454545" + }, + "strokeSeparatorPrimary3x": { + "light": "#bfbfbf", + "dark": "#525252" + }, + "strokeSeparatorSecondary": { + "light": "#e3e3e3", + "dark": "#141414" + }, + "strokePositive": { + "light": "#4bb34b", + "dark": "#4bb34b" + }, + "strokeNegative": { + "light": "#e64646", + "dark": "#ff5c5c" + }, + "strokeContrast": { + "light": "#ffffff", + "dark": "#ffffff" + }, + "strokeFieldBorderAlpha": { + "light": "#0000001e", + "dark": "#ffffff1e" + }, + "otherOverlayPrimary": { + "light": "#00000066", + "dark": "#00000066" + }, + "otherAvatarOverlay": { + "light": "#00000099", + "dark": "#00000099" + }, + "otherAvatarOverlayInverseAlpha": { + "light": "#ffffffd8", + "dark": "#ffffffd8" + }, + "otherActionSheetText": { + "light": "#3f8ae0", + "dark": "#529ef4" + }, + "otherTrackBackground": { + "light": "#ebebeb", + "dark": "#464646" + }, + "otherTrackBuffer": { + "light": "#a0bfe4", + "dark": "#405772" + }, + "otherSearchFieldBackground": { + "light": "#ebebeb", + "dark": "#373737" + }, + "otherPanelHeaderIcon": { + "light": "#2688eb", + "dark": "#71aaeb" + }, + "otherSegmentedControl": { + "light": "#ffffff", + "dark": "#626364" + }, + "otherTransparent": { + "light": "#00000000", + "dark": "#00000000" + }, + "otherImagePlaceholder": { + "light": "#f3f3f3", + "dark": "#2b2b2b" + }, + "otherImagePlaceholderAlpha": { + "light": "#2121210f", + "dark": "#f6f6f614" + }, + "otherSkeletonFrom": { + "light": "#f5f5f5", + "dark": "#2d2d2d" + }, + "otherSkeletonTo": { + "light": "#ebebeb", + "dark": "#2d2d2d" + }, + "otherWriteBarIcon": { + "light": "#3f8ae0", + "dark": "#529ef4" + }, + "otherWriteBarInputBackground": { + "light": "#f3f3f3", + "dark": "#2d2d2d" + }, + "otherWriteBarInputBorder": { + "light": "#ebebeb", + "dark": "#2d2d2d" + }, + "otherWriteBarInputBorderAlpha": { + "light": "#00000014", + "dark": "#ffffff14" + }, + "statesHoverBackgroundAccent": { + "light": "#2c7cde", + "dark": "#59a2f4" + }, + "paletteAccentBlue": { + "light": "#2688eb", + "dark": "#529ef4" + }, + "paletteAccentGray": { + "light": "#a3adb8", + "dark": "#a3adb8" + }, + "paletteAccentOrange": { + "light": "#ffa000", + "dark": "#ffa000" + }, + "paletteAccentOrangeFire": { + "light": "#f05c44", + "dark": "#f05c44" + }, + "paletteAccentPurple": { + "light": "#735ce6", + "dark": "#9985ff" + }, + "paletteAccentViolet": { + "light": "#792ec0", + "dark": "#a94fff" + }, + "paletteAccentRaspberryPink": { + "light": "#e03fab", + "dark": "#f060c0" + }, + "paletteAccentSecondary": { + "light": "#3f8ae0", + "dark": "#3f8ae0" + }, + "statesActiveBackgroundAccent": { + "light": "#1e6fdb", + "dark": "#60a6f5" + }, + "statesHoverBackgroundAccentThemed": { + "light": "#2c7cde", + "dark": "#ebedf0" + }, + "statesActiveBackgroundAccentThemed": { + "light": "#1e6fdb", + "dark": "#d7d8db" + }, + "statesHoverBackgroundSecondary": { + "light": "#f0f2f4", + "dark": "#2c2c2d" + }, + "statesActiveBackgroundSecondary": { + "light": "#dcdde0", + "dark": "#353536" + }, + "statesHoverBackgroundSecondaryAlpha": { + "light": "#00000014", + "dark": "#ffffff1e" + }, + "statesActiveBackgroundSecondaryAlpha": { + "light": "#0000001e", + "dark": "#ffffff23" + }, + "statesHoverBackgroundPositive": { + "light": "#3ca03e", + "dark": "#52b652" + }, + "statesActiveBackgroundPositive": { + "light": "#2f8d32", + "dark": "#59b959" + }, + "statesHoverBackgroundNegative": { + "light": "#d83e3c", + "dark": "#ff6363" + }, + "statesActiveBackgroundNegative": { + "light": "#c93633", + "dark": "#ff6969" + }, + "statesHoverTransparent": { + "light": "#00103d07", + "dark": "#ffffff0a" + }, + "statesActiveTransparent": { + "light": "#00103d0c", + "dark": "#ffffff14" + }, + "statesHoverTransparentContrast": { + "light": "#ffffff14", + "dark": "#ffffff14" + }, + "statesActiveTransparentContrast": { + "light": "#ffffff1e", + "dark": "#ffffff1e" + }, + "statesHoverBackgroundContrast": { + "light": "#f5f5f7", + "dark": "#ebedf0" + }, + "statesActiveBackgroundContrast": { + "light": "#ebecef", + "dark": "#d7d8db" + }, + "statesHoverBackgroundContrastSecondaryAlpha": { + "light": "#ffffff3d", + "dark": "#ffffff1e" + }, + "statesActiveBackgroundContrastSecondaryAlpha": { + "light": "#ffffff47", + "dark": "#ffffff47" + }, + "statesHoverBackgroundTertiary": { + "light": "#eff0f1", + "dark": "#29292a" + }, + "statesActiveBackgroundTertiary": { + "light": "#e5e6ea", + "dark": "#323233" + }, + "statesHoverBackgroundTertiaryAlpha": { + "light": "#00000011", + "dark": "#ffffff11" + }, + "statesActiveBackgroundTertiaryAlpha": { + "light": "#0000001c", + "dark": "#ffffff1c" + }, + "statesHoverFieldBorderAlpha": { + "light": "#0000003d", + "dark": "#ffffff28" + }, + "statesActiveFieldBorderAlpha": { + "light": "#0000005b", + "dark": "#ffffff33" + }, + "otherTabbarTextInactive": { + "light": "#adadad", + "dark": "#787878" + }, + "otherOverlaySecondary": { + "light": "#00000044", + "dark": "#00000044" + }, + "backgroundContrastThemed": { + "light": "#ffffff", + "dark": "#2d2d2d" + }, + "paletteAccentOrangePeach": { + "light": "#f9b54f", + "dark": "#ffc062" + }, + "backgroundAccentThemedAlpha": { + "light": "#2688eb33", + "dark": "#ffffff33" + }, + "appearance": { + "light": "Light", + "dark": "Dark" + }, + "iconWarning": { + "light": "#f8a01c", + "dark": "#edb055" + }, + "backgroundInfoTint": { + "light": "#deeeff", + "dark": "#1c3954" + }, + "gradientDefaultStop15": { + "light": "#ffffff0c", + "dark": "#19191a0c" + }, + "gradientDefaultStop30": { + "light": "#ffffff33", + "dark": "#19191a33" + }, + "gradientDefaultStop70": { + "light": "#ffffffcc", + "dark": "#19191acc" + }, + "gradientDefaultStop85": { + "light": "#fffffff2", + "dark": "#19191af2" + }, + "gradientDefaultStop100": { + "light": "#ffffff", + "dark": "#19191a" + }, + "gradientTintStop15": { + "light": "#f9f9f90c", + "dark": "#2020210c" + }, + "gradientTintStop30": { + "light": "#f9f9f933", + "dark": "#20202133" + }, + "gradientTintStop70": { + "light": "#f9f9f9cc", + "dark": "#202021cc" + }, + "gradientTintStop85": { + "light": "#f9f9f9f2", + "dark": "#202021f2" + }, + "gradientTintStop100": { + "light": "#f9f9f9", + "dark": "#202021" + }, + "gradientOverlayStop15": { + "light": "#00000005", + "dark": "#00000005" + }, + "gradientOverlayStop30": { + "light": "#00000014", + "dark": "#00000014" + }, + "gradientOverlayStop70": { + "light": "#00000051", + "dark": "#00000051" + }, + "gradientOverlayStop85": { + "light": "#00000060", + "dark": "#00000060" + }, + "gradientOverlayStop100": { + "light": "#000000cc", + "dark": "#000000cc" + }, + "gradientDefaultStop0": { + "light": "#ffffff00", + "dark": "#19191a00" + }, + "gradientTintStop0": { + "light": "#f9f9f900", + "dark": "#20202100" + }, + "gradientOverlayStop0": { + "light": "#00000000", + "dark": "#00000000" + }, + "paletteAccentAzure": { + "light": "#0077ff", + "dark": "#0077ff" + }, + "paletteAccentLime": { + "light": "#aff70d", + "dark": "#aff70d" + }, + "paletteAccentCyan": { + "light": "#13ffd0", + "dark": "#13ffd0" + }, + "paletteAccentPink": { + "light": "#f45fff", + "dark": "#f45fff" + }, + "textPrimaryAlpha": { + "light": "#2b2b2bd6", + "dark": "#f8f8f8b7" + }, + "textSecondaryAlpha": { + "light": "#2929298c", + "dark": "#fafafa6b" + }, + "backgroundContentInverse": { + "light": "#191919", + "dark": "#ffffff" + }, + "strokePrimary": { + "light": "#2d2d2d", + "dark": "#e3e3e3" + } + }, + "tokens": { + "sizeBorderRadius": { + "iOS": 10, + "android": 8, + "vkCom": 8, + "desktop": 8 + }, + "sizeBasePaddingHorizontal": { + "iOS": 16, + "android": 16, + "vkCom": 12, + "desktop": 16 + }, + "sizeBasePaddingVertical": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "sizeBorderRadiusRounded": { + "iOS": 999, + "android": 999, + "vkCom": 999, + "desktop": 999 + }, + "sizeCardGridPadding": { + "iOS": 8, + "android": 8, + "vkCom": 8, + "desktop": 8 + }, + "sizeCardGridPaddingVertical": { + "iOS": 8, + "android": 8, + "vkCom": 8, + "desktop": 8 + }, + "sizeBorderRadiusPaper": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "spacingSizeXS": { + "iOS": 4, + "android": 4, + "vkCom": 4, + "desktop": 4 + }, + "spacingSizeS": { + "iOS": 6, + "android": 6, + "vkCom": 6, + "desktop": 6 + }, + "spacingSizeM": { + "iOS": 8, + "android": 8, + "vkCom": 8, + "desktop": 8 + }, + "spacingSizeL": { + "iOS": 10, + "android": 10, + "vkCom": 10, + "desktop": 10 + }, + "spacingSizeXL": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "sizeBorderRadiusPromo": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "sizeCheckBorderRadius": { + "iOS": 4, + "android": 4, + "vkCom": 4, + "desktop": 4 + }, + "sizeFieldHeight": { + "iOS": 44, + "android": 44, + "vkCom": 36, + "desktop": 36 + }, + "sizeSearchHeight": { + "iOS": 36, + "android": 36, + "vkCom": 32, + "desktop": 32 + }, + "sizeButtonLargeHeight": { + "iOS": 44, + "android": 44, + "vkCom": 36, + "desktop": 36 + }, + "sizeButtonMediumHeight": { + "iOS": 36, + "android": 36, + "vkCom": 32, + "desktop": 32 + }, + "sizeButtonSmallHeight": { + "iOS": 30, + "android": 30, + "vkCom": 28, + "desktop": 28 + }, + "fontFamilyBase": { + "iOS": "SF Pro Text", + "android": "Roboto", + "vkCom": "SF Pro Text", + "desktop": "SF Pro Text" + }, + "spacingSize2XS": { + "iOS": 2, + "android": 2, + "vkCom": 2, + "desktop": 2 + }, + "spacingSize2XL": { + "iOS": 16, + "android": 16, + "vkCom": 16, + "desktop": 16 + }, + "spacingSize3XL": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "spacingSize4XL": { + "iOS": 24, + "android": 24, + "vkCom": 24, + "desktop": 24 + }, + "fontFamilyAccent": { + "iOS": "VK Sans Display", + "android": "VK Sans Display", + "vkCom": "VK Sans Display", + "desktop": "VK Sans Display" + }, + "fontLetterSpacingTitle1": { + "iOS": 0.07, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingTitle2": { + "iOS": -0.45, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingTitle3": { + "iOS": -0.43, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingHeadline1": { + "iOS": -0.31, + "android": 0.15, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingHeadline2": { + "iOS": -0.23, + "android": 0.15, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingText": { + "iOS": -0.31, + "android": 0.15, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingParagraph": { + "iOS": -0.23, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingSubhead": { + "iOS": -0.15, + "android": 0.15, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingFootnote": { + "iOS": -0.08, + "android": 0.20, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingCaption1": { + "iOS": 0, + "android": 0.30, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingCaption2": { + "iOS": 0.06, + "android": 0.30, + "vkCom": 0, + "desktop": 0 + }, + "fontLetterSpacingCaption3": { + "iOS": 0.17, + "android": 0.30, + "vkCom": 0, + "desktop": 0 + }, + "otherPlatformWidth": { + "iOS": 393, + "android": 360, + "vkCom": 360, + "desktop": 360 + }, + "fontSizeBaseHeadline1": { + "iOS": 16, + "android": 16, + "vkCom": 14, + "desktop": 15 + }, + "fontSizeBaseText": { + "iOS": 16, + "android": 16, + "vkCom": 13, + "desktop": 15 + }, + "fontSizeBaseHeadline2": { + "iOS": 15, + "android": 15, + "vkCom": 14, + "desktop": 14 + }, + "sizeFormItemPaddingVertical": { + "iOS": 12, + "android": 12, + "vkCom": 8, + "desktop": 12 + }, + "fontSizeBaseSubhead": { + "iOS": 14, + "android": 14, + "vkCom": 14, + "desktop": 13 + }, + "fontLineHeightBaseHeadline1": { + "iOS": 20, + "android": 20, + "vkCom": 18, + "desktop": 20 + }, + "fontLineHeightBaseHeadline2": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "fontLineHeightBaseText": { + "iOS": 20, + "android": 20, + "vkCom": 16, + "desktop": 20 + }, + "fontLineHeightBaseSubhead": { + "iOS": 18, + "android": 18, + "vkCom": 18, + "desktop": 16 + }, + "otherPlatform": { + "iOS": "iOS", + "android": "Android", + "vkCom": "vkCom", + "desktop": "Desktop" + }, + "otherLargeButtonSize": { + "iOS": 17, + "android": 16, + "vkCom": 14, + "desktop": 15 + }, + "otherLargeButtonLineHeight": { + "iOS": 22, + "android": 20, + "vkCom": 18, + "desktop": 20 + }, + "otherLargeButtonLetterSpacing": { + "iOS": -0.43, + "android": 0, + "vkCom": 0, + "desktop": 0 + }, + "sizePanelHeaderHeight": { + "iOS": 52, + "android": 56, + "vkCom": 48, + "desktop": 48 + }, + "fontSizeBaseTitle1": { + "iOS": 24, + "android": 24, + "vkCom": 24, + "desktop": 24 + }, + "fontSizeBaseTitle2": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "fontSizeBaseTitle3": { + "iOS": 17, + "android": 17, + "vkCom": 17, + "desktop": 17 + }, + "fontSizeBaseParagraph": { + "iOS": 15, + "android": 15, + "vkCom": 15, + "desktop": 15 + }, + "fontSizeBaseFootnote": { + "iOS": 13, + "android": 13, + "vkCom": 13, + "desktop": 13 + }, + "fontSizeBaseCaption1": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "fontSizeBaseCaption2": { + "iOS": 11, + "android": 11, + "vkCom": 11, + "desktop": 11 + }, + "fontLineHeightBaseTitle1": { + "iOS": 28, + "android": 28, + "vkCom": 28, + "desktop": 28 + }, + "fontLineHeightBaseTitle2": { + "iOS": 24, + "android": 24, + "vkCom": 24, + "desktop": 24 + }, + "fontLineHeightBaseTitle3": { + "iOS": 22, + "android": 22, + "vkCom": 22, + "desktop": 22 + }, + "fontLineHeightBaseParagraph": { + "iOS": 20, + "android": 20, + "vkCom": 20, + "desktop": 20 + }, + "fontLineHeightBaseFootnote": { + "iOS": 16, + "android": 16, + "vkCom": 16, + "desktop": 16 + }, + "fontLineHeightBaseCaption1": { + "iOS": 14, + "android": 14, + "vkCom": 14, + "desktop": 14 + }, + "fontLineHeightBaseCaption2": { + "iOS": 14, + "android": 14, + "vkCom": 14, + "desktop": 14 + }, + "fontLineHeightBaseCaption3": { + "iOS": 12, + "android": 12, + "vkCom": 12, + "desktop": 12 + }, + "fontWeightRegular": { + "iOS": 400, + "android": 400, + "vkCom": 400, + "desktop": 400 + }, + "fontWeightMedium": { + "iOS": 500, + "android": 500, + "vkCom": 500, + "desktop": 500 + }, + "fontWeightSemibold": { + "iOS": 600, + "android": 600, + "vkCom": 600, + "desktop": 600 + }, + "fontSizeAccentHeader1": { + "iOS": 28, + "android": 28, + "vkCom": 28, + "desktop": 28 + }, + "fontLineHeightAccentHeader1": { + "iOS": 32, + "android": 32, + "vkCom": 32, + "desktop": 32 + }, + "fontSizeAccentTitle1": { + "iOS": 23, + "android": 23, + "vkCom": 23, + "desktop": 23 + }, + "fontSizeAccentTitle2": { + "iOS": 21, + "android": 21, + "vkCom": 22, + "desktop": 22 + }, + "fontSizeAccentTitle3": { + "iOS": 19, + "android": 19, + "vkCom": 19, + "desktop": 19 + }, + "fontSizeAccentTitle4": { + "iOS": 17, + "android": 17, + "vkCom": 17, + "desktop": 17 + }, + "fontLineHeightAccentTitle1": { + "iOS": 28, + "android": 28, + "vkCom": 28, + "desktop": 28 + }, + "fontLineHeightAccentTitle2": { + "iOS": 26, + "android": 26, + "vkCom": 24, + "desktop": 24 + }, + "fontLineHeightAccentTitle3": { + "iOS": 24, + "android": 24, + "vkCom": 24, + "desktop": 24 + }, + "fontLineHeightAccentTitle4": { + "iOS": 22, + "android": 22, + "vkCom": 22, + "desktop": 22 + }, + "fontSizeBaseCaption3": { + "iOS": 9, + "android": 9, + "vkCom": 9, + "desktop": 9 + }, + "otherHorizontalCellPaddingHorizontalS": { + "iOS": 4, + "android": 8, + "vkCom": 4, + "desktop": 8 + }, + "otherPlatformHeight": { + "iOS": 852, + "android": 800, + "vkCom": 800, + "desktop": 800 + }, + "otherHorizontalCellPaddingHorizontalM": { + "iOS": 6, + "android": 10, + "vkCom": 6, + "desktop": 10 + }, + "otherSnackbarPadding": { + "iOS": 8, + "android": 8, + "vkCom": 12, + "desktop": 12 + }, + "opacityDisabled": { + "iOS": 50, + "android": 50, + "vkCom": 50, + "desktop": 50 + }, + "sizeCellHeight": { + "iOS": 48, + "android": 48, + "vkCom": 44, + "desktop": 44 + }, + "fontWeightBold": { + "iOS": 700, + "android": 700, + "vkCom": 700, + "desktop": 700 + } + } +} \ No newline at end of file diff --git a/src/themeDescriptions/themes/lego/helpers/findFigmaToken.ts b/src/themeDescriptions/themes/lego/helpers/findFigmaToken.ts new file mode 100644 index 00000000..82146160 --- /dev/null +++ b/src/themeDescriptions/themes/lego/helpers/findFigmaToken.ts @@ -0,0 +1,21 @@ +function toFigmaName(key: string, prefix = '') { + const figmaPascalCaseName = key.replace('color', ''); + if (prefix) { + return prefix + figmaPascalCaseName; + } + return figmaPascalCaseName.charAt(0).toLowerCase() + figmaPascalCaseName.slice(1); +} + +export function findFigmaToken(json: any, key: string) { + // Группировка в фигме может различаться, поэтому преобразование имени может быть с разными префиксами + // Токены без особой группы в коде могут лежать в разных группах в фигме: Other, Palette и т.д. + + return ( + json.appearance[toFigmaName(key)] || + json.appearance[toFigmaName(key, 'other')] || + json.appearance[toFigmaName(key, 'palette')] || + json.appearance[toFigmaName(key, 'stroke')] || + json.appearance[toFigmaName(key, 'background')] || + null + ); +} diff --git a/src/themeDescriptions/themes/legoIOS/index.ts b/src/themeDescriptions/themes/lego/ios.ts similarity index 96% rename from src/themeDescriptions/themes/legoIOS/index.ts rename to src/themeDescriptions/themes/lego/ios.ts index 0b7ffb0a..4466ebd3 100644 --- a/src/themeDescriptions/themes/legoIOS/index.ts +++ b/src/themeDescriptions/themes/lego/ios.ts @@ -6,6 +6,8 @@ const dark = '#212121'; const light = '#E1E3E6'; export const legoIOSTheme: ThemeLegoIOSDescription = { + // Мб заменить базу на vkIOS? + // Жду ответа Ульяны ...vkontakteIOSTheme, // импорт светлой базовой темы themeName: 'legoIOS', // название текущей темы diff --git a/src/themeDescriptions/themes/legoAndroid/index.ts b/src/themeDescriptions/themes/legoAndroid/index.ts deleted file mode 100644 index 988a027e..00000000 --- a/src/themeDescriptions/themes/legoAndroid/index.ts +++ /dev/null @@ -1,69 +0,0 @@ -import { ThemeLegoAndroidDescription } from '@/interfaces/themes/legoAndroid'; -import { ThemeLegoAndroidDarkDescription } from '@/interfaces/themes/legoAndroidDark'; -import { - vkontakteAndroidTheme, - vkontakteAndroidThemeDark, -} from '@/themeDescriptions/themes/vkontakteAndroid'; - -const dark = '#212121'; -const light = '#E1E3E6'; - -export const legoAndroidTheme: ThemeLegoAndroidDescription = { - ...vkontakteAndroidTheme, // импорт светлой базовой темы - - themeName: 'legoAndroid', // название текущей темы - themeNameBase: 'legoAndroid', // название светлой (базовой) темы - themeInheritsFrom: 'vkontakteAndroid', // название родительской темы - - colors: { - ...vkontakteAndroidTheme.colors, - // переопределение переменных - colorTextAccent: dark, - colorTextAccentThemed: dark, - colorTextPrimary: dark, - colorTextLink: dark, - colorTextLinkThemed: dark, - colorTextLinkTint: dark, - colorIconAccent: dark, - colorIconAccentThemed: dark, - colorStrokeAccent: dark, - colorStrokeAccentThemed: dark, - colorBackgroundAccent: dark, - colorBackgroundAccentThemed: dark, - colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, 0.2)', - colorBackgroundAccentAlternative: dark, - colorBackgroundAccentTint: '#2D2D2D', - colorWriteBarIcon: dark, - }, -}; - -export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { - ...legoAndroidTheme, // импорт светлой версии текущей темы, - ...vkontakteAndroidThemeDark, // импорт тёмной базовой темы - - themeName: 'legoAndroidDark', // название текущей темы - themeNameBase: 'legoAndroid', // название светлой (базовой) темы - themeInheritsFrom: 'vkontakteAndroidDark', // название родительской темы - colorsScheme: 'dark', // название схемы (светлая — по умолчанию) - - colors: { - ...vkontakteAndroidThemeDark.colors, - // переопределение переменных - colorTextAccent: light, - colorTextAccentThemed: light, - colorTextPrimary: light, - colorTextLink: light, - colorTextLinkThemed: light, - colorTextLinkTint: light, - colorIconAccent: light, - colorIconAccentThemed: light, - colorStrokeAccent: light, - colorStrokeAccentThemed: light, - colorBackgroundAccent: light, - colorBackgroundAccentThemed: light, - colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, 0.2)', - colorBackgroundAccentAlternative: light, - colorBackgroundAccentTint: '#EAEDF0', - colorWriteBarIcon: light, - }, -}; From b3be7690d3cd66d1b64d5f758142dbbebc10a65f Mon Sep 17 00:00:00 2001 From: nick Date: Wed, 11 Dec 2024 00:13:36 +0300 Subject: [PATCH 07/10] WIP: fixed android theme name --- .../__snapshots__/snapthots.test.ts.snap | 270132 +++++++-------- src/lint/__snapshots__/lint.test.ts.snap | 76 +- src/themeDescriptions/themes/lego/android.ts | 16 +- 3 files changed, 135112 insertions(+), 135112 deletions(-) diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 7a795953..8193aa24 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -88523,7 +88523,7 @@ exports[`shapshots homeDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -88543,7 +88543,7 @@ exports[`shapshots legoIOS 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": { @@ -88556,7 +88556,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "value": "var(--vkui--color_accent_azure, #0077ff)", }, }, "colorAccentBlue": { @@ -88584,7 +88584,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", }, }, "colorAccentGray": { @@ -88626,7 +88626,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #aff70d)", }, }, "colorAccentOrange": { @@ -88668,7 +88668,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "value": "var(--vkui--color_accent_orange_peach, #f9b54f)", }, }, "colorAccentPink": { @@ -88682,7 +88682,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #f45fff)", }, }, "colorAccentPurple": { @@ -88780,7 +88780,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "value": "var(--vkui--color_avatar_overlay, #00000099)", }, }, "colorAvatarOverlayInverseAlpha": { @@ -88794,63 +88794,63 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, }, "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "value": "var(--vkui--color_background--active, #DADBDF)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #E4E4E6)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #ededed)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #1E2023)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #202022)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #212121)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #212121)", + "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, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #212121)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -88864,21 +88864,21 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #2688eb33)", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #292B2E)", + "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, #2B2C2E)", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #2D2D2D)", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, "colorBackgroundContent": { @@ -88898,15 +88898,15 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #17181C)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191A)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #191919)", }, }, "colorBackgroundContrast": { @@ -88926,15 +88926,15 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "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, #292B2E)", }, "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, #2B2C2E)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -88948,7 +88948,7 @@ exports[`shapshots legoIOS 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, #ffffff33)", }, }, "colorBackgroundContrastThemed": { @@ -88962,7 +88962,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #ffffff)", }, }, "colorBackgroundInfoTint": { @@ -88976,7 +88976,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #deeeff)", }, }, "colorBackgroundModal": { @@ -88990,21 +88990,21 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #ffffff)", }, }, "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, #1B1C20)", }, "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, #1C1C1E)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #1d1d1d)", }, }, "colorBackgroundNegative": { @@ -89032,7 +89032,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #ffe9e9)", }, }, "colorBackgroundPositive": { @@ -89060,7 +89060,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #e8f9e8)", }, }, "colorBackgroundSecondary": { @@ -89088,7 +89088,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 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, #0000000a)", }, }, "colorBackgroundTertiary": { @@ -89116,7 +89116,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #00000007)", }, }, "colorBackgroundWarning": { @@ -89130,7 +89130,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #fff2d6)", }, }, "colorButtonIcon": { @@ -89178,29 +89178,29 @@ exports[`shapshots legoIOS 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, #D8D9DD)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #E2E2E4)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #ebebeb)", }, }, "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, 0, 0, 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, 0, 0, 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, #0000001e)", }, }, "colorHeaderBackground": { @@ -89220,29 +89220,29 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #1E2023)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #202022)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #212121)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #212121)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { @@ -89262,15 +89262,15 @@ exports[`shapshots legoIOS 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, #E0E1E4)", }, "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, #E9EAEC)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, }, "colorIconContrastThemed": { @@ -89290,15 +89290,15 @@ exports[`shapshots legoIOS 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, #7F8084)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #848587)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #8a8a8a)", }, }, "colorIconMediumAlpha": { @@ -89312,7 +89312,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #0000007a)", }, }, "colorIconNegative": { @@ -89346,43 +89346,43 @@ exports[`shapshots legoIOS 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, #1E2023)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #202022)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #212121)", }, }, "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, #1E2023)", }, "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, #202022)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #96979B)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #a3a3a3)", }, }, "colorIconSecondaryAlpha": { @@ -89396,21 +89396,21 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #0000005b)", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #c2c2c2)", }, }, "colorIconTertiaryAlpha": { @@ -89424,7 +89424,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #0000003d)", }, }, "colorIconWarning": { @@ -89438,7 +89438,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "value": "var(--vkui--color_icon_warning, #f8a01c)", }, }, "colorImageBorderAlpha": { @@ -89452,35 +89452,35 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #00000014)", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #E0E1E4)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "value": "var(--vkui--color_image_placeholder, #f3f3f3)", }, }, "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(33, 33, 33, 0.14))", }, "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(33, 33, 33, 0.1))", }, "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, #2121210f)", }, }, "colorLinkContrast": { @@ -89508,13 +89508,13 @@ exports[`shapshots legoIOS 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, #00000066)", }, }, "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", @@ -89522,7 +89522,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "value": "var(--vkui--color_overlay_secondary, #00000044)", }, }, "colorPanelHeaderIcon": { @@ -89542,15 +89542,15 @@ exports[`shapshots legoIOS 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, #D8D9DD)", }, "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, #E2E2E4)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #ebebeb)", }, }, "colorSegmentedControl": { @@ -89570,43 +89570,43 @@ exports[`shapshots legoIOS 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, #C7C8CC)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #CFD0D2)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #d8d8d8)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #cccccc)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "value": "var(--vkui--color_separator_primary3x, #bfbfbf)", }, }, "colorSeparatorPrimaryAlpha": { @@ -89620,21 +89620,21 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #0000001e)", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #D1D2D6)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #DADBDC)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #e3e3e3)", }, }, "colorSkeletonFrom": { @@ -89654,43 +89654,43 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #D8D9DD)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #ebebeb)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1E2023)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #202022)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #212121)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #212121)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "colorStrokeContrast": { @@ -89735,46 +89735,60 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #292B2E)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2B2C2E)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #2d2d2d)", + }, + }, "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, #9FA0A4)", }, "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, #A6A7A9)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "value": "var(--vkui--color_tabbar_text_inactive, #adadad)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #1E2023)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #202022)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #212121)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #212121)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -89808,43 +89822,43 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #1E2023)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #202022)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #212121)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #212121)", + "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, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #212121)", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, "colorTextLinkVisited": { @@ -89864,15 +89878,15 @@ exports[`shapshots legoIOS 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": { @@ -89920,99 +89934,99 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", }, }, "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, #1E2023)", }, "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, #202022)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #212121)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #7C8086)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #828589)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #878a8c)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, #2929298c)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #6C6D71)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #707173)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #757575)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #949599)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #a1a1a1)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #D8D9DD)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #E2E2E4)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #ebebeb)", }, }, "colorTrackBuffer": { @@ -90032,57 +90046,57 @@ exports[`shapshots legoIOS 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(0, 0, 0, 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(0, 0, 0, 0.04))", }, "normal": { "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "value": "var(--vkui--color_transparent, #00000000)", }, }, "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #212121)", + "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, #DFE1E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", }, "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, #E9EAEC)", }, "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, #f3f3f3)", }, }, "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, #D8D9DD)", }, "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, #E2E2E4)", }, "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, #ebebeb)", }, }, "colorWriteBarInputBorderAlpha": { @@ -90096,7 +90110,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #00000014)", }, }, "colorsScheme": { @@ -90137,6 +90151,10 @@ exports[`shapshots legoIOS 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)", @@ -90155,6 +90173,10 @@ exports[`shapshots legoIOS 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)", @@ -90175,6 +90197,10 @@ exports[`shapshots legoIOS 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)", @@ -90197,6 +90223,10 @@ exports[`shapshots legoIOS 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)", @@ -90221,6 +90251,10 @@ exports[`shapshots legoIOS 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)", @@ -90239,6 +90273,10 @@ exports[`shapshots legoIOS 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)", @@ -90259,6 +90297,10 @@ exports[`shapshots legoIOS 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)", @@ -90281,6 +90323,10 @@ exports[`shapshots legoIOS 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)", @@ -90305,6 +90351,10 @@ exports[`shapshots legoIOS 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)", @@ -90323,6 +90373,10 @@ exports[`shapshots legoIOS 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)", @@ -90343,6 +90397,10 @@ exports[`shapshots legoIOS 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)", @@ -90365,6 +90423,10 @@ exports[`shapshots legoIOS 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)", @@ -90397,7 +90459,7 @@ exports[`shapshots legoIOS 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", @@ -90435,7 +90497,7 @@ exports[`shapshots legoIOS 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", @@ -90453,7 +90515,7 @@ exports[`shapshots legoIOS 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", @@ -90491,7 +90553,7 @@ exports[`shapshots legoIOS 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", @@ -90529,7 +90591,7 @@ exports[`shapshots legoIOS 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", @@ -90571,6 +90633,10 @@ exports[`shapshots legoIOS 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)", @@ -90589,6 +90655,10 @@ exports[`shapshots legoIOS 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)", @@ -90609,6 +90679,10 @@ exports[`shapshots legoIOS 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)", @@ -90631,6 +90705,10 @@ exports[`shapshots legoIOS 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)", @@ -90655,6 +90733,10 @@ exports[`shapshots legoIOS 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)", @@ -90665,6 +90747,10 @@ exports[`shapshots legoIOS 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)", @@ -90683,6 +90769,10 @@ exports[`shapshots legoIOS 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)", @@ -90703,6 +90793,10 @@ exports[`shapshots legoIOS 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)", @@ -90713,6 +90807,10 @@ exports[`shapshots legoIOS 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)", @@ -90731,6 +90829,10 @@ exports[`shapshots legoIOS 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)", @@ -90837,6 +90939,10 @@ exports[`shapshots legoIOS 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)", @@ -90847,6 +90953,10 @@ exports[`shapshots legoIOS 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)", @@ -90865,6 +90975,10 @@ exports[`shapshots legoIOS 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)", @@ -90885,6 +90999,10 @@ exports[`shapshots legoIOS 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)", @@ -90895,6 +91013,10 @@ exports[`shapshots legoIOS 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)", @@ -90913,6 +91035,10 @@ exports[`shapshots legoIOS 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)", @@ -91059,7 +91185,7 @@ exports[`shapshots legoIOS 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(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%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -91067,7 +91193,7 @@ exports[`shapshots legoIOS 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(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%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -91075,11 +91201,11 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "opacityDisable": { "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "value": "var(--vkui--opacity_disable, 0.5)", }, "opacityDisableAccessibility": { "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "value": "var(--vkui--opacity_disable_accessibility, 0.5)", }, "sizeArrow": { "auto": { @@ -91218,7 +91344,7 @@ exports[`shapshots legoIOS 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": { @@ -91268,7 +91394,7 @@ exports[`shapshots legoIOS 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": { @@ -91520,7 +91646,7 @@ exports[`shapshots legoIOS 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": { @@ -91634,11 +91760,11 @@ exports[`shapshots legoIOS 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": { @@ -91764,11 +91890,11 @@ exports[`shapshots legoIOS 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": { @@ -91778,11 +91904,11 @@ exports[`shapshots legoIOS 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": { @@ -91792,11 +91918,11 @@ exports[`shapshots legoIOS 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": { @@ -91851,15 +91977,15 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkontakteIOS)", + "value": "var(--vkui--theme_inherits_from, vkontakteAndroid)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, legoIOS)", + "value": "var(--vkui--theme_name, legoAndroid)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, legoIOS)", + "value": "var(--vkui--theme_name_base, legoAndroid)", }, "themeType": "cssVars", "vkontakteBackgroundHoverAlpha": { @@ -93031,17 +93157,17 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots legoAndroid 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", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { "active": "#237EDD", @@ -93051,7 +93177,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAccentCyan": { "active": "#11ECC4", "hover": "#12F5CA", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#96A0AE", @@ -93066,7 +93192,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAccentLime": { "active": "#A1E511", "hover": "#A8EE0F", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#EB9405", @@ -93081,12 +93207,12 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAccentOrangePeach": { "active": "#E5A84E", "hover": "#EFAE4E", - "normal": "#F9B54F", + "normal": "#f9b54f", }, "colorAccentPink": { "active": "#E059EF", "hover": "#EA5CF7", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#6A56D8", @@ -93121,42 +93247,42 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", }, "colorBackgroundAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "normal": "#2688eb33", }, "colorBackgroundAccentTint": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2D2D2D", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -93164,9 +93290,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -93174,34 +93300,34 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundInfoTint": { "active": "#CCDCEF", "hover": "#D5E5F7", - "normal": "#DEEEFF", + "normal": "#deeeff", }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", }, "colorBackgroundNegative": { "active": "#D44245", @@ -93211,7 +93337,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#EBD8DB", "hover": "#F5E0E2", - "normal": "#FFE9E9", + "normal": "#ffe9e9", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -93221,7 +93347,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#E8F9E8", + "normal": "#e8f9e8", }, "colorBackgroundSecondary": { "active": "#E1E3E6", @@ -93231,7 +93357,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "normal": "#0000000a", }, "colorBackgroundTertiary": { "active": "#E5E6EA", @@ -93241,12 +93367,12 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "normal": "#00000007", }, "colorBackgroundWarning": { "active": "#EBE0CA", "hover": "#F5E9D0", - "normal": "#FFF2D6", + "normal": "#fff2d6", }, "colorButtonIcon": { "active": "#237EDD", @@ -93264,14 +93390,14 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "colorHeaderBackground": { "active": "#EBECEF", @@ -93279,14 +93405,14 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -93294,9 +93420,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#EBECEF", @@ -93304,14 +93430,14 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "normal": "#0000007a", }, "colorIconNegative": { "active": "#D44245", @@ -93324,54 +93450,54 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "normal": "#0000005b", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "normal": "#0000003d", }, "colorIconWarning": { "active": "#E4941F", "hover": "#EE9A1D", - "normal": "#F8A01C", + "normal": "#f8a01c", }, "colorImageBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", }, "colorLinkContrast": { "active": "#EBECEF", @@ -93381,12 +93507,12 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -93394,9 +93520,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -93404,29 +93530,29 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "normal": "#0000001e", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", }, "colorSkeletonFrom": { "active": "#E1E3E6", @@ -93434,19 +93560,19 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorStrokeAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -93463,20 +93589,25 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", }, "colorTextAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -93489,19 +93620,19 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { "active": "#437DC1", @@ -93509,9 +93640,9 @@ exports[`shapshots legoIOS 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", @@ -93529,39 +93660,39 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#212121", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorTrackBuffer": { "active": "#93B1D7", @@ -93569,29 +93700,29 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#a0bfe4", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorsScheme": "light", "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", @@ -93604,6 +93735,7 @@ exports[`shapshots legoIOS 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", }, }, @@ -93612,6 +93744,7 @@ exports[`shapshots legoIOS 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", }, @@ -93621,6 +93754,7 @@ exports[`shapshots legoIOS 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", }, }, @@ -93629,6 +93763,7 @@ exports[`shapshots legoIOS 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", }, @@ -93638,6 +93773,7 @@ exports[`shapshots legoIOS 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", }, }, @@ -93646,13 +93782,14 @@ exports[`shapshots legoIOS 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", @@ -93660,13 +93797,13 @@ exports[`shapshots legoIOS 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", @@ -93674,7 +93811,7 @@ exports[`shapshots legoIOS 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", @@ -93682,7 +93819,7 @@ exports[`shapshots legoIOS 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", @@ -93696,6 +93833,7 @@ exports[`shapshots legoIOS 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", }, }, @@ -93704,6 +93842,7 @@ exports[`shapshots legoIOS 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", }, @@ -93711,24 +93850,28 @@ exports[`shapshots legoIOS 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", }, }, @@ -93755,24 +93898,28 @@ exports[`shapshots legoIOS 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", }, }, @@ -93806,12 +93953,12 @@ exports[`shapshots legoIOS 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(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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": "8px", }, @@ -93852,7 +93999,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -93867,7 +94014,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -93942,7 +94089,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -93976,8 +94123,8 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -94014,16 +94161,16 @@ exports[`shapshots legoIOS 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", @@ -94038,9 +94185,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkontakteIOS", - "themeName": "legoIOS", - "themeNameBase": "legoIOS", + "themeInheritsFrom": "vkontakteAndroid", + "themeName": "legoAndroid", + "themeNameBase": "legoAndroid", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { "active": "rgba(0, 0, 0, 0.12)", @@ -94446,17 +94593,17 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots legoAndroid 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)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "normal": "var(--vkui--color_accent_azure, #0077ff)", }, "colorAccentBlue": { "active": "var(--vkui--color_accent_blue--active, #237EDD)", @@ -94466,7 +94613,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", }, "colorAccentGray": { "active": "var(--vkui--color_accent_gray--active, #96A0AE)", @@ -94481,7 +94628,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "colorAccentLime": { "active": "var(--vkui--color_accent_lime--active, #A1E511)", "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", @@ -94496,12 +94643,12 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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)", + "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)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", @@ -94536,42 +94683,42 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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))", + "normal": "var(--vkui--color_avatar_overlay, #00000099)", }, "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))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, "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, #DADBDF)", + "hover": "var(--vkui--color_background--hover, #E4E4E6)", + "normal": "var(--vkui--color_background, #ededed)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1E2023)", - "hover": "var(--vkui--color_background_accent--hover, #202022)", - "normal": "var(--vkui--color_background_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #202022)", - "normal": "var(--vkui--color_background_accent_alternative, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_background_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_background_accent_themed, #212121)", + "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(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))", + "normal": "var(--vkui--color_background_accent_themed_alpha, #2688eb33)", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #292B2E)", - "hover": "var(--vkui--color_background_accent_tint--hover, #2B2C2E)", - "normal": "var(--vkui--color_background_accent_tint, #2D2D2D)", + "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)", @@ -94579,9 +94726,9 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #17181C)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", + "normal": "var(--vkui--color_background_content_inverse, #191919)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", @@ -94589,34 +94736,34 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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, #292B2E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, "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, #ffffff33)", }, "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)", + "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)", + "normal": "var(--vkui--color_background_info_tint, #deeeff)", }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #1B1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", @@ -94626,7 +94773,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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)", + "normal": "var(--vkui--color_background_negative_tint, #ffe9e9)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", @@ -94636,7 +94783,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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)", + "normal": "var(--vkui--color_background_positive_tint, #e8f9e8)", }, "colorBackgroundSecondary": { "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", @@ -94646,7 +94793,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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))", + "normal": "var(--vkui--color_background_secondary_alpha, #0000000a)", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", @@ -94656,12 +94803,12 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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))", + "normal": "var(--vkui--color_background_tertiary_alpha, #00000007)", }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #EBE0CA)", "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "normal": "var(--vkui--color_background_warning, #fff2d6)", }, "colorButtonIcon": { "active": "var(--vkui--color_button_icon--active, #237EDD)", @@ -94679,14 +94826,14 @@ exports[`shapshots legoIOS 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, #D8D9DD)", + "hover": "var(--vkui--color_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_field_background, #ebebeb)", }, "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, 0, 0, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, #0000001e)", }, "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", @@ -94694,14 +94841,14 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #1E2023)", - "hover": "var(--vkui--color_icon_accent--hover, #202022)", - "normal": "var(--vkui--color_icon_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_icon_accent_themed, #212121)", + "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)", @@ -94709,9 +94856,9 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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)", + "active": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", @@ -94719,14 +94866,14 @@ exports[`shapshots legoIOS 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, #7F8084)", + "hover": "var(--vkui--color_icon_medium--hover, #848587)", + "normal": "var(--vkui--color_icon_medium, #8a8a8a)", }, "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))", + "normal": "var(--vkui--color_icon_medium_alpha, #0000007a)", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", @@ -94739,54 +94886,54 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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, #1E2023)", + "hover": "var(--vkui--color_icon_primary--hover, #202022)", + "normal": "var(--vkui--color_icon_primary, #212121)", }, "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, #1E2023)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", }, "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, #96979B)", + "hover": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + "normal": "var(--vkui--color_icon_secondary, #a3a3a3)", }, "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))", + "normal": "var(--vkui--color_icon_secondary_alpha, #0000005b)", }, "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, #B2B4B7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + "normal": "var(--vkui--color_icon_tertiary, #c2c2c2)", }, "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))", + "normal": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #E4941F)", "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "normal": "var(--vkui--color_icon_warning, #f8a01c)", }, "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))", + "normal": "var(--vkui--color_image_border_alpha, #00000014)", }, "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, #E0E1E4)", + "hover": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + "normal": "var(--vkui--color_image_placeholder, #f3f3f3)", }, "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(33, 33, 33, 0.14))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + "normal": "var(--vkui--color_image_placeholder_alpha, #2121210f)", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", @@ -94796,12 +94943,12 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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, #00000066)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -94809,9 +94956,9 @@ exports[`shapshots legoIOS 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, #D8D9DD)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_search_field_background, #ebebeb)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -94819,29 +94966,29 @@ exports[`shapshots legoIOS 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, #C7C8CC)", + "hover": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + "normal": "var(--vkui--color_separator_primary, #d8d8d8)", }, "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, #BCBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + "normal": "var(--vkui--color_separator_primary2x, #cccccc)", }, "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, #B0B1B5)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + "normal": "var(--vkui--color_separator_primary3x, #bfbfbf)", }, "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))", + "normal": "var(--vkui--color_separator_primary_alpha, #0000001e)", }, "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, #D1D2D6)", + "hover": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + "normal": "var(--vkui--color_separator_secondary, #e3e3e3)", }, "colorSkeletonFrom": { "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", @@ -94849,19 +94996,19 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, "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, #D8D9DD)", + "hover": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + "normal": "var(--vkui--color_skeleton_to, #ebebeb)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #1E2023)", - "hover": "var(--vkui--color_stroke_accent--hover, #202022)", - "normal": "var(--vkui--color_stroke_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_stroke_accent_themed, #212121)", + "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)", @@ -94878,20 +95025,25 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #292B2E)", + "hover": "var(--vkui--color_stroke_primary--hover, #2B2C2E)", + "normal": "var(--vkui--color_stroke_primary, #2d2d2d)", + }, "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, #9FA0A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #adadad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #1E2023)", - "hover": "var(--vkui--color_text_accent--hover, #202022)", - "normal": "var(--vkui--color_text_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_text_accent_themed, #212121)", + "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)", @@ -94904,19 +95056,19 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #1E2023)", - "hover": "var(--vkui--color_text_link--hover, #202022)", - "normal": "var(--vkui--color_text_link, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_link_themed--hover, #202022)", - "normal": "var(--vkui--color_text_link_themed, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_link_tint--hover, #202022)", - "normal": "var(--vkui--color_text_link_tint, #212121)", + "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, #437DC1)", @@ -94924,9 +95076,9 @@ exports[`shapshots legoIOS 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)", @@ -94944,39 +95096,39 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary, #212121)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", }, "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, #1E2023)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", }, "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, #7C8086)", + "hover": "var(--vkui--color_text_secondary--hover, #828589)", + "normal": "var(--vkui--color_text_secondary, #878a8c)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, #2929298c)", }, "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, #6C6D71)", + "hover": "var(--vkui--color_text_subhead--hover, #707173)", + "normal": "var(--vkui--color_text_subhead, #757575)", }, "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, #949599)", + "hover": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + "normal": "var(--vkui--color_text_tertiary, #a1a1a1)", }, "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, #D8D9DD)", + "hover": "var(--vkui--color_track_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_track_background, #ebebeb)", }, "colorTrackBuffer": { "active": "var(--vkui--color_track_buffer--active, #93B1D7)", @@ -94984,29 +95136,29 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #1E2023)", - "hover": "var(--vkui--color_write_bar_icon--hover, #202022)", - "normal": "var(--vkui--color_write_bar_icon, #212121)", + "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, #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, #E0E1E4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + "normal": "var(--vkui--color_write_bar_input_background, #f3f3f3)", }, "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, #D8D9DD)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + "normal": "var(--vkui--color_write_bar_input_border, #ebebeb)", }, "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))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #00000014)", }, "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))", @@ -95019,6 +95171,7 @@ exports[`shapshots legoIOS 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)", }, }, @@ -95027,6 +95180,7 @@ exports[`shapshots legoIOS 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)", }, @@ -95036,6 +95190,7 @@ exports[`shapshots legoIOS 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)", }, }, @@ -95044,6 +95199,7 @@ exports[`shapshots legoIOS 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)", }, @@ -95053,6 +95209,7 @@ exports[`shapshots legoIOS 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)", }, }, @@ -95061,13 +95218,14 @@ exports[`shapshots legoIOS 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)", @@ -95075,13 +95233,13 @@ exports[`shapshots legoIOS 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)", @@ -95089,7 +95247,7 @@ exports[`shapshots legoIOS 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)", @@ -95097,7 +95255,7 @@ exports[`shapshots legoIOS 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)", @@ -95111,6 +95269,7 @@ exports[`shapshots legoIOS 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)", }, }, @@ -95119,6 +95278,7 @@ exports[`shapshots legoIOS 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)", }, @@ -95126,24 +95286,28 @@ exports[`shapshots legoIOS 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)", }, }, @@ -95170,24 +95334,28 @@ exports[`shapshots legoIOS 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)", }, }, @@ -95221,12 +95389,12 @@ exports[`shapshots legoIOS 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(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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "opacityDisable": "var(--vkui--opacity_disable, 0.5)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.5)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -95267,7 +95435,7 @@ exports[`shapshots legoIOS 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)", @@ -95282,7 +95450,7 @@ exports[`shapshots legoIOS 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)", @@ -95357,7 +95525,7 @@ exports[`shapshots legoIOS 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)", @@ -95391,8 +95559,8 @@ exports[`shapshots legoIOS 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)", @@ -95429,16 +95597,16 @@ exports[`shapshots legoIOS 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)", @@ -95453,9 +95621,9 @@ exports[`shapshots legoIOS 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, vkontakteIOS)", - "themeName": "var(--vkui--theme_name, legoIOS)", - "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkontakteAndroid)", + "themeName": "var(--vkui--theme_name, legoAndroid)", + "themeNameBase": "var(--vkui--theme_name_base, legoAndroid)", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))", @@ -95861,17 +96029,17 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` +exports[`shapshots legoAndroid 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", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { "active": "#237EDD", @@ -95881,7 +96049,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAccentCyan": { "active": "#11ECC4", "hover": "#12F5CA", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#96A0AE", @@ -95896,7 +96064,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAccentLime": { "active": "#A1E511", "hover": "#A8EE0F", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#EB9405", @@ -95911,12 +96079,12 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAccentOrangePeach": { "active": "#E5A84E", "hover": "#EFAE4E", - "normal": "#F9B54F", + "normal": "#f9b54f", }, "colorAccentPink": { "active": "#E059EF", "hover": "#EA5CF7", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#6A56D8", @@ -95951,42 +96119,42 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", }, "colorBackgroundAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "normal": "#2688eb33", }, "colorBackgroundAccentTint": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2D2D2D", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -95994,9 +96162,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -96004,34 +96172,34 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundInfoTint": { "active": "#CCDCEF", "hover": "#D5E5F7", - "normal": "#DEEEFF", + "normal": "#deeeff", }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", }, "colorBackgroundNegative": { "active": "#D44245", @@ -96041,7 +96209,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#EBD8DB", "hover": "#F5E0E2", - "normal": "#FFE9E9", + "normal": "#ffe9e9", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -96051,7 +96219,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#E8F9E8", + "normal": "#e8f9e8", }, "colorBackgroundSecondary": { "active": "#E1E3E6", @@ -96061,7 +96229,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "normal": "#0000000a", }, "colorBackgroundTertiary": { "active": "#E5E6EA", @@ -96071,12 +96239,12 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "normal": "#00000007", }, "colorBackgroundWarning": { "active": "#EBE0CA", "hover": "#F5E9D0", - "normal": "#FFF2D6", + "normal": "#fff2d6", }, "colorButtonIcon": { "active": "#237EDD", @@ -96094,14 +96262,14 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "colorHeaderBackground": { "active": "#EBECEF", @@ -96109,14 +96277,14 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -96124,9 +96292,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#EBECEF", @@ -96134,14 +96302,14 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "normal": "#0000007a", }, "colorIconNegative": { "active": "#D44245", @@ -96154,54 +96322,54 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "normal": "#0000005b", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "normal": "#0000003d", }, "colorIconWarning": { "active": "#E4941F", "hover": "#EE9A1D", - "normal": "#F8A01C", + "normal": "#f8a01c", }, "colorImageBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", }, "colorLinkContrast": { "active": "#EBECEF", @@ -96211,12 +96379,12 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -96224,9 +96392,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -96234,29 +96402,29 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "normal": "#0000001e", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", }, "colorSkeletonFrom": { "active": "#E1E3E6", @@ -96264,19 +96432,19 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorStrokeAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -96293,20 +96461,25 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "hover": "#48AC4A", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", + }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", }, "colorTextAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -96319,19 +96492,19 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { "active": "#437DC1", @@ -96339,9 +96512,9 @@ exports[`shapshots legoIOS 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", @@ -96359,39 +96532,39 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#212121", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorTrackBuffer": { "active": "#93B1D7", @@ -96399,29 +96572,29 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#a0bfe4", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorsScheme": "light", "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", @@ -96434,6 +96607,7 @@ exports[`shapshots legoIOS 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, }, }, @@ -96442,6 +96616,7 @@ exports[`shapshots legoIOS 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", }, @@ -96451,6 +96626,7 @@ exports[`shapshots legoIOS 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, }, }, @@ -96459,6 +96635,7 @@ exports[`shapshots legoIOS 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", }, @@ -96468,6 +96645,7 @@ exports[`shapshots legoIOS 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, }, }, @@ -96476,13 +96654,14 @@ exports[`shapshots legoIOS 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, @@ -96490,13 +96669,13 @@ exports[`shapshots legoIOS 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, @@ -96504,7 +96683,7 @@ exports[`shapshots legoIOS 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, @@ -96512,7 +96691,7 @@ exports[`shapshots legoIOS 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, @@ -96526,6 +96705,7 @@ exports[`shapshots legoIOS 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, }, }, @@ -96534,6 +96714,7 @@ exports[`shapshots legoIOS 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", }, @@ -96541,24 +96722,28 @@ exports[`shapshots legoIOS 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, }, }, @@ -96585,24 +96770,28 @@ exports[`shapshots legoIOS 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, }, }, @@ -96636,12 +96825,12 @@ exports[`shapshots legoIOS 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(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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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, + "opacityDisable": 0.5, + "opacityDisableAccessibility": 0.5, "sizeArrow": { "regular": 8, }, @@ -96682,7 +96871,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -96697,7 +96886,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -96772,7 +96961,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -96806,8 +96995,8 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -96844,16 +97033,16 @@ exports[`shapshots legoIOS 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, @@ -96868,9 +97057,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkontakteIOS", - "themeName": "legoIOS", - "themeNameBase": "legoIOS", + "themeInheritsFrom": "vkontakteAndroid", + "themeName": "legoAndroid", + "themeNameBase": "legoAndroid", "themeType": "root", "vkontakteBackgroundHoverAlpha": { "active": "rgba(0, 0, 0, 0.12)", @@ -97276,7 +97465,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots legoAndroidDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -97296,7 +97485,7 @@ exports[`shapshots legoIOSDark 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": { @@ -97309,21 +97498,21 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "value": "var(--vkui--color_accent_azure, #0077ff)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #60A6F5)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #529ef4)", }, }, "colorAccentCyan": { @@ -97337,7 +97526,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", }, }, "colorAccentGray": { @@ -97379,7 +97568,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #aff70d)", }, }, "colorAccentOrange": { @@ -97421,7 +97610,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + "value": "var(--vkui--color_accent_orange_peach, #ffc062)", }, }, "colorAccentPink": { @@ -97435,7 +97624,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #f45fff)", }, }, "colorAccentPurple": { @@ -97511,15 +97700,15 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #529ef4)", }, }, "colorAvatarOverlay": { @@ -97533,7 +97722,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "value": "var(--vkui--color_avatar_overlay, #00000099)", }, }, "colorAvatarOverlayInverseAlpha": { @@ -97547,7 +97736,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, }, "colorBackground": { @@ -97567,43 +97756,43 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #E3E5E8)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #E1E3E6)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #E1E3E6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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": { @@ -97617,35 +97806,35 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff33)", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", + "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, #EBEEF1)", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #EAEDF0)", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #2B2B2B)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #222222)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #191919)", }, }, "colorBackgroundContentInverse": { @@ -97679,15 +97868,15 @@ exports[`shapshots legoIOSDark 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, #3E3E3E)", }, "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, #353535)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -97701,21 +97890,21 @@ exports[`shapshots legoIOSDark 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, #ffffff33)", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", }, }, "colorBackgroundInfoTint": { @@ -97729,21 +97918,21 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #1c3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #2F2F2F)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #262626)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "value": "var(--vkui--color_background_modal, #1d1d1d)", }, }, "colorBackgroundModalInverse": { @@ -97785,7 +97974,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", }, }, "colorBackgroundPositive": { @@ -97813,49 +98002,49 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #353535)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "value": "var(--vkui--color_background_secondary, #232323)", }, }, "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.18))", }, "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.14))", }, "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, #ffffff19)", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #323232)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #292929)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #202020)", }, }, "colorBackgroundTertiaryAlpha": { @@ -97869,7 +98058,7 @@ exports[`shapshots legoIOSDark 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.03))", + "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", }, }, "colorBackgroundWarning": { @@ -97931,15 +98120,15 @@ exports[`shapshots legoIOSDark 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, #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": { @@ -97953,49 +98142,49 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff1e)", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #2B2B2B)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #222222)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #191919)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #E3E5E8)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #E1E3E6)", + "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": { @@ -98015,15 +98204,15 @@ exports[`shapshots legoIOSDark 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, #F4F4F4)", }, "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, #F3F3F3)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, }, "colorIconContrastThemed": { @@ -98043,29 +98232,29 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "value": "var(--vkui--color_icon_medium--active, #B7B7B7)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #B4B4B4)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #b1b1b1)", }, }, "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(246, 246, 246, 0.74))", }, "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(246, 246, 246, 0.7000000000000001))", }, "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, #f6f6f6a8)", }, }, "colorIconNegative": { @@ -98099,71 +98288,71 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #E5E5E5)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #E4E4E4)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "value": "var(--vkui--color_icon_primary, #e3e3e3)", }, }, "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, #333333)", }, "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, #2A2A2A)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #838383)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #787878)", }, }, "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(246, 246, 246, 0.51))", }, "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(246, 246, 246, 0.47000000000000003))", }, "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, #f6f6f66d)", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #656565)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #5f5f5f)", }, }, "colorIconTertiaryAlpha": { @@ -98177,7 +98366,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff4c)", }, }, "colorIconWarning": { @@ -98191,7 +98380,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #edb055)", }, }, "colorImageBorderAlpha": { @@ -98205,35 +98394,35 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff14)", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #333333)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #2b2b2b)", }, }, "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(246, 246, 246, 0.16))", }, "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(246, 246, 246, 0.12))", }, "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, #f6f6f614)", }, }, "colorLinkContrast": { @@ -98261,13 +98450,13 @@ exports[`shapshots legoIOSDark 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, #00000066)", }, }, "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", @@ -98275,7 +98464,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "value": "var(--vkui--color_overlay_secondary, #00000044)", }, }, "colorPanelHeaderIcon": { @@ -98295,15 +98484,15 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "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, #474747)", }, "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, #3F3F3F)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #373737)", }, }, "colorSegmentedControl": { @@ -98323,43 +98512,43 @@ exports[`shapshots legoIOSDark 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, #474747)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #373737)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #545454)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #454545)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #606060)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #595959)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #525252)", }, }, "colorSeparatorPrimaryAlpha": { @@ -98373,77 +98562,77 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff1e)", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #272727)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #141414)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #353535)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #2d2d2d)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #353535)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #2d2d2d)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #E3E5E8)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #E1E3E6)", + "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": { @@ -98488,46 +98677,60 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #e3e3e3)", + }, + }, "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, #838383)", }, "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, #7D7D7D)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", + "value": "var(--vkui--color_tabbar_text_inactive, #787878)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #E3E5E8)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #E1E3E6)", + "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": { @@ -98561,43 +98764,43 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #E3E5E8)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #E2E4E7)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #E1E3E6)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #E1E3E6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #E1E3E6)", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, "colorTextLinkVisited": { @@ -98617,15 +98820,15 @@ exports[`shapshots legoIOSDark 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, #C9C9C9)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #C6C6C6)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #c4c4c4)", }, }, "colorTextNegative": { @@ -98659,113 +98862,113 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #E5E5E5)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #E4E4E4)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E1E3E6)", + "value": "var(--vkui--color_text_primary, #e3e3e3)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", }, }, "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, #333333)", }, "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, #2A2A2A)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #212121)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #838383)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #7D7D7D)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #787878)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #A2A2A2)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #9E9E9E)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #9a9a9a)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #6C6C6C)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #656565)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #5f5f5f)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #555555)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #4D4D4D)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #464646)", }, }, "colorTrackBuffer": { @@ -98785,71 +98988,71 @@ exports[`shapshots legoIOSDark 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, 0, 0, 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, 0, 0, 0.04))", }, "normal": { "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "value": "var(--vkui--color_transparent, #00000000)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "value": "var(--vkui--color_write_bar_icon, #529ef4)", }, }, "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, #3E3E3E)", }, "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, #353535)", }, "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, #2d2d2d)", }, }, "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, #3E3E3E)", }, "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, #353535)", }, "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, #2d2d2d)", }, }, "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(255, 255, 255, 0.16))", }, "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(255, 255, 255, 0.12))", }, "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, #ffffff14)", }, }, "colorsScheme": { @@ -98890,6 +99093,10 @@ exports[`shapshots legoIOSDark 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)", @@ -98908,6 +99115,10 @@ exports[`shapshots legoIOSDark 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)", @@ -98928,6 +99139,10 @@ exports[`shapshots legoIOSDark 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)", @@ -98950,6 +99165,10 @@ exports[`shapshots legoIOSDark 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)", @@ -98974,6 +99193,10 @@ exports[`shapshots legoIOSDark 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)", @@ -98992,6 +99215,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99012,6 +99239,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99034,6 +99265,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99058,6 +99293,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99076,6 +99315,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99096,6 +99339,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99118,6 +99365,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99324,6 +99575,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99342,6 +99597,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99362,6 +99621,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99384,6 +99647,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99408,6 +99675,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99418,6 +99689,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99436,6 +99711,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99456,6 +99735,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99466,6 +99749,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99484,6 +99771,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99590,6 +99881,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99600,6 +99895,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99618,6 +99917,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99638,6 +99941,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99648,6 +99955,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99666,6 +99977,10 @@ exports[`shapshots legoIOSDark 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)", @@ -99812,7 +100127,7 @@ exports[`shapshots legoIOSDark 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(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 1)) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -99820,7 +100135,7 @@ exports[`shapshots legoIOSDark 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(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 1)) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -99971,7 +100286,7 @@ exports[`shapshots legoIOSDark 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": { @@ -100021,7 +100336,7 @@ exports[`shapshots legoIOSDark 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": { @@ -100273,7 +100588,7 @@ exports[`shapshots legoIOSDark 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": { @@ -100387,11 +100702,11 @@ exports[`shapshots legoIOSDark 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": { @@ -100517,11 +100832,11 @@ exports[`shapshots legoIOSDark 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": { @@ -100531,11 +100846,11 @@ exports[`shapshots legoIOSDark 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": { @@ -100545,11 +100860,11 @@ exports[`shapshots legoIOSDark 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": { @@ -100604,15 +100919,15 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkontakteIOSDark)", + "value": "var(--vkui--theme_inherits_from, vkontakteAndroidDark)", }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, legoIOSDark)", + "value": "var(--vkui--theme_name, legoAndroidDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, legoIOS)", + "value": "var(--vkui--theme_name_base, legoAndroid)", }, "themeType": "cssVars", "vkontakteBackgroundHoverAlpha": { @@ -101784,27 +102099,27 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots legoAndroidDark 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", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAccentCyan": { "active": "#26FFD4", "hover": "#1CFFD2", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#AAB4BE", @@ -101819,7 +102134,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorAccentLime": { "active": "#B5F820", "hover": "#B2F717", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#FFA814", @@ -101834,12 +102149,12 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorAccentOrangePeach": { "active": "#FFC56F", "hover": "#FFC368", - "normal": "#FFC062", + "normal": "#ffc062", }, "colorAccentPink": { "active": "#F56CFF", "hover": "#F465FF", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#A18FFF", @@ -101867,19 +102182,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { "active": "#1E1E1E", @@ -101887,34 +102202,34 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "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)", + "normal": "#ffffff33", }, "colorBackgroundAccentTint": { - "active": "#ECEEF1", - "hover": "#EBEEF1", - "normal": "#EAEDF0", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -101927,29 +102242,29 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundInfoTint": { "active": "#2E4962", "hover": "#25415B", - "normal": "#1C3954", + "normal": "#1c3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -101964,7 +102279,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundPositive": { "active": "#59B959", @@ -101974,27 +102289,27 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorBackgroundPositiveTint": { "active": "#3F4D3C", "hover": "#364633", - "normal": "#2E3E2B", + "normal": "#2e3e2b", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", }, "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.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#323232", + "hover": "#292929", + "normal": "#202020", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "normal": "#ffffff07", }, "colorBackgroundWarning": { "active": "#564328", @@ -102017,29 +102332,29 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorIconAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -102047,9 +102362,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#141414", @@ -102057,14 +102372,14 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#000000", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", }, "colorIconNegative": { "active": "#FF6969", @@ -102077,54 +102392,54 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorIconTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.38)", "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "normal": "#ffffff4c", }, "colorIconWarning": { "active": "#EEB663", "hover": "#EEB35C", - "normal": "#EDB055", + "normal": "#edb055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "#ffffff14", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -102134,12 +102449,12 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -102147,9 +102462,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -102157,49 +102472,49 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#606060", + "hover": "#595959", + "normal": "#525252", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorStrokeAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -102216,20 +102531,25 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -102242,19 +102562,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#000000", }, "colorTextLink": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { "active": "#5890D0", @@ -102262,9 +102582,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", }, "colorTextNegative": { "active": "#FF6969", @@ -102277,44 +102597,44 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", }, "colorTrackBuffer": { "active": "#4F647D", @@ -102322,29 +102642,29 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#405772", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -102357,6 +102677,7 @@ exports[`shapshots legoIOSDark 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", }, }, @@ -102365,6 +102686,7 @@ exports[`shapshots legoIOSDark 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", }, @@ -102374,6 +102696,7 @@ exports[`shapshots legoIOSDark 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", }, }, @@ -102382,6 +102705,7 @@ exports[`shapshots legoIOSDark 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", }, @@ -102391,6 +102715,7 @@ exports[`shapshots legoIOSDark 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", }, }, @@ -102399,6 +102724,7 @@ exports[`shapshots legoIOSDark 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", }, @@ -102449,6 +102775,7 @@ exports[`shapshots legoIOSDark 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", }, }, @@ -102457,6 +102784,7 @@ exports[`shapshots legoIOSDark 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", }, @@ -102464,24 +102792,28 @@ exports[`shapshots legoIOSDark 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", }, }, @@ -102508,24 +102840,28 @@ exports[`shapshots legoIOSDark 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", }, }, @@ -102559,9 +102895,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "fontWeightBase1": 600, "fontWeightBase2": 500, "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(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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, @@ -102605,7 +102941,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -102620,7 +102956,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -102695,7 +103031,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -102729,8 +103065,8 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -102767,16 +103103,16 @@ exports[`shapshots legoIOSDark 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", @@ -102791,9 +103127,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkontakteIOSDark", - "themeName": "legoIOSDark", - "themeNameBase": "legoIOS", + "themeInheritsFrom": "vkontakteAndroidDark", + "themeName": "legoAndroidDark", + "themeNameBase": "legoAndroid", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { "active": "rgba(255, 255, 255, 0.12)", @@ -103199,27 +103535,27 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = } `; -exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots legoAndroidDark 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)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "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, #60A6F5)", + "hover": "var(--vkui--color_accent_blue--hover, #59A2F4)", + "normal": "var(--vkui--color_accent_blue, #529ef4)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", }, "colorAccentGray": { "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", @@ -103234,7 +103570,7 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "colorAccentLime": { "active": "var(--vkui--color_accent_lime--active, #B5F820)", "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #FFA814)", @@ -103249,12 +103585,12 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "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)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #A18FFF)", @@ -103282,19 +103618,19 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "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, #60A6F5)", + "hover": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + "normal": "var(--vkui--color_action_sheet_text, #529ef4)", }, "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))", + "normal": "var(--vkui--color_avatar_overlay, #00000099)", }, "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))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, "colorBackground": { "active": "var(--vkui--color_background--active, #1E1E1E)", @@ -103302,34 +103638,34 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_background_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_background_accent, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #E2E4E7)", - "normal": "var(--vkui--color_background_accent_alternative, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_background_accent_themed--hover, #E2E4E7)", - "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))", "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))", + "normal": "var(--vkui--color_background_accent_themed_alpha, #ffffff33)", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", - "hover": "var(--vkui--color_background_accent_tint--hover, #EBEEF1)", - "normal": "var(--vkui--color_background_accent_tint, #EAEDF0)", + "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)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #222222)", + "normal": "var(--vkui--color_background_content, #191919)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -103342,29 +103678,29 @@ exports[`shapshots legoIOSDark 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, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, "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, #ffffff33)", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", }, "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)", + "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, #2F2F2F)", + "hover": "var(--vkui--color_background_modal--hover, #262626)", + "normal": "var(--vkui--color_background_modal, #1d1d1d)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -103379,7 +103715,7 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -103389,27 +103725,27 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "normal": "var(--vkui--color_background_positive_tint, #2e3e2b)", }, "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, #353535)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "normal": "var(--vkui--color_background_secondary, #232323)", }, "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.18))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", }, "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, #323232)", + "hover": "var(--vkui--color_background_tertiary--hover, #292929)", + "normal": "var(--vkui--color_background_tertiary, #202020)", }, "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))", + "normal": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #564328)", @@ -103432,29 +103768,29 @@ exports[`shapshots legoIOSDark 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, #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))", "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))", + "normal": "var(--vkui--color_field_border_alpha, #ffffff1e)", }, "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, #2B2B2B)", + "hover": "var(--vkui--color_header_background--hover, #222222)", + "normal": "var(--vkui--color_header_background, #191919)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_accent, #E1E3E6)", + "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, #D7D8DB)", @@ -103462,9 +103798,9 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", @@ -103472,14 +103808,14 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "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, #B7B7B7)", + "hover": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + "normal": "var(--vkui--color_icon_medium, #b1b1b1)", }, "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(246, 246, 246, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", @@ -103492,54 +103828,54 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "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, #E5E5E5)", + "hover": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_icon_primary, #e3e3e3)", }, "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, #333333)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", }, "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, #838383)", + "hover": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_icon_secondary, #787878)", }, "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(246, 246, 246, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", }, "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, #6C6C6C)", + "hover": "var(--vkui--color_icon_tertiary--hover, #656565)", + "normal": "var(--vkui--color_icon_tertiary, #5f5f5f)", }, "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))", + "normal": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "normal": "var(--vkui--color_icon_warning, #edb055)", }, "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))", + "normal": "var(--vkui--color_image_border_alpha, #ffffff14)", }, "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, #3C3C3C)", + "hover": "var(--vkui--color_image_placeholder--hover, #333333)", + "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", }, "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(246, 246, 246, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", @@ -103549,12 +103885,12 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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, #00000066)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -103562,9 +103898,9 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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, #474747)", + "hover": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + "normal": "var(--vkui--color_search_field_background, #373737)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -103572,49 +103908,49 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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, #474747)", + "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "normal": "var(--vkui--color_separator_primary, #373737)", }, "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, #545454)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "normal": "var(--vkui--color_separator_primary2x, #454545)", }, "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, #606060)", + "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", + "normal": "var(--vkui--color_separator_primary3x, #525252)", }, "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))", + "normal": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", }, "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, #272727)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "normal": "var(--vkui--color_separator_secondary, #141414)", }, "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, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_from--hover, #353535)", + "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", }, "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, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_to--hover, #353535)", + "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_stroke_accent, #E1E3E6)", + "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)", @@ -103631,20 +103967,25 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_stroke_primary, #e3e3e3)", + }, "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, #838383)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_text_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_accent, #E1E3E6)", + "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)", @@ -103657,19 +103998,19 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #E3E5E8)", - "hover": "var(--vkui--color_text_link--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_link_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link_themed, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_link_tint--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link_tint, #E1E3E6)", + "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, #5890D0)", @@ -103677,9 +104018,9 @@ exports[`shapshots legoIOSDark 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, #C9C9C9)", + "hover": "var(--vkui--color_text_muted--hover, #C6C6C6)", + "normal": "var(--vkui--color_text_muted, #c4c4c4)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", @@ -103692,44 +104033,44 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--color_text_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_text_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_text_primary, #e3e3e3)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", }, "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, #333333)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", }, "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, #838383)", + "hover": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_text_secondary, #787878)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", }, "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, #A2A2A2)", + "hover": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + "normal": "var(--vkui--color_text_subhead, #9a9a9a)", }, "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, #6C6C6C)", + "hover": "var(--vkui--color_text_tertiary--hover, #656565)", + "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", }, "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, #555555)", + "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", + "normal": "var(--vkui--color_track_background, #464646)", }, "colorTrackBuffer": { "active": "var(--vkui--color_track_buffer--active, #4F647D)", @@ -103737,29 +104078,29 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_track_buffer, #405772)", }, "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": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", }, "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, #60A6F5)", + "hover": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + "normal": "var(--vkui--color_write_bar_icon, #529ef4)", }, "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, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", }, "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, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", }, "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(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", }, "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))", @@ -103772,6 +104113,7 @@ exports[`shapshots legoIOSDark 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)", }, }, @@ -103780,6 +104122,7 @@ exports[`shapshots legoIOSDark 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)", }, @@ -103789,6 +104132,7 @@ exports[`shapshots legoIOSDark 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)", }, }, @@ -103797,6 +104141,7 @@ exports[`shapshots legoIOSDark 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)", }, @@ -103806,6 +104151,7 @@ exports[`shapshots legoIOSDark 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)", }, }, @@ -103814,6 +104160,7 @@ exports[`shapshots legoIOSDark 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)", }, @@ -103864,6 +104211,7 @@ exports[`shapshots legoIOSDark 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)", }, }, @@ -103872,6 +104220,7 @@ exports[`shapshots legoIOSDark 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)", }, @@ -103879,24 +104228,28 @@ exports[`shapshots legoIOSDark 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)", }, }, @@ -103923,24 +104276,28 @@ exports[`shapshots legoIOSDark 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)", }, }, @@ -103974,9 +104331,9 @@ exports[`shapshots legoIOSDark 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(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(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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)", @@ -104020,7 +104377,7 @@ exports[`shapshots legoIOSDark 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)", @@ -104035,7 +104392,7 @@ exports[`shapshots legoIOSDark 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)", @@ -104110,7 +104467,7 @@ exports[`shapshots legoIOSDark 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)", @@ -104144,8 +104501,8 @@ exports[`shapshots legoIOSDark 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)", @@ -104182,16 +104539,16 @@ exports[`shapshots legoIOSDark 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)", @@ -104206,9 +104563,9 @@ exports[`shapshots legoIOSDark 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, vkontakteIOSDark)", - "themeName": "var(--vkui--theme_name, legoIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkontakteAndroidDark)", + "themeName": "var(--vkui--theme_name, legoAndroidDark)", + "themeNameBase": "var(--vkui--theme_name_base, legoAndroid)", "themeType": "pixelify", "vkontakteBackgroundHoverAlpha": { "active": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.12))", @@ -104614,27 +104971,27 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] } `; -exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots legoAndroidDark 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", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAccentCyan": { "active": "#26FFD4", "hover": "#1CFFD2", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#AAB4BE", @@ -104649,7 +105006,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorAccentLime": { "active": "#B5F820", "hover": "#B2F717", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#FFA814", @@ -104664,12 +105021,12 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorAccentOrangePeach": { "active": "#FFC56F", "hover": "#FFC368", - "normal": "#FFC062", + "normal": "#ffc062", }, "colorAccentPink": { "active": "#F56CFF", "hover": "#F465FF", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#A18FFF", @@ -104697,19 +105054,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { "active": "#1E1E1E", @@ -104717,34 +105074,34 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "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)", + "normal": "#ffffff33", }, "colorBackgroundAccentTint": { - "active": "#ECEEF1", - "hover": "#EBEEF1", - "normal": "#EAEDF0", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -104757,29 +105114,29 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundInfoTint": { "active": "#2E4962", "hover": "#25415B", - "normal": "#1C3954", + "normal": "#1c3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -104794,7 +105151,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundPositive": { "active": "#59B959", @@ -104804,27 +105161,27 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#3F4D3C", "hover": "#364633", - "normal": "#2E3E2B", + "normal": "#2e3e2b", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", }, "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.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#323232", + "hover": "#292929", + "normal": "#202020", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "normal": "#ffffff07", }, "colorBackgroundWarning": { "active": "#564328", @@ -104847,29 +105204,29 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorIconAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -104877,9 +105234,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#141414", @@ -104887,14 +105244,14 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", }, "colorIconNegative": { "active": "#FF6969", @@ -104907,54 +105264,54 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorIconTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.38)", "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "normal": "#ffffff4c", }, "colorIconWarning": { "active": "#EEB663", "hover": "#EEB35C", - "normal": "#EDB055", + "normal": "#edb055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "#ffffff14", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -104964,12 +105321,12 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -104977,9 +105334,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -104987,49 +105344,49 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#606060", + "hover": "#595959", + "normal": "#525252", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorStrokeAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -105046,20 +105403,25 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "hover": "#52B652", "normal": "#4bb34b", }, + "colorStrokePrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", + }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -105072,19 +105434,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextLink": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { "active": "#5890D0", @@ -105092,9 +105454,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", }, "colorTextNegative": { "active": "#FF6969", @@ -105107,44 +105469,44 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", }, "colorTrackBuffer": { "active": "#4F647D", @@ -105152,29 +105514,29 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#405772", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -105187,6 +105549,7 @@ exports[`shapshots legoIOSDark 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, }, }, @@ -105195,6 +105558,7 @@ exports[`shapshots legoIOSDark 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", }, @@ -105204,6 +105568,7 @@ exports[`shapshots legoIOSDark 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, }, }, @@ -105212,6 +105577,7 @@ exports[`shapshots legoIOSDark 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", }, @@ -105221,6 +105587,7 @@ exports[`shapshots legoIOSDark 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, }, }, @@ -105229,6 +105596,7 @@ exports[`shapshots legoIOSDark 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", }, @@ -105279,6 +105647,7 @@ exports[`shapshots legoIOSDark 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, }, }, @@ -105287,6 +105656,7 @@ exports[`shapshots legoIOSDark 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", }, @@ -105294,24 +105664,28 @@ exports[`shapshots legoIOSDark 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, }, }, @@ -105338,24 +105712,28 @@ exports[`shapshots legoIOSDark 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, }, }, @@ -105389,9 +105767,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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, @@ -105435,7 +105813,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -105450,7 +105828,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -105525,7 +105903,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -105559,8 +105937,8 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -105597,16 +105975,16 @@ exports[`shapshots legoIOSDark 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, @@ -105621,9 +105999,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkontakteIOSDark", - "themeName": "legoIOSDark", - "themeNameBase": "legoIOS", + "themeInheritsFrom": "vkontakteAndroidDark", + "themeName": "legoAndroidDark", + "themeNameBase": "legoAndroid", "themeType": "root", "vkontakteBackgroundHoverAlpha": { "active": "rgba(255, 255, 255, 0.12)", @@ -106029,7 +106407,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots media theme should match cssVars snapshot 1`] = ` +exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -106049,25 +106427,7 @@ exports[`shapshots media 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": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, "colorAccentAzure": { "active": { @@ -106086,85 +106446,85 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "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": { @@ -106178,7 +106538,7 @@ exports[`shapshots media 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": { @@ -106198,29 +106558,29 @@ exports[`shapshots media 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, #815DEF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #8C64FF)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "colorAccentRaspberryPink": { @@ -106234,77 +106594,77 @@ exports[`shapshots media 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, #DA300E)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", + "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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "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": { @@ -106324,127 +106684,85 @@ exports[`shapshots media 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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #1E2023)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #202022)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #212121)", }, }, "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, #1E2023)", }, "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, #202022)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "value": "var(--vkui--color_background_accent_alternative, #212121)", }, }, "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "value": "var(--vkui--color_background_accent_themed--active, #1E2023)", }, "hover": { "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #202022)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "value": "var(--vkui--color_background_accent_themed, #212121)", }, }, "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))", + "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(0, 119, 255, 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(0, 119, 255, 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, #5393EF)", + "value": "var(--vkui--color_background_accent_tint--active, #292B2E)", }, "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, #2B2C2E)", }, "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))", + "value": "var(--vkui--color_background_accent_tint, #2D2D2D)", }, }, "colorBackgroundContent": { @@ -106458,21 +106776,21 @@ exports[`shapshots media 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "colorBackgroundContrast": { @@ -106486,21 +106804,21 @@ exports[`shapshots media 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, #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": { @@ -106514,7 +106832,7 @@ exports[`shapshots media 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": { @@ -106534,15 +106852,15 @@ exports[`shapshots media 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": { @@ -106562,407 +106880,211 @@ exports[`shapshots media 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, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "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, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", }, "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))", + "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, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "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, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", + "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(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))", - }, - }, - "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))", + "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, #006FEF)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #0073F7)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #0077ff)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #006FEF)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #0077ff)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #006FEF)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #0073F7)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #0077ff)", + "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": { @@ -106976,35 +107098,35 @@ exports[`shapshots media 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, #006FEF)", + "value": "var(--vkui--color_icon_accent--active, #1E2023)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #202022)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "value": "var(--vkui--color_icon_accent, #212121)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "value": "var(--vkui--color_icon_accent_themed--active, #1E2023)", }, "hover": { "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #202022)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "value": "var(--vkui--color_icon_accent_themed, #212121)", }, }, "colorIconContrast": { @@ -107018,7 +107140,7 @@ exports[`shapshots media 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": { @@ -107032,7 +107154,7 @@ exports[`shapshots media 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": { @@ -107046,63 +107168,63 @@ exports[`shapshots media 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, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "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": { @@ -107116,7 +107238,7 @@ exports[`shapshots media 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": { @@ -107130,119 +107252,119 @@ exports[`shapshots media 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, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + "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(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, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "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(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)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 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(0, 28, 61, 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(0, 28, 61, 0.08))", }, }, "colorLinkContrast": { @@ -107256,7 +107378,7 @@ exports[`shapshots media 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": { @@ -107270,752 +107392,416 @@ exports[`shapshots media 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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", }, }, - "colorPrimaryAuto": { + "colorSearchFieldBackground": { "active": { - "name": "--vkui--color_primary_auto--active", - "value": "var(--vkui--color_primary_auto--active, #006FEF)", + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D8DBE2)", }, "hover": { - "name": "--vkui--color_primary_auto--hover", - "value": "var(--vkui--color_primary_auto--hover, #0073F7)", + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { - "name": "--vkui--color_primary_auto", - "value": "var(--vkui--color_primary_auto, #0077FF)", + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, - "colorPrimaryBase": { + "colorSegmentedControl": { "active": { - "name": "--vkui--color_primary_base--active", - "value": "var(--vkui--color_primary_base--active, #006FEF)", + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_primary_base--hover", - "value": "var(--vkui--color_primary_base--hover, #0073F7)", + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_primary_base", - "value": "var(--vkui--color_primary_base, #0077FF)", + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #ffffff)", }, }, - "colorPrimaryDeti": { + "colorSeparatorPrimary": { "active": { - "name": "--vkui--color_primary_deti--active", - "value": "var(--vkui--color_primary_deti--active, #006FEF)", + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { - "name": "--vkui--color_primary_deti--hover", - "value": "var(--vkui--color_primary_deti--hover, #0073F7)", + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { - "name": "--vkui--color_primary_deti", - "value": "var(--vkui--color_primary_deti, #0077FF)", + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, - "colorPrimaryDobro": { + "colorSeparatorPrimary2x": { "active": { - "name": "--vkui--color_primary_dobro--active", - "value": "var(--vkui--color_primary_dobro--active, #EBC405)", + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { - "name": "--vkui--color_primary_dobro--hover", - "value": "var(--vkui--color_primary_dobro--hover, #F5CC02)", + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { - "name": "--vkui--color_primary_dobro", - "value": "var(--vkui--color_primary_dobro, #ffd400)", + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, - "colorPrimaryHealth": { + "colorSeparatorPrimary3x": { "active": { - "name": "--vkui--color_primary_health--active", - "value": "var(--vkui--color_primary_health--active, #006FEF)", + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { - "name": "--vkui--color_primary_health--hover", - "value": "var(--vkui--color_primary_health--hover, #0073F7)", + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { - "name": "--vkui--color_primary_health", - "value": "var(--vkui--color_primary_health, #0077FF)", + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, - "colorPrimaryHealthNew": { + "colorSeparatorPrimaryAlpha": { "active": { - "name": "--vkui--color_primary_health_new--active", - "value": "var(--vkui--color_primary_health_new--active, #006FEF)", + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", }, "hover": { - "name": "--vkui--color_primary_health_new--hover", - "value": "var(--vkui--color_primary_health_new--hover, #0073F7)", + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", }, "normal": { - "name": "--vkui--color_primary_health_new", - "value": "var(--vkui--color_primary_health_new, #0077FF)", + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, }, - "colorPrimaryHitech": { + "colorSeparatorSecondary": { "active": { - "name": "--vkui--color_primary_hitech--active", - "value": "var(--vkui--color_primary_hitech--active, #006FEF)", + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { - "name": "--vkui--color_primary_hitech--hover", - "value": "var(--vkui--color_primary_hitech--hover, #0073F7)", + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { - "name": "--vkui--color_primary_hitech", - "value": "var(--vkui--color_primary_hitech, #0077FF)", + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, - "colorPrimaryKino": { + "colorSkeletonFrom": { "active": { - "name": "--vkui--color_primary_kino--active", - "value": "var(--vkui--color_primary_kino--active, #006FEF)", + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { - "name": "--vkui--color_primary_kino--hover", - "value": "var(--vkui--color_primary_kino--hover, #0073F7)", + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { - "name": "--vkui--color_primary_kino", - "value": "var(--vkui--color_primary_kino, #0077FF)", + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, - "colorPrimaryLady": { + "colorSkeletonTo": { "active": { - "name": "--vkui--color_primary_lady--active", - "value": "var(--vkui--color_primary_lady--active, #006FEF)", + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { - "name": "--vkui--color_primary_lady--hover", - "value": "var(--vkui--color_primary_lady--hover, #0073F7)", + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { - "name": "--vkui--color_primary_lady", - "value": "var(--vkui--color_primary_lady, #0077FF)", + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, - "colorPrimaryMycom": { + "colorStrokeAccent": { "active": { - "name": "--vkui--color_primary_mycom--active", - "value": "var(--vkui--color_primary_mycom--active, #009FE4)", + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #1E2023)", }, "hover": { - "name": "--vkui--color_primary_mycom--hover", - "value": "var(--vkui--color_primary_mycom--hover, #00A5EB)", + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #202022)", }, "normal": { - "name": "--vkui--color_primary_mycom", - "value": "var(--vkui--color_primary_mycom, #00abf2)", + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #212121)", }, }, - "colorPrimaryPets": { + "colorStrokeAccentThemed": { "active": { - "name": "--vkui--color_primary_pets--active", - "value": "var(--vkui--color_primary_pets--active, #fc627e)", + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", }, "hover": { - "name": "--vkui--color_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "name": "--vkui--color_stroke_accent_themed--hover", + "value": "var(--vkui--color_stroke_accent_themed--hover, #202022)", }, "normal": { - "name": "--vkui--color_primary_pets", - "value": "var(--vkui--color_primary_pets, #fc738c)", + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #212121)", }, }, - "colorPrimaryPharma": { + "colorStrokeContrast": { "active": { - "name": "--vkui--color_primary_pharma--active", - "value": "var(--vkui--color_primary_pharma--active, #1BC39A)", + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_primary_pharma--hover", - "value": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", + "name": "--vkui--color_stroke_contrast--hover", + "value": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_primary_pharma", - "value": "var(--vkui--color_primary_pharma, #1DD3A2)", + "name": "--vkui--color_stroke_contrast", + "value": "var(--vkui--color_stroke_contrast, #ffffff)", }, }, - "colorPrimaryRealty": { + "colorStrokeNegative": { "active": { - "name": "--vkui--color_primary_realty--active", - "value": "var(--vkui--color_primary_realty--active, #006FEF)", + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { - "name": "--vkui--color_primary_realty--hover", - "value": "var(--vkui--color_primary_realty--hover, #0073F7)", + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { - "name": "--vkui--color_primary_realty", - "value": "var(--vkui--color_primary_realty, #0077FF)", + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, - "colorRating": { + "colorStrokePositive": { "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, - "colorSearchFieldBackground": { + "colorTabbarTextInactive": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, }, - "colorSecondaryBase": { + "colorTextAccent": { "active": { - "name": "--vkui--color_secondary_base--active", - "value": "var(--vkui--color_secondary_base--active, #006FEF)", + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #1E2023)", }, "hover": { - "name": "--vkui--color_secondary_base--hover", - "value": "var(--vkui--color_secondary_base--hover, #0073F7)", + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #202022)", }, "normal": { - "name": "--vkui--color_secondary_base", - "value": "var(--vkui--color_secondary_base, #0077FF)", + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #212121)", }, }, - "colorSecondaryHealth": { + "colorTextAccentThemed": { "active": { - "name": "--vkui--color_secondary_health--active", - "value": "var(--vkui--color_secondary_health--active, #006FEF)", + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #1E2023)", }, "hover": { - "name": "--vkui--color_secondary_health--hover", - "value": "var(--vkui--color_secondary_health--hover, #0073F7)", + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #202022)", }, "normal": { - "name": "--vkui--color_secondary_health", - "value": "var(--vkui--color_secondary_health, #0077FF)", + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #212121)", }, }, - "colorSecondaryMycom": { + "colorTextContrast": { "active": { - "name": "--vkui--color_secondary_mycom--active", - "value": "var(--vkui--color_secondary_mycom--active, #E82A38)", + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_secondary_mycom--hover", - "value": "var(--vkui--color_secondary_mycom--hover, #F22B38)", + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_secondary_mycom", - "value": "var(--vkui--color_secondary_mycom, #fc2c38)", + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #ffffff)", }, }, - "colorSegmentedControl": { + "colorTextContrastThemed": { "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #EBECEF)", + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #FFFFFF)", + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, - "colorSeparatorPrimary": { + "colorTextLink": { "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #1E2023)", }, "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #202022)", }, "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #212121)", }, }, - "colorSeparatorPrimary2x": { + "colorTextLinkThemed": { "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #1E2023)", }, "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #202022)", }, "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #212121)", }, }, - "colorSeparatorPrimary3x": { + "colorTextLinkTint": { "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #1E2023)", }, "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #202022)", }, "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #212121)", }, }, - "colorSeparatorPrimaryAlpha": { + "colorTextLinkVisited": { "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_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #437DC1)", }, "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_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", }, "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 16, 61, 0.12))", + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, - "colorSeparatorSecondary": { + "colorTextMuted": { "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #2c2d2e)", }, }, - "colorSkeletonFrom": { + "colorTextNegative": { "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", }, "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, - "colorSkeletonTo": { + "colorTextPositive": { "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, - "colorSocialBehance": { + "colorTextPrimary": { "active": { - "name": "--vkui--color_social_behance--active", - "value": "var(--vkui--color_social_behance--active, #1562EF)", + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #1E2023)", }, "hover": { - "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #1665F7)", + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #202022)", }, "normal": { - "name": "--vkui--color_social_behance", - "value": "var(--vkui--color_social_behance, #1769ff)", + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #212121)", }, }, - "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, #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, #DA300E)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", - }, - }, - "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)", - }, - }, - "colorTextPrimaryAlpha": { + "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", @@ -108032,29 +107818,29 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "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, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { @@ -108074,183 +107860,57 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "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, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "colorTransparent": { @@ -108270,29 +107930,29 @@ 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, #006FEF)", + "value": "var(--vkui--color_write_bar_icon--active, #1E2023)", }, "hover": { "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", + "value": "var(--vkui--color_write_bar_icon--hover, #202022)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "value": "var(--vkui--color_write_bar_icon, #212121)", }, }, "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, #DFE1E6)", }, "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, #E8EAEE)", }, "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, #f2f3f5)", }, }, "colorWriteBarInputBorder": { @@ -108306,21 +107966,21 @@ exports[`shapshots media 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, 16, 61, 0.88))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.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))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", }, "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(0, 0, 0, 0.08))", }, }, "colorsScheme": { @@ -108329,23 +107989,23 @@ exports[`shapshots media 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 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, 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 16px 48px 0px rgba(0, 16, 61, 0.28))", + "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 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, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -108369,7 +108029,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Inter, 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", @@ -108381,7 +108041,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, "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)", }, }, }, @@ -108399,10 +108059,6 @@ exports[`shapshots media 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)", @@ -108415,7 +108071,7 @@ exports[`shapshots media 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, Inter, 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", @@ -108423,15 +108079,11 @@ exports[`shapshots media 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", @@ -108461,7 +108113,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Inter, 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", @@ -108491,10 +108143,6 @@ exports[`shapshots media 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)", @@ -108507,7 +108155,7 @@ exports[`shapshots media 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, Inter, 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", @@ -108515,11 +108163,7 @@ exports[`shapshots media 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", @@ -108553,7 +108197,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Inter, 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", @@ -108583,10 +108227,6 @@ exports[`shapshots media 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)", @@ -108599,7 +108239,7 @@ exports[`shapshots media 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, Inter, 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", @@ -108607,11 +108247,7 @@ exports[`shapshots media 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", @@ -108645,7 +108281,7 @@ exports[`shapshots media 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", @@ -108653,7 +108289,7 @@ exports[`shapshots media 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", @@ -108683,7 +108319,7 @@ exports[`shapshots media 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", @@ -108691,17 +108327,17 @@ exports[`shapshots media 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", @@ -108709,7 +108345,7 @@ exports[`shapshots media 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", @@ -108739,7 +108375,7 @@ exports[`shapshots media 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", @@ -108747,7 +108383,7 @@ exports[`shapshots media 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", @@ -108777,7 +108413,7 @@ exports[`shapshots media 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", @@ -108785,29 +108421,25 @@ exports[`shapshots media 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, Inter, Helvetica, Arial, sans-serif)", - }, - "fontFamilyArticle": { - "name": "--vkui--font_family_article", - "value": "var(--vkui--font_family_article, Inter, Helvetica, Arial, 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", - "value": "var(--vkui--font_family_base, Inter, 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFootnote": { "auto": { @@ -108831,7 +108463,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Inter, 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", @@ -108843,7 +108475,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, "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)", }, }, }, @@ -108861,10 +108493,6 @@ exports[`shapshots media 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)", @@ -108877,7 +108505,7 @@ exports[`shapshots media 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, Inter, 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", @@ -108887,13 +108515,9 @@ exports[`shapshots media 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", @@ -108901,242 +108525,6 @@ exports[`shapshots media 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": { - "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, 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", - "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, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 36px)", - }, - "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, 48px)", - }, - }, - }, - "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": { - "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, 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", - "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, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 28px)", - }, - "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, 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)", - }, - }, - }, "fontHeadline": { "auto": { "fontFamily": { @@ -109169,7 +108557,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, VKSansDisplay, MailSans, Inter, 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", @@ -109217,7 +108605,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, VKSansDisplay, MailSans, Inter, 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", @@ -109265,7 +108653,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, VKSansDisplay, MailSans, Inter, 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", @@ -109303,7 +108691,7 @@ exports[`shapshots media 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -109345,13 +108733,13 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, "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, VKSansDisplay, MailSans, Inter, 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", @@ -109399,7 +108787,7 @@ exports[`shapshots media 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -109437,7 +108825,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, VKSansDisplay, MailSans, Inter, 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", @@ -109445,7 +108833,7 @@ exports[`shapshots media 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", @@ -109475,7 +108863,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, VKSansDisplay, MailSans, Inter, 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", @@ -109483,11 +108871,11 @@ exports[`shapshots media 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)", }, }, }, @@ -109513,7 +108901,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, VKSansDisplay, MailSans, Inter, 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", @@ -109521,7 +108909,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, "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", @@ -109531,7 +108919,7 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` }, "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", @@ -109543,32 +108931,16 @@ exports[`shapshots media 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", "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%)", @@ -109579,2802 +108951,1958 @@ exports[`shapshots media 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", "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.4)", + }, + "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)", - }, - "compactX": { - "name": "--vkui--grid_aside_content--compact_x", - "value": "var(--vkui--grid_aside_content--compact_x, 300px)", - }, - "large": { - "name": "--vkui--grid_aside_content--large", - "value": "var(--vkui--grid_aside_content--large, 380px)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--grid_aside_content--regular", - "value": "var(--vkui--grid_aside_content--regular, 100%)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "gridColumnX2": { + "sizeArrowPadding": { "auto": { - "name": "--vkui--grid_column_x2", - "value": "var(--vkui--grid_column_x2)", - }, - "compact": { - "name": "--vkui--grid_column_x2--compact", - "value": "var(--vkui--grid_column_x2--compact, 430px)", - }, - "compactX": { - "name": "--vkui--grid_column_x2--compact_x", - "value": "var(--vkui--grid_column_x2--compact_x, 280px)", - }, - "large": { - "name": "--vkui--grid_column_x2--large", - "value": "var(--vkui--grid_column_x2--large, 580px)", + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--grid_column_x2--regular", - "value": "var(--vkui--grid_column_x2--regular, 100%)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "gridColumnX3": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--grid_column_x3", - "value": "var(--vkui--grid_column_x3)", - }, - "compact": { - "name": "--vkui--grid_column_x3--compact", - "value": "var(--vkui--grid_column_x3--compact, 280px)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "compactX": { - "name": "--vkui--grid_column_x3--compact_x", - "value": "var(--vkui--grid_column_x3--compact_x, 180px)", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "large": { - "name": "--vkui--grid_column_x3--large", - "value": "var(--vkui--grid_column_x3--large, 380px)", + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--grid_column_x3--regular", - "value": "var(--vkui--grid_column_x3--regular, 100%)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "gridColumnX4": { + "sizeAvatarM": { "auto": { - "name": "--vkui--grid_column_x4", - "value": "var(--vkui--grid_column_x4)", - }, - "compact": { - "name": "--vkui--grid_column_x4--compact", - "value": "var(--vkui--grid_column_x4--compact, 205px)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "compactX": { - "name": "--vkui--grid_column_x4--compact_x", - "value": "var(--vkui--grid_column_x4--compact_x, 130px)", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, - "large": { - "name": "--vkui--grid_column_x4--large", - "value": "var(--vkui--grid_column_x4--large, 280px)", + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "name": "--vkui--grid_column_x4--regular", - "value": "var(--vkui--grid_column_x4--regular, 100%)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "gridColumnX6": { + "sizeAvatarXL": { "auto": { - "name": "--vkui--grid_column_x6", - "value": "var(--vkui--grid_column_x6)", - }, - "compact": { - "name": "--vkui--grid_column_x6--compact", - "value": "var(--vkui--grid_column_x6--compact, 130px)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "compactX": { - "name": "--vkui--grid_column_x6--compact_x", - "value": "var(--vkui--grid_column_x6--compact_x, 80px)", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "large": { - "name": "--vkui--grid_column_x6--large", - "value": "var(--vkui--grid_column_x6--large, 180px)", + }, + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, "regular": { - "name": "--vkui--grid_column_x6--regular", - "value": "var(--vkui--grid_column_x6--regular, 100%)", + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "gridMainContent": { + "sizeBadgeL": { "auto": { - "name": "--vkui--grid_main_content", - "value": "var(--vkui--grid_main_content)", - }, - "compact": { - "name": "--vkui--grid_main_content--compact", - "value": "var(--vkui--grid_main_content--compact, 620px)", + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "compactX": { - "name": "--vkui--grid_main_content--compact_x", - "value": "var(--vkui--grid_main_content--compact_x, 620px)", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, - "large": { - "name": "--vkui--grid_main_content--large", - "value": "var(--vkui--grid_main_content--large, 780px)", + }, + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, "regular": { - "name": "--vkui--grid_main_content--regular", - "value": "var(--vkui--grid_main_content--regular, 100%)", + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "gridMainContentWide": { + "sizeBadgeS": { "auto": { - "name": "--vkui--grid_main_content_wide", - "value": "var(--vkui--grid_main_content_wide)", - }, - "compact": { - "name": "--vkui--grid_main_content_wide--compact", - "value": "var(--vkui--grid_main_content_wide--compact, 620px)", + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "compactX": { - "name": "--vkui--grid_main_content_wide--compact_x", - "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, - "large": { - "name": "--vkui--grid_main_content_wide--large", - "value": "var(--vkui--grid_main_content_wide--large, 860px)", + }, + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, "regular": { - "name": "--vkui--grid_main_content_wide--regular", - "value": "var(--vkui--grid_main_content_wide--regular, 100%)", + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "gridWrapperContent": { + "sizeBadgeXS": { "auto": { - "name": "--vkui--grid_wrapper_content", - "value": "var(--vkui--grid_wrapper_content)", - }, - "compact": { - "name": "--vkui--grid_wrapper_content--compact", - "value": "var(--vkui--grid_wrapper_content--compact, 940px)", + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "compactX": { - "name": "--vkui--grid_wrapper_content--compact_x", - "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "large": { - "name": "--vkui--grid_wrapper_content--large", - "value": "var(--vkui--grid_wrapper_content--large, 1260px)", + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, "regular": { - "name": "--vkui--grid_wrapper_content--regular", - "value": "var(--vkui--grid_wrapper_content--regular, 100%)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, - "mediaFontMediaCaption": { + "sizeBasePaddingVertical": { "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_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "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_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": { - "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_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "mediaFontMediaCaptionCaps": { + "sizeBorder2x": { "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_border2x", + "value": "var(--vkui--size_border2x)", }, - "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_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", + }, + }, + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, "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_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "mediaFontMediaLead": { + "sizeBorderRadius": { "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", + "value": "var(--vkui--size_border_radius)", }, - "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_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 10px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, "regular": { - "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)", - }, + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, - "mediaFontMediaParagraph": { + "sizeBorderRadiusPromo": { "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_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "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_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": { - "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_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "mediaFontMediaParagraphNumbering": { + "sizeButtonBaseLargePaddingHorizontal": { "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)", - }, + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "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_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": { - "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_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "mediaFontMediaParagraphSecondary": { + "sizeButtonBaseMediumPaddingHorizontal": { "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_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, "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_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "mediaFontMediaQuote": { + "sizeButtonBaseMediumPaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "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_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": { - "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)", - }, + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "mediaFontMediaQuotePerson": { + "sizeButtonBaseSmallPaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "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_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": { - "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)", - }, + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "mediaFontMediaSubtitleLight": { + "sizeButtonGroupGapSmall": { "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_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, "regular": { - "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)", - }, + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "mediaFontMediaTextSecondaryLight": { + "sizeButtonGroupGapSpace": { "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_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, "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, 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)", - }, + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "mediaFontMediaTitle1": { + "sizeButtonLargeHeight": { "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)", - }, + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_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)", - }, + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, "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)", - }, + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "mediaFontMediaTitle1Tiny": { + "sizeButtonMediumHeight": { "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)", - }, + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_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)", - }, + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, "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)", - }, + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "mediaFontMediaTitle2": { + "sizeButtonMinimumWidth": { "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)", - }, + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "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": { + "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": { - "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)", - }, + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, - "mediaFontMediaTitle2Tiny": { + "sizeButtonSmallHeight": { "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)", - }, + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_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)", - }, + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, "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)", - }, + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "mediaFontMediaTitle3": { + "sizeButtonTertiaryLargePaddingHorizontal": { "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)", - }, + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "mediaFontMediaTitle4": { + "sizeButtonTertiaryLargePaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "mediaFontMediaTitle5": { + "sizeButtonTertiaryMediumPaddingHorizontal": { "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)", - }, + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "mediaFontMediaTitle6": { + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "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": { + "sizeButtonTertiarySmallPaddingHorizontal": { "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "sizeArrowHeight": { + "sizeButtonTertiarySmallPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "sizeArrowPadding": { + "sizeCardBorderRadius": { "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, - "sizeArrowPromo": { + "sizeCardgridPadding": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, }, - "sizeArrowWidth": { + "sizeCardgridPaddingVertical": { "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "sizeAttributeMargin": { + "sizeCheckBorderRadius": { "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "sizeAvatarL": { + "sizeCheckbox": { "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "sizeAvatarM": { + "sizeFieldHeight": { "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)", + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "sizeAvatarXL": { + "sizeFieldHorizontalPadding": { "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "sizeAvatarXS": { + "sizeFormItemPaddingVertical": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "sizeBadgeL": { + "sizeIconUI": { "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "sizeBadgeM": { + "sizeLabelHorizontalMargin": { "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "sizeBadgeS": { + "sizeOptionHierarchy": { "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "sizeBadgeXL": { + "sizePanelHeaderHeight": { "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)", + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, - }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 52px)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { + "sizePopupBasePadding": { "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "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_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, - "sizeBasePadding": { + "sizePopupHeaderPadding": { "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - "compactX": { - "name": "--vkui--size_base_padding--compact_x", - "value": "var(--vkui--size_base_padding--compact_x, 16px)", + "compact": { + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 16px)", }, "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 20px)", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, - "sizeBasePaddingHorizontal": { + "sizePopupLarge": { "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "sizeBasePaddingVertical": { + "sizePopupMedium": { "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "sizeBorder1x": { + "sizePopupSmall": { "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "sizeBorder2x": { + "sizeSearchHeight": { "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", - }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "sizeBorderRadius": { + "sizeSelectIconPadding": { "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)", + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", }, }, - "sizeBorderRadiusPromo": { + "sizeSplitColPaddingHorizontal": { "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "sizeBorderRadiusRounded": { + "sizeSubnavigationBarGap": { "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "sizeBorderWidthAccent": { + "sizeSubnavigationBarPaddingVertical": { "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "sizeBorderWidthAccentSecondary": { + "sizeSwitchHeight": { "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "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_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, - "sizeBorderWidthBar": { + "sizeSwitchPin": { "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "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_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, - "sizeBorderWidthTab": { + "sizeSwitchWidth": { "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "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_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, - "sizeBulletMargin": { + "sizeTooltipMargin": { "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "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, vkontakteIOS)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoIOS)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoIOS)", + }, + "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))", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "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))", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "vkontakteButtonMutedBackground": { + "active": { + "name": "--vkui--vkontakte_button_muted_background--active", + "value": "var(--vkui--vkontakte_button_muted_background--active, #DFE1E6)", }, - "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--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)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "vkontakteButtonTertiaryBackground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_background--active", + "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", }, - "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_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))", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "vkontakteButtonTertiaryForeground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_foreground--active", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #2978D3)", }, - "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_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)", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "vkontakteColorAccentAlternate": { + "active": { + "name": "--vkui--vkontakte_color_accent_alternate--active", + "value": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)", }, - "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_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)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "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))", }, - "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_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))", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "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))", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "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)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "vkontakteColorBackgroundKeyboard": { + "active": { + "name": "--vkui--vkontakte_color_background_keyboard--active", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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)", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "vkontakteColorBackgroundSuggestions": { + "active": { + "name": "--vkui--vkontakte_color_background_suggestions--active", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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)", }, }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", + "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))", }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 20px)", + "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))", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "vkontakteColorContentPlaceholderIcon": { + "active": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "hover": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--hover", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "normal": { + "name": "--vkui--vkontakte_color_content_placeholder_icon", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "vkontakteColorContentTintForeground": { + "active": { + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_color_content_tint_foreground--hover", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "normal": { + "name": "--vkui--vkontakte_color_content_tint_foreground", + "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "vkontakteColorControlBackground": { + "active": { + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "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)", }, }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "vkontakteColorControlForeground": { + "active": { + "name": "--vkui--vkontakte_color_control_foreground--active", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)", }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "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)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "vkontakteColorControlTintMuted": { + "active": { + "name": "--vkui--vkontakte_color_control_tint_muted--active", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "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)", }, }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "vkontakteColorHeaderSearchFieldBackground": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)", }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "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)", }, }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", + "vkontakteColorHeaderSearchFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_tint--active", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)", }, - "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", + "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)", }, }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", + "vkontakteColorHeaderTabActiveIndicator": { + "active": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)", }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "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)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "vkontakteColorIconName": { + "active": { + "name": "--vkui--vkontakte_color_icon_name--active", + "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "hover": { + "name": "--vkui--vkontakte_color_icon_name--hover", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "normal": { + "name": "--vkui--vkontakte_color_icon_name", + "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)", }, }, - "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)", + "vkontakteColorIconOutlineMedium": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_medium--active", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)", }, - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_medium--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_medium", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)", }, }, - "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)", + "vkontakteColorIconOutlineSecondary": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--active", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)", }, - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_secondary", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)", }, }, - "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)", + "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)", }, - }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "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)", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "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))", }, }, - "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)", + "vkontakteColorImBubbleGiftText": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #7A6A4E)", }, - }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #806E4F)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #857250)", }, }, - "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)", + "vkontakteColorImBubbleGiftTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #9D8D6D)", }, - }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #A4936F)", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #AB9871)", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "vkontakteColorImBubbleIncoming": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #D8DBE2)", }, - }, - "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #E2E4E9)", }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #EBEDF0)", }, }, - "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, 130px)", + "vkontakteColorImBubbleIncomingAlternate": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #EBECEF)", }, - "compactX": { - "name": "--vkui--size_control_button_width_min--compact_x", - "value": "var(--vkui--size_control_button_width_min--compact_x, 130px)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 94px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #FFFFFF)", }, }, - "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)", + "vkontakteColorImBubbleIncomingExpiring": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #D4D8EF)", }, - }, - "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #DDE0F7)", }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #E6E9FF)", }, }, - "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)", + "vkontakteColorImBubbleOutgoing": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #BCD3EF)", }, - }, - "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #C4DCF7)", }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #CCE4FF)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #9FABEF)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #A6B1F7)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #ADB8FF)", }, }, - "sizeFieldHorizontalMargin": { - "auto": { - "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)", + "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))", }, - }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "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))", }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(69, 103, 143, 0.24))", }, }, - "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)", + "vkontakteColorImTextName": { + "active": { + "name": "--vkui--vkontakte_color_im_text_name--active", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #2978D3)", }, - }, - "sizeFieldVerticalMargin": { - "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", + "hover": { + "name": "--vkui--vkontakte_color_im_text_name--hover", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #2B7CD9)", }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "normal": { + "name": "--vkui--vkontakte_color_im_text_name", + "value": "var(--vkui--vkontakte_color_im_text_name, #2D81E0)", }, }, - "sizeFieldWidthMin": { - "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", + "vkontakteColorInputBorder": { + "active": { + "name": "--vkui--vkontakte_color_input_border--active", + "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)", }, - "compactX": { - "name": "--vkui--size_field_width_min--compact_x", - "value": "var(--vkui--size_field_width_min--compact_x, 288px)", + "hover": { + "name": "--vkui--vkontakte_color_input_border--hover", + "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", }, - "regular": { - "name": "--vkui--size_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 380px)", + "normal": { + "name": "--vkui--vkontakte_color_input_border", + "value": "var(--vkui--vkontakte_color_input_border, #E1E3E6)", }, }, - "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)", + "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))", }, - }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", - }, - "sizeHeaderIcon": { - "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", + "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))", }, - "regular": { - "name": "--vkui--size_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "normal": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, }, - "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, 8px)", + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)", }, - }, - "sizeIconMorePadding": { - "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", }, - "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", }, }, - "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, 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)", + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)", }, - }, - "sizeIllustrationL": { - "auto": { - "name": "--vkui--size_illustration_l", - "value": "var(--vkui--size_illustration_l)", + "hover": { + "name": "--vkui--vkontakte_color_loader_tint--hover", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", }, - "regular": { - "name": "--vkui--size_illustration_l--regular", - "value": "var(--vkui--size_illustration_l--regular, 144px)", + "normal": { + "name": "--vkui--vkontakte_color_loader_tint", + "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", }, }, - "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)", + "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))", }, - }, - "sizeIllustrationS": { - "auto": { - "name": "--vkui--size_illustration_s", - "value": "var(--vkui--size_illustration_s)", + "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_illustration_s--regular", - "value": "var(--vkui--size_illustration_s--regular, 48px)", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", }, }, - "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)", + "vkontakteColorModalCardHeaderClose": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_header_close--active", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)", }, - }, - "sizeIllustrationXXL": { - "auto": { - "name": "--vkui--size_illustration_x_x_l", - "value": "var(--vkui--size_illustration_x_x_l)", + "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_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", }, }, - "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)", + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", }, - }, - "sizeLabelVerticalMargin": { - "auto": { - "name": "--vkui--size_label_vertical_margin", - "value": "var(--vkui--size_label_vertical_margin)", + "hover": { + "name": "--vkui--vkontakte_color_music_playback_icon--hover", + "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)", }, - "regular": { - "name": "--vkui--size_label_vertical_margin--regular", - "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", + "normal": { + "name": "--vkui--vkontakte_color_music_playback_icon", + "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", }, }, - "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)", + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)", }, - }, - "sizeMenuMargin": { - "auto": { - "name": "--vkui--size_menu_margin", - "value": "var(--vkui--size_menu_margin)", + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)", }, - "regular": { - "name": "--vkui--size_menu_margin--regular", - "value": "var(--vkui--size_menu_margin--regular, 2px)", + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", }, }, - "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)", + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)", }, - }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "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_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", }, }, - "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)", }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)", }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", }, }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "vkontakteColorPlaceholderIconTint": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)", }, - "compactX": { - "name": "--vkui--size_popup_base_padding--compact_x", - "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)", }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", }, }, - "sizePopupHeaderPadding": { - "auto": { - "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)", - }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "vkontakteColorPollOptionBackground": { + "active": { + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)", }, - }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "hover": { + "name": "--vkui--vkontakte_color_poll_option_background--hover", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)", }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "normal": { + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", }, }, - "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, 8px)", + "vkontakteColorSearchBarBackground": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)", }, - "compactX": { - "name": "--vkui--size_popup_margin--compact_x", - "value": "var(--vkui--size_popup_margin--compact_x, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 24px)", + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", }, }, - "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)", + "vkontakteColorSearchBarFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--active", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)", }, - }, - "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "hover": { + "name": "--vkui--vkontakte_color_search_bar_field_tint--hover", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)", }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "normal": { + "name": "--vkui--vkontakte_color_search_bar_field_tint", + "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", }, }, - "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", - }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", + "vkontakteColorSkeletonShimmerFrom": { + "active": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)", }, - }, - "sizeProgressScroll": { - "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", + "hover": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", }, }, - "sizePromoButtonClose": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "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)", }, }, - "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "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))", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(0, 0, 0, 0.19))", }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", }, }, - "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)", + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)", }, - "compactX": { - "name": "--vkui--size_select_icon_padding--compact_x", - "value": "var(--vkui--size_select_icon_padding--compact_x, 7px)", + "hover": { + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)", }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", }, }, - "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)", + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)", }, - }, - "sizeSliceTopPadding": { - "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", }, - "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", }, }, - "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)", + "vkontakteColorTabbarActiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)", }, - }, - "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", }, }, - "sizeSubnavigationBarPaddingVertical": { - "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", }, }, - "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)", }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)", }, }, - "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)", }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)", }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", }, }, - "sizeSwitchWidth": { - "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "vkontakteColorTextName": { + "active": { + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)", }, - "compact": { - "name": "--vkui--size_switch_width--compact", - "value": "var(--vkui--size_switch_width--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", }, }, - "sizeTabMargin": { - "auto": { - "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)", + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)", }, - "compactX": { - "name": "--vkui--size_tab_margin--compact_x", - "value": "var(--vkui--size_tab_margin--compact_x, 32px)", + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)", }, - "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", }, }, - "sizeTabPadding": { - "auto": { - "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)", + "vkontakteFloatButtonForeground": { + "active": { + "name": "--vkui--vkontakte_float_button_foreground--active", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #8D96A4)", }, - "compactX": { - "name": "--vkui--size_tab_padding--compact_x", - "value": "var(--vkui--size_tab_padding--compact_x, 0px)", + "hover": { + "name": "--vkui--vkontakte_float_button_foreground--hover", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #939CA9)", }, - "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", }, }, - "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)", - }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", }, - "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)", - }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", }, - "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)", - }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "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)", - }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", }, - "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)", - }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", }, - "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)", - }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", }, - "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)", - }, + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", }, - "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)", + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, media)", + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, media)", + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", }, - "widthDesktopM": { - "name": "--vkui--width_desktop_m", - "value": "var(--vkui--width_desktop_m, "(min-width: 1300px)")", + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 980px) and (max-width: 1299px)")", + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", }, - "widthFromDesktopM": { - "name": "--vkui--width_from_desktop_m", - "value": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 980px)")", + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", }, - "widthFromTablet": { - "name": "--vkui--width_from_tablet", - "value": "var(--vkui--width_from_tablet, "(min-width: 660px)")", + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", }, - "widthTablet": { - "name": "--vkui--width_tablet", - "value": "var(--vkui--width_tablet, "(min-width: 660px) and (max-width: 979px)")", + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "widthToDesktopS": { - "name": "--vkui--width_to_desktop_s", - "value": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", }, - "widthToTablet": { - "name": "--vkui--width_to_tablet", - "value": "var(--vkui--width_to_tablet, "(max-width: 979px)")", + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 659px)")", + "vkontakteImAttachTint": { + "active": { + "name": "--vkui--vkontakte_im_attach_tint--active", + "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, #2B7CD9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_attach_tint", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", + }, }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 659px)")", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_button_foreground", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", + }, }, - "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.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.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.60))", + }, }, - "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, #E0D6B8)", + }, + "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)", + }, }, - "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, #D1C3A3)", + }, + "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)", + }, }, - "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, #E5E6EA)", + }, + "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)", + }, }, - "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, #BCC3EF)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + }, + "normal": { + "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, }, - "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, #C6C8CD)", + }, + "hover": { + "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", + "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, #d7d8d9)", + }, }, - "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, #EBECEF)", + }, + "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)", + }, }, - "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, #9FC3EF)", + }, + "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)", + }, }, - "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, #2978D3)", + }, + "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)", + }, }, - "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, #8D96A4)", + }, + "hover": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", + "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + }, }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "vkontakteLandingBackground": { + "active": { + "name": "--vkui--vkontakte_landing_background--active", + "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--vkontakte_landing_background--hover", + "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--vkontakte_landing_background", + "value": "var(--vkui--vkontakte_landing_background, #ffffff)", + }, }, - "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(0, 57, 115, 0.18))", + }, + "hover": { + "name": "--vkui--vkontakte_landing_secondary_button_background--hover", + "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + }, + "normal": { + "name": "--vkui--vkontakte_landing_secondary_button_background", + "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + }, }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "vkontaktePaletteBlack": { + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #000105)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "vkontakteStoriesSkeletonLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", + "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, #424447)", + }, + "normal": { + "name": "--vkui--vkontakte_stories_skeleton_loader_background", + "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + }, }, "zIndexModal": { "name": "--vkui--z_index_modal", @@ -112387,70 +110915,52 @@ exports[`shapshots media theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots legoIOS 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": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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", @@ -112458,44 +110968,44 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", "hover": "#D73DA7", - "normal": "#E03FAB", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", @@ -112503,74 +111013,59 @@ exports[`shapshots media 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 255, 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, 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)", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2D2D2D", }, "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "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)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -112578,9 +111073,9 @@ exports[`shapshots media 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", @@ -112588,524 +111083,334 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "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)", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "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": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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)", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "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": "#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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "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": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "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": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "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": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", - }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71AAEB", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -113113,14 +111418,14 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -113128,69 +111433,24 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "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": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "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)", @@ -113198,52 +111458,51 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "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": "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", - "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)", + "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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -113251,17 +111510,16 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -113269,137 +111527,78 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Inter, 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, Inter, Helvetica, Arial, sans-serif", - "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Inter, Helvetica, Arial, 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": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", + "lineHeight": "16px", "textTransform": "uppercase", }, }, - "fontH0": { - "compact": { - "fontSize": "44px", - "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", - }, - }, - "fontH1": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "36px", - "fontWeight": 500, - "lineHeight": "48px", - }, - }, - "fontH2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", - }, - "regular": { - "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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -113411,7 +111610,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -113423,7 +111622,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -113431,7 +111630,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -113440,10 +111639,10 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontSize": "13px", - "lineHeight": "18px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -113455,7 +111654,7 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -113463,372 +111662,49 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "24px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "22px", }, }, - "fontWeightAccent1": 500, + "fontWeightAccent1": 600, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, + "fontWeightBase1": 600, + "fontWeightBase2": 500, "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%", + "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%", - "gridAsideContent": { - "compact": "300px", - "compactX": "300px", - "large": "380px", - "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": "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", - }, - }, - "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": "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", - }, - }, - "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", - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 400, - "lineHeight": "26px", - }, - }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, - }, - "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, + "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, - "prefix": "vkui", "sizeArrow": { "regular": "8px", }, - "sizeArrowHeight": { - "regular": "8px", - }, "sizeArrowPadding": { "regular": "12px", }, "sizeArrowPromo": { "regular": "40px", }, - "sizeArrowWidth": { - "regular": "12px", - }, - "sizeAttributeMargin": { - "regular": "4px", - }, "sizeAvatarL": { "regular": "96px", }, @@ -113859,16 +111735,8 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "sizeBadgeXS": { "regular": "12px", }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", - }, - "sizeBasePadding": { - "compactX": "16px", - "regular": "20px", - }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -113883,10 +111751,10 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -113894,21 +111762,6 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": "48px", }, - "sizeBorderWidthAccent": { - "regular": "8px", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "4px", - }, - "sizeBorderWidthBar": { - "regular": "4px", - }, - "sizeBorderWidthTab": { - "regular": "2px", - }, - "sizeBulletMargin": { - "regular": "12px", - }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -113936,9 +111789,6 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": "1px", }, - "sizeButtonIconPadding": { - "regular": "20px", - }, "sizeButtonLargeHeight": { "compact": "36px", "regular": "44px", @@ -113950,21 +111800,9 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "sizeButtonMinimumWidth": { "regular": "80px", }, - "sizeButtonMorePadding": { - "regular": "8px", - }, "sizeButtonPaddingHorizontal": { - "regular": "20px", - }, - "sizeButtonSliderHeight": { - "regular": "24px", - }, - "sizeButtonSliderWidth": { "regular": "12px", }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", - }, "sizeButtonSmallHeight": { "compact": "28px", "regular": "30px", @@ -113988,10 +111826,10 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "16px", + "regular": "10px", }, "sizeCardgridPadding": { - "regular": "12px", + "regular": "8px", }, "sizeCardgridPaddingVertical": { "regular": "8px", @@ -114002,149 +111840,54 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "sizeCheckbox": { "regular": "16px", }, - "sizeChoiceMargin": { - "regular": "8px", - }, - "sizeControlButtonWidthMin": { - "compact": "130px", - "compactX": "130px", - "regular": "94px", - }, - "sizeDivPadding": { - "regular": "4px", - }, - "sizeDotBullet": { - "regular": "4px", - }, - "sizeDotClickable": { - "regular": "12px", - }, - "sizeDotIndicate": { - "regular": "8px", - }, "sizeFieldHeight": { "compact": "36px", "regular": "44px", }, - "sizeFieldHorizontalMargin": { - "compact": "16px", - "compactX": "16px", - "regular": "20px", - }, "sizeFieldHorizontalPadding": { "regular": "12px", }, - "sizeFieldSetMargin": { - "regular": "32px", - }, - "sizeFieldVerticalMargin": { - "regular": "24px", - }, - "sizeFieldWidthMin": { - "compactX": "288px", - "regular": "380px", - }, "sizeFormItemPaddingVertical": { "regular": "12px", }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", - }, - "sizeIconMargin": { - "regular": "8px", - }, - "sizeIconMorePadding": { - "regular": "12px", - }, "sizeIconUI": { - "compact": "16px", - "compactX": "16px", - "regular": "18px", - }, - "sizeIllustrationL": { - "regular": "144px", - }, - "sizeIllustrationM": { - "regular": "96px", - }, - "sizeIllustrationS": { - "regular": "48px", - }, - "sizeIllustrationXM": { - "regular": "72px", - }, - "sizeIllustrationXXL": { - "regular": "228px", + "regular": "16px", }, "sizeLabelHorizontalMargin": { "regular": "16px", }, - "sizeLabelVerticalMargin": { - "regular": "4px", - }, - "sizeLabelWidth": { - "regular": "184px", - }, - "sizeMenuMargin": { - "regular": "2px", - }, - "sizeMenuPadding": { - "regular": "8px", - }, "sizeOptionHierarchy": { "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { - "compactX": "20px", + "compact": "20px", "regular": "32px", }, "sizePopupHeaderPadding": { - "compactX": "16px", + "compact": "16px", "regular": "24px", }, "sizePopupLarge": { "regular": "880px", }, - "sizePopupMargin": { - "compact": "8px", - "compactX": "8px", - "regular": "24px", - }, "sizePopupMedium": { "regular": "680px", }, "sizePopupSmall": { "regular": "430px", }, - "sizeProgress": { - "regular": "4px", - }, - "sizeProgressScroll": { - "regular": "12px", - }, - "sizePromoButtonClose": { - "regular": "32px", - }, "sizeSearchHeight": { "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { "compact": "7px", - "compactX": "7px", "regular": "6px", }, - "sizeSliceBottomPadding": { - "regular": "60px", - }, - "sizeSliceTopPadding": { - "regular": "40px", - }, "sizeSplitColPaddingHorizontal": { "regular": "16px", }, @@ -114155,51 +111898,20 @@ exports[`shapshots media 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", - }, - "sizeTabMargin": { - "compact": "32px", - "compactX": "32px", - "regular": "8px", - }, - "sizeTabPadding": { - "compact": "0px", - "compactX": "0px", - "regular": "16px", - }, - "sizeTableHorizontalPadding": { - "regular": "16px", - }, - "sizeTableVerticalPadding": { - "regular": "16px", - }, - "sizeTagMargin": { - "regular": "8px", - }, - "sizeTagPadding": { - "regular": "8px", - }, - "sizeTipMargin": { - "regular": "4px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", }, - "sizeVerticalPadding": { - "regular": "0px", - }, - "sizeWysiwygIcon": { - "regular": "14px", - }, "spacingSize2Xl": "16px", "spacingSize2Xs": "2px", "spacingSize3Xl": "20px", @@ -114210,110 +111922,460 @@ exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "media", - "themeNameBase": "media", + "themeInheritsFrom": "vkontakteIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", "themeType": "pixelify", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "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)", - "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 media 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": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, - "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", - "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #A5A7AD)", + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #0CB465)", - "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, - "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #A9E971)", - "hover": "var(--vkui--color_accent_lime--hover, #B1F373)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #EB9305)", - "hover": "var(--vkui--color_accent_orange--hover, #F59802)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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)", + }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOS 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))", + "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)", + }, + "colorAccentCyan": { + "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, #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)", + }, + "colorAccentLime": { + "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)", }, "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)", @@ -114321,44 +112383,44 @@ exports[`shapshots media 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, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "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, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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, #006FEF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", - "normal": "var(--vkui--color_action_sheet_text, #0077ff)", + "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))", @@ -114366,74 +112428,59 @@ exports[`shapshots media 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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "active": "var(--vkui--color_background_accent--active, #1E2023)", + "hover": "var(--vkui--color_background_accent--hover, #202022)", + "normal": "var(--vkui--color_background_accent, #212121)", }, "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, #1E2023)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #202022)", + "normal": "var(--vkui--color_background_accent_alternative, #212121)", }, "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)", + "active": "var(--vkui--color_background_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_background_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_background_accent_themed, #212121)", }, "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))", + "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, 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))", + "active": "var(--vkui--color_background_accent_tint--active, #292B2E)", + "hover": "var(--vkui--color_background_accent_tint--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_accent_tint, #2D2D2D)", }, "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #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))", "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)", @@ -114441,9 +112488,9 @@ exports[`shapshots media 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)", @@ -114451,524 +112498,334 @@ exports[`shapshots media 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, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "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, #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))", + "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, #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, #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, #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, 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))", + "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, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "active": "var(--vkui--color_icon_accent--active, #1E2023)", + "hover": "var(--vkui--color_icon_accent--hover, #202022)", + "normal": "var(--vkui--color_icon_accent, #212121)", }, "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)", + "active": "var(--vkui--color_icon_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_icon_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_icon_accent_themed, #212121)", }, "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, #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, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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, #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)", + "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, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "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(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, #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(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, #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, 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))", - "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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)", - }, - "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, #fc627e)", - "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - "normal": "var(--vkui--color_primary_pets, #fc738c)", - }, - "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, #006FEF)", - "hover": "var(--vkui--color_primary_realty--hover, #0073F7)", - "normal": "var(--vkui--color_primary_realty, #0077FF)", - }, - "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)", - }, - "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)", + "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, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", }, "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)", - }, - "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, #CFD2D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "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, #1E2023)", + "hover": "var(--vkui--color_stroke_accent--hover, #202022)", + "normal": "var(--vkui--color_stroke_accent, #212121)", }, "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)", + "active": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_stroke_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_stroke_accent_themed, #212121)", }, "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, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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, #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)", + "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)", + "active": "var(--vkui--color_text_accent--active, #1E2023)", + "hover": "var(--vkui--color_text_accent--hover, #202022)", + "normal": "var(--vkui--color_text_accent, #212121)", }, "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)", + "active": "var(--vkui--color_text_accent_themed--active, #1E2023)", + "hover": "var(--vkui--color_text_accent_themed--hover, #202022)", + "normal": "var(--vkui--color_text_accent_themed, #212121)", }, "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, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", - }, + "active": "var(--vkui--color_text_link--active, #1E2023)", + "hover": "var(--vkui--color_text_link--hover, #202022)", + "normal": "var(--vkui--color_text_link, #212121)", + }, "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)", + "active": "var(--vkui--color_text_link_themed--active, #1E2023)", + "hover": "var(--vkui--color_text_link_themed--hover, #202022)", + "normal": "var(--vkui--color_text_link_themed, #212121)", }, "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, #1E2023)", + "hover": "var(--vkui--color_text_link_tint--hover, #202022)", + "normal": "var(--vkui--color_text_link_tint, #212121)", }, "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)", + "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)", + "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, #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, #1E2023)", + "hover": "var(--vkui--color_text_primary--hover, #202022)", + "normal": "var(--vkui--color_text_primary, #212121)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", @@ -114976,14 +112833,14 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", @@ -114991,69 +112848,24 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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))", @@ -115061,52 +112873,51 @@ 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, #006FEF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", - "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + "active": "var(--vkui--color_write_bar_icon--active, #1E2023)", + "hover": "var(--vkui--color_write_bar_icon--hover, #202022)", + "normal": "var(--vkui--color_write_bar_icon, #212121)", }, "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, 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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", - "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))", + "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": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Inter, 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, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, "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, -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, Inter, 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)", @@ -115114,17 +112925,16 @@ exports[`shapshots media 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, -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, Inter, 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)", @@ -115132,137 +112942,78 @@ exports[`shapshots media 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, -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, 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, "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": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Inter, 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, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, "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, -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": { - "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, 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)", - }, - }, - "fontH2": { - "compact": { - "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, 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)", - }, - }, - "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": { "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, Inter, 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, 20px)", @@ -115274,7 +113025,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, VKSansDisplay, MailSans, Inter, 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, 20px)", @@ -115286,7 +113037,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, VKSansDisplay, MailSans, Inter, 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)", @@ -115294,7 +113045,7 @@ exports[`shapshots media 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, -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)", @@ -115303,10 +113054,10 @@ exports[`shapshots media 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, 18px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Inter, 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, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -115318,7 +113069,7 @@ exports[`shapshots media 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, -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)", @@ -115326,372 +113077,49 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, 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, 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, Inter, 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, 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": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, 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, 500)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "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)", - "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%)", + "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%)", - "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, 380px)", - "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, 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)", - }, - }, - "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, 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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "prefix": "var(--vkui--prefix, vkui)", "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)", }, @@ -115722,16 +113150,8 @@ exports[`shapshots media 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": { - "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)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -115746,10 +113166,10 @@ exports[`shapshots media 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, 4px)", + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", @@ -115757,21 +113177,6 @@ exports[`shapshots media 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, 4px)", - }, - "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)", }, @@ -115799,9 +113204,6 @@ exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` "sizeButtonGroupGapSpace": { "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "sizeButtonIconPadding": { - "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)", @@ -115813,20 +113215,8 @@ exports[`shapshots media 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, 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)", @@ -115851,10 +113241,10 @@ exports[`shapshots media 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, 10px)", }, "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)", @@ -115865,149 +113255,54 @@ exports[`shapshots media 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, 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)", - }, - "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": { - "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": { "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": { - "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)", }, - "sizeGrid": "var(--vkui--size_grid, 20px)", - "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", - }, - "sizeIconMargin": { - "regular": "var(--vkui--size_icon_margin--regular, 8px)", - }, - "sizeIconMorePadding": { - "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)", - }, - "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)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "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)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { - "compactX": "var(--vkui--size_popup_base_padding--compact_x, 20px)", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compactX": "var(--vkui--size_popup_header_padding--compact_x, 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, 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)", }, "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, 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)", - }, - "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", - }, "sizeSplitColPaddingHorizontal": { "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, @@ -116018,51 +113313,20 @@ exports[`shapshots media 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)", - }, - "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": { - "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)", + "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)", }, - "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)", @@ -116073,155 +113337,505 @@ exports[`shapshots media 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, media)", - "themeNameBase": "var(--vkui--theme_name_base, media)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkontakteIOS)", + "themeName": "var(--vkui--theme_name, legoIOS)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", "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)", - "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)", - "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 media 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": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "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))", }, - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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)", }, - "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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))", }, - "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "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)", }, - "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "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)", }, - "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "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))", }, - "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "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)", }, - "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "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)", }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#F05C44", + "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)", }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "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))", }, - "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "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)", }, - "colorAccentPurple": { - "active": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "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)", }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "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)", }, - "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "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)", }, - "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "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)", }, - "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "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)", }, - "colorActionSheetText": { + "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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))", + }, + "vkontaktePaletteBlack": { + "active": "var(--vkui--vkontakte_palette_black--active, #000105)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", + }, + "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 legoIOS 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)", + "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", - "normal": "#0077ff", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "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)", @@ -116229,74 +113843,59 @@ exports[`shapshots media 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 255, 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, 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)", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2D2D2D", }, "colorBackgroundContent": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "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)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -116304,9 +113903,9 @@ exports[`shapshots media 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", @@ -116314,524 +113913,334 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "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)", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "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": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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)", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "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": "#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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "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": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "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": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "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": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", - }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71AAEB", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -116839,14 +114248,14 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -116854,69 +114263,24 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "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": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "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)", @@ -116924,52 +114288,51 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "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": "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", - "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)", + "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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 400, - "lineHeight": 16, + "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -116977,17 +114340,16 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -116995,137 +114357,78 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Inter, 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, Inter, Helvetica, Arial, sans-serif", - "fontFamilyArticle": "Inter, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Inter, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Inter, Helvetica, Arial, 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": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, - "lineHeight": 18, + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, + "lineHeight": 16, "textTransform": "uppercase", }, }, - "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, - }, - }, - "fontH1": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 36, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 36, - "fontWeight": 500, - "lineHeight": 48, - }, - }, - "fontH2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 32, - }, - "regular": { - "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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -117137,7 +114440,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -117149,7 +114452,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -117157,7 +114460,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -117166,10 +114469,10 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontSize": 13, - "lineHeight": 18, + "lineHeight": 16, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -117181,7 +114484,7 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -117189,372 +114492,49 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 24, - "fontWeight": 500, + "fontWeight": 600, "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, - "fontWeight": 500, + "fontWeight": 600, "lineHeight": 22, }, }, - "fontWeightAccent1": 500, + "fontWeightAccent1": 600, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, + "fontWeightBase1": 600, + "fontWeightBase2": 500, "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%", + "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%", - "gridAsideContent": { - "compact": 300, - "compactX": 300, - "large": 380, - "regular": "100%", - }, - "gridColumnX2": { - "compact": 430, - "compactX": 280, - "large": 580, - "regular": "100%", - }, - "gridColumnX3": { - "compact": 280, - "compactX": 180, - "large": 380, - "regular": "100%", - }, - "gridColumnX4": { - "compact": 205, - "compactX": 130, - "large": 280, - "regular": "100%", - }, - "gridColumnX6": { - "compact": 130, - "compactX": 80, - "large": 180, - "regular": "100%", - }, - "gridMainContent": { - "compact": 620, - "compactX": 620, - "large": 780, - "regular": "100%", - }, - "gridMainContentWide": { - "compact": 620, - "compactX": 620, - "large": 860, - "regular": "100%", - }, - "gridWrapperContent": { - "compact": 940, - "compactX": 620, - "large": 1260, - "regular": "100%", - }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 26, - }, - "regular": { - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 22, - }, - }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": 15, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 20, - }, - "regular": { - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 16, - }, - }, - "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, - }, - }, - "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, - }, - }, - "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, - }, - }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 24, - }, - }, - "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, - }, - }, - "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, - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 400, - "lineHeight": 26, - }, - }, - "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, + "opacityDisable": 0.4, "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, }, @@ -117585,16 +114565,8 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "sizeBadgeXS": { "regular": 12, }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, - }, - "sizeBasePadding": { - "compactX": 16, - "regular": 20, - }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -117609,10 +114581,10 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -117620,21 +114592,6 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": 48, }, - "sizeBorderWidthAccent": { - "regular": 8, - }, - "sizeBorderWidthAccentSecondary": { - "regular": 4, - }, - "sizeBorderWidthBar": { - "regular": 4, - }, - "sizeBorderWidthTab": { - "regular": 2, - }, - "sizeBulletMargin": { - "regular": 12, - }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -117662,9 +114619,6 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": 1, }, - "sizeButtonIconPadding": { - "regular": 20, - }, "sizeButtonLargeHeight": { "compact": 36, "regular": 44, @@ -117676,21 +114630,9 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "sizeButtonMinimumWidth": { "regular": 80, }, - "sizeButtonMorePadding": { - "regular": 8, - }, "sizeButtonPaddingHorizontal": { - "regular": 20, - }, - "sizeButtonSliderHeight": { - "regular": 24, - }, - "sizeButtonSliderWidth": { "regular": 12, }, - "sizeButtonSliderWidthPointer": { - "regular": 16, - }, "sizeButtonSmallHeight": { "compact": 28, "regular": 30, @@ -117714,10 +114656,10 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 16, + "regular": 10, }, "sizeCardgridPadding": { - "regular": 12, + "regular": 8, }, "sizeCardgridPaddingVertical": { "regular": 8, @@ -117728,149 +114670,54 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "sizeCheckbox": { "regular": 16, }, - "sizeChoiceMargin": { - "regular": 8, - }, - "sizeControlButtonWidthMin": { - "compact": 130, - "compactX": 130, - "regular": 94, - }, - "sizeDivPadding": { - "regular": 4, - }, - "sizeDotBullet": { - "regular": 4, - }, - "sizeDotClickable": { - "regular": 12, - }, - "sizeDotIndicate": { - "regular": 8, - }, "sizeFieldHeight": { "compact": 36, "regular": 44, }, - "sizeFieldHorizontalMargin": { - "compact": 16, - "compactX": 16, - "regular": 20, - }, "sizeFieldHorizontalPadding": { "regular": 12, }, - "sizeFieldSetMargin": { - "regular": 32, - }, - "sizeFieldVerticalMargin": { - "regular": 24, - }, - "sizeFieldWidthMin": { - "compactX": 288, - "regular": 380, - }, "sizeFormItemPaddingVertical": { "regular": 12, }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, - }, - "sizeIconMargin": { - "regular": 8, - }, - "sizeIconMorePadding": { - "regular": 12, - }, "sizeIconUI": { - "compact": 16, - "compactX": 16, - "regular": 18, - }, - "sizeIllustrationL": { - "regular": 144, - }, - "sizeIllustrationM": { - "regular": 96, - }, - "sizeIllustrationS": { - "regular": 48, - }, - "sizeIllustrationXM": { - "regular": 72, - }, - "sizeIllustrationXXL": { - "regular": 228, + "regular": 16, }, "sizeLabelHorizontalMargin": { "regular": 16, }, - "sizeLabelVerticalMargin": { - "regular": 4, - }, - "sizeLabelWidth": { - "regular": 184, - }, - "sizeMenuMargin": { - "regular": 2, - }, - "sizeMenuPadding": { - "regular": 8, - }, "sizeOptionHierarchy": { "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { - "compactX": 20, + "compact": 20, "regular": 32, }, "sizePopupHeaderPadding": { - "compactX": 16, + "compact": 16, "regular": 24, }, "sizePopupLarge": { "regular": 880, }, - "sizePopupMargin": { - "compact": 8, - "compactX": 8, - "regular": 24, - }, "sizePopupMedium": { "regular": 680, }, "sizePopupSmall": { "regular": 430, }, - "sizeProgress": { - "regular": 4, - }, - "sizeProgressScroll": { - "regular": 12, - }, - "sizePromoButtonClose": { - "regular": 32, - }, "sizeSearchHeight": { "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { "compact": 7, - "compactX": 7, "regular": 6, }, - "sizeSliceBottomPadding": { - "regular": 60, - }, - "sizeSliceTopPadding": { - "regular": 40, - }, "sizeSplitColPaddingHorizontal": { "regular": 16, }, @@ -117881,51 +114728,20 @@ exports[`shapshots media 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, - }, - "sizeTabMargin": { - "compact": 32, - "compactX": 32, - "regular": 8, - }, - "sizeTabPadding": { - "compact": 0, - "compactX": 0, - "regular": 16, - }, - "sizeTableHorizontalPadding": { - "regular": 16, - }, - "sizeTableVerticalPadding": { - "regular": 16, - }, - "sizeTagMargin": { - "regular": 8, - }, - "sizeTagPadding": { - "regular": 8, - }, - "sizeTipMargin": { - "regular": 4, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, }, - "sizeVerticalPadding": { - "regular": 0, - }, - "sizeWysiwygIcon": { - "regular": 14, - }, "spacingSize2Xl": 16, "spacingSize2Xs": 2, "spacingSize3Xl": 20, @@ -117936,199 +114752,549 @@ exports[`shapshots media theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "media", - "themeNameBase": "media", + "themeInheritsFrom": "vkontakteIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", "themeType": "root", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "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)", - "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 mediaDark theme should match cssVars snapshot 1`] = ` -{ - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "vkontakteButtonMutedBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "vkontakteButtonTertiaryForeground": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "vkontakteColorAccentAlternate": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "breakpoints": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, - "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)", - }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", }, - "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)", - }, + "vkontakteColorBackgroundKeyboard": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, - "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)", - }, + "vkontakteColorBackgroundSuggestions": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "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)", - }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", }, - "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)", - }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, - "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)", - }, + "vkontakteColorContentTintForeground": { + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", }, - "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)", - }, + "vkontakteColorControlBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, - "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)", - }, + "vkontakteColorControlForeground": { + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", }, - "colorAccentOrangePeach": { + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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)", + }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOSDark 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.36, 0.66, 0.04, 1))", + }, + "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)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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)", + }, + }, + "colorAccentOrangePeach": { "active": { "name": "--vkui--color_accent_orange_peach--active", "value": "var(--vkui--color_accent_orange_peach--active, #FFC56F)", @@ -118145,29 +115311,29 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #FF498F)", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #FF418A)", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "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, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #8C64FF)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { @@ -118181,77 +115347,77 @@ exports[`shapshots mediaDark 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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #FF4356)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #FFA614)", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", }, "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, #C66AF4)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #C363F3)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "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(0, 0, 0, 0.68))", }, "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(0, 0, 0, 0.64))", }, "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(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -118271,57 +115437,57 @@ exports[`shapshots mediaDark 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #222223)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #19191A)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #E1E3E6)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "value": "var(--vkui--color_background_accent_alternative, #E1E3E6)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -118341,71 +115507,29 @@ exports[`shapshots mediaDark 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, #ECEEF1)", }, "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, #EBEEF1)", }, "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.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))", + "value": "var(--vkui--color_background_accent_tint, #EAEDF0)", }, }, "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #353536)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { @@ -118439,15 +115563,15 @@ exports[`shapshots mediaDark 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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -118467,43 +115591,43 @@ exports[`shapshots mediaDark 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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #303030)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #19202f)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #414141)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #383838)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #303030)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "colorBackgroundModalInverse": { @@ -118531,7 +115655,7 @@ exports[`shapshots mediaDark 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": { @@ -118545,301 +115669,105 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "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": { - "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))", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #20C774)", + "value": "var(--vkui--color_background_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #17C46E)", + "value": "var(--vkui--color_background_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "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))", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #333333)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #2A2A2B)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "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(255, 255, 255, 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(255, 255, 255, 0.12))", }, "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))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #363636)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #252525)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #785C14)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #72550A)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "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))", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { @@ -118901,57 +115829,57 @@ exports[`shapshots mediaDark 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.24))", + "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(255, 255, 255, 0.2))", + "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(255, 255, 255, 0.16))", + "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, #353536)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #232324)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_icon_accent--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "value": "var(--vkui--color_icon_accent, #E1E3E6)", }, }, "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": { @@ -118979,21 +115907,21 @@ exports[`shapshots mediaDark 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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { @@ -119007,21 +115935,21 @@ exports[`shapshots mediaDark 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(245, 246, 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(245, 246, 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(245, 246, 255, 0.7))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { @@ -119035,35 +115963,35 @@ exports[`shapshots mediaDark 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, #20C774)", + "value": "var(--vkui--color_icon_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", }, "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, #DCDDE0)", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #D9DADD)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "colorIconPrimaryInvariably": { @@ -119077,77 +116005,77 @@ exports[`shapshots mediaDark 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, #A4A5A9)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + "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(245, 246, 255, 0.68))", + "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(245, 246, 255, 0.64))", + "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(245, 246, 255, 0.6))", + "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, #8D8E93)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #83848A)", + "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(245, 246, 255, 0.58))", + "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(245, 246, 255, 0.54))", + "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(245, 246, 255, 0.5))", + "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, #FFA614)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "value": "var(--vkui--color_icon_warning, #EDB055)", }, }, "colorImageBorderAlpha": { @@ -119167,29 +116095,29 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #494A4B)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #414243)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #393A3B)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.8))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "colorLinkContrast": { @@ -119209,533 +116137,197 @@ exports[`shapshots mediaDark 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.40))", }, }, "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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "colorPanelHeaderIcon": { "active": { "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, - "colorPrimaryAuto": { + "colorSearchFieldBackground": { "active": { - "name": "--vkui--color_primary_auto--active", - "value": "var(--vkui--color_primary_auto--active, #1482FF)", + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #464748)", }, "hover": { - "name": "--vkui--color_primary_auto--hover", - "value": "var(--vkui--color_primary_auto--hover, #0A7CFF)", + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { - "name": "--vkui--color_primary_auto", - "value": "var(--vkui--color_primary_auto, #0077FF)", + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, - "colorPrimaryBase": { + "colorSegmentedControl": { "active": { - "name": "--vkui--color_primary_base--active", - "value": "var(--vkui--color_primary_base--active, #1482FF)", + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #6F6F70)", }, "hover": { - "name": "--vkui--color_primary_base--hover", - "value": "var(--vkui--color_primary_base--hover, #0A7CFF)", + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #68696A)", }, "normal": { - "name": "--vkui--color_primary_base", - "value": "var(--vkui--color_primary_base, #0077FF)", + "name": "--vkui--color_segmented_control", + "value": "var(--vkui--color_segmented_control, #626364)", }, }, - "colorPrimaryDeti": { + "colorSeparatorPrimary": { "active": { - "name": "--vkui--color_primary_deti--active", - "value": "var(--vkui--color_primary_deti--active, #1482FF)", + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { - "name": "--vkui--color_primary_deti--hover", - "value": "var(--vkui--color_primary_deti--hover, #0A7CFF)", + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { - "name": "--vkui--color_primary_deti", - "value": "var(--vkui--color_primary_deti, #0077FF)", + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, - "colorPrimaryDobro": { + "colorSeparatorPrimary2x": { "active": { - "name": "--vkui--color_primary_dobro--active", - "value": "var(--vkui--color_primary_dobro--active, #FFD714)", - }, - "hover": { - "name": "--vkui--color_primary_dobro--hover", - "value": "var(--vkui--color_primary_dobro--hover, #FFD60A)", - }, - "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, #1482FF)", - }, - "hover": { - "name": "--vkui--color_primary_health--hover", - "value": "var(--vkui--color_primary_health--hover, #0A7CFF)", - }, - "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, #1482FF)", - }, - "hover": { - "name": "--vkui--color_primary_health_new--hover", - "value": "var(--vkui--color_primary_health_new--hover, #0A7CFF)", - }, - "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, #1482FF)", - }, - "hover": { - "name": "--vkui--color_primary_hitech--hover", - "value": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", - }, - "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, #1482FF)", - }, - "hover": { - "name": "--vkui--color_primary_kino--hover", - "value": "var(--vkui--color_primary_kino--hover, #0A7CFF)", - }, - "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, #1482FF)", - }, - "hover": { - "name": "--vkui--color_primary_lady--hover", - "value": "var(--vkui--color_primary_lady--hover, #0A7CFF)", - }, - "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, #14B2F3)", - }, - "hover": { - "name": "--vkui--color_primary_mycom--hover", - "value": "var(--vkui--color_primary_mycom--hover, #0AAEF3)", - }, - "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, #fc627e)", - }, - "hover": { - "name": "--vkui--color_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - }, - "normal": { - "name": "--vkui--color_primary_pets", - "value": "var(--vkui--color_primary_pets, #fc738c)", - }, - }, - "colorPrimaryPharma": { - "active": { - "name": "--vkui--color_primary_pharma--active", - "value": "var(--vkui--color_primary_pharma--active, #2FD7A9)", - }, - "hover": { - "name": "--vkui--color_primary_pharma--hover", - "value": "var(--vkui--color_primary_pharma--hover, #26D5A6)", - }, - "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, #1482FF)", - }, - "hover": { - "name": "--vkui--color_primary_realty--hover", - "value": "var(--vkui--color_primary_realty--hover, #0A7CFF)", - }, - "normal": { - "name": "--vkui--color_primary_realty", - "value": "var(--vkui--color_primary_realty, #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)", - }, - }, - "colorSecondaryBase": { - "active": { - "name": "--vkui--color_secondary_base--active", - "value": "var(--vkui--color_secondary_base--active, #1482FF)", - }, - "hover": { - "name": "--vkui--color_secondary_base--hover", - "value": "var(--vkui--color_secondary_base--hover, #0A7CFF)", - }, - "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, #1482FF)", - }, - "hover": { - "name": "--vkui--color_secondary_health--hover", - "value": "var(--vkui--color_secondary_health--hover, #0A7CFF)", - }, - "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, #FC3D48)", - }, - "hover": { - "name": "--vkui--color_secondary_mycom--hover", - "value": "var(--vkui--color_secondary_mycom--hover, #FC3440)", - }, - "normal": { - "name": "--vkui--color_secondary_mycom", - "value": "var(--vkui--color_secondary_mycom, #fc2c38)", - }, - }, - "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)", + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #202022)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #353537)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "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, 0, 0, 0.48))", + "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, 0, 0, 0.44))", + "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, 0, 0, 0.4))", + "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, #2A2A2A)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #212121)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #181818)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #333333)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #464748)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "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)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "value": "var(--vkui--color_stroke_accent, #E1E3E6)", }, }, "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": { @@ -119763,21 +116355,21 @@ exports[`shapshots mediaDark 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, #20C774)", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -119791,35 +116383,35 @@ exports[`shapshots mediaDark 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, #2C8FFF)", + "value": "var(--vkui--color_text_accent--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "value": "var(--vkui--color_text_accent, #E1E3E6)", }, }, "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": { @@ -119839,85 +116431,85 @@ exports[`shapshots mediaDark 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, #141414)", }, "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, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "value": "var(--vkui--color_text_link, #E1E3E6)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "value": "var(--vkui--color_text_link_themed, #E1E3E6)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71AAEB)", + "value": "var(--vkui--color_text_link_tint, #E1E3E6)", }, }, "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, #5890D0)", }, "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, #508BCE)", }, "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, #E9EAEC)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #E7E8EA)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { @@ -119931,35 +116523,35 @@ exports[`shapshots mediaDark 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, #20C774)", + "value": "var(--vkui--color_text_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #17C46E)", + "value": "var(--vkui--color_text_positive--hover, #52B652)", }, "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, #E9EAEC)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E7E8EA)", + "value": "var(--vkui--color_text_primary, #E1E3E6)", }, }, "colorTextPrimaryAlpha": { @@ -119979,29 +116571,29 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "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, #141414)", }, "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, #0A0A0A)", }, "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, #95979D)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #919398)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #8C8E94)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { @@ -120021,183 +116613,57 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #BFC1C5)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "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)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #525354)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #434445)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -120217,29 +116683,29 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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, #3B3B3C)", + "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, #333333)", + "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, #2A2A2B)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { @@ -120253,7 +116719,7 @@ exports[`shapshots mediaDark 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": { @@ -120276,23 +116742,23 @@ exports[`shapshots mediaDark 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 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, 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 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, 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, 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 16px 48px 0px rgba(0, 0, 0, 0.40))", + "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, 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, 0px 0px 8px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", }, "fontCaption1": { "auto": { @@ -120316,7 +116782,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Inter, 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", @@ -120328,7 +116794,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "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)", }, }, }, @@ -120346,10 +116812,6 @@ exports[`shapshots mediaDark 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)", @@ -120362,7 +116824,7 @@ exports[`shapshots mediaDark 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, Inter, 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", @@ -120370,15 +116832,11 @@ exports[`shapshots mediaDark 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", @@ -120408,7 +116866,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Inter, 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", @@ -120438,10 +116896,6 @@ exports[`shapshots mediaDark 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)", @@ -120454,7 +116908,7 @@ exports[`shapshots mediaDark 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, Inter, 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", @@ -120462,11 +116916,7 @@ exports[`shapshots mediaDark 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", @@ -120500,7 +116950,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Inter, 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", @@ -120530,10 +116980,6 @@ exports[`shapshots mediaDark 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)", @@ -120546,7 +116992,7 @@ exports[`shapshots mediaDark 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, Inter, 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", @@ -120554,11 +117000,7 @@ exports[`shapshots mediaDark 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", @@ -120592,7 +117034,7 @@ exports[`shapshots mediaDark 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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -120600,7 +117042,7 @@ exports[`shapshots mediaDark 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", @@ -120630,7 +117072,7 @@ exports[`shapshots mediaDark 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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -120638,17 +117080,17 @@ exports[`shapshots mediaDark 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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -120656,7 +117098,7 @@ exports[`shapshots mediaDark 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", @@ -120686,7 +117128,7 @@ exports[`shapshots mediaDark 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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -120694,7 +117136,7 @@ exports[`shapshots mediaDark 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", @@ -120724,7 +117166,7 @@ exports[`shapshots mediaDark 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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -120732,29 +117174,25 @@ exports[`shapshots mediaDark 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, Inter, Helvetica, Arial, sans-serif)", - }, - "fontFamilyArticle": { - "name": "--vkui--font_family_article", - "value": "var(--vkui--font_family_article, Inter, Helvetica, Arial, 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", - "value": "var(--vkui--font_family_base, Inter, 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFootnote": { "auto": { @@ -120778,7 +117216,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Inter, 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", @@ -120790,7 +117228,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "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)", }, }, }, @@ -120808,10 +117246,6 @@ exports[`shapshots mediaDark 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)", @@ -120824,7 +117258,7 @@ exports[`shapshots mediaDark 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, Inter, 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", @@ -120834,13 +117268,9 @@ exports[`shapshots mediaDark 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", @@ -120848,242 +117278,6 @@ exports[`shapshots mediaDark 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": { - "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, 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", - "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, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 36px)", - }, - "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, 48px)", - }, - }, - }, - "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": { - "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, 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", - "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, Inter, Helvetica, Arial, sans-serif)", - }, - "fontSize": { - "name": "--vkui--font_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 28px)", - }, - "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, 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)", - }, - }, - }, "fontHeadline": { "auto": { "fontFamily": { @@ -121116,7 +117310,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, VKSansDisplay, MailSans, Inter, 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", @@ -121164,7 +117358,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, VKSansDisplay, MailSans, Inter, 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", @@ -121212,7 +117406,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, VKSansDisplay, MailSans, Inter, 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", @@ -121250,7 +117444,7 @@ exports[`shapshots mediaDark 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -121292,13 +117486,13 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "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, VKSansDisplay, MailSans, Inter, 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", @@ -121346,7 +117540,7 @@ exports[`shapshots mediaDark 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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -121384,7 +117578,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, VKSansDisplay, MailSans, Inter, 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", @@ -121392,7 +117586,7 @@ exports[`shapshots mediaDark 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", @@ -121422,7 +117616,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, VKSansDisplay, MailSans, Inter, 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", @@ -121430,11 +117624,11 @@ exports[`shapshots mediaDark 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)", }, }, }, @@ -121460,7 +117654,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, VKSansDisplay, MailSans, Inter, 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", @@ -121468,7 +117662,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "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", @@ -121478,7 +117672,7 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` }, "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", @@ -121490,35 +117684,19 @@ exports[`shapshots mediaDark 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", "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(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", @@ -121526,2802 +117704,1958 @@ exports[`shapshots mediaDark 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(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", "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.4)", + }, + "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, 380px)", + }, + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--grid_aside_content--regular", - "value": "var(--vkui--grid_aside_content--regular, 100%)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "gridColumnX2": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--grid_column_x2", - "value": "var(--vkui--grid_column_x2)", - }, - "compact": { - "name": "--vkui--grid_column_x2--compact", - "value": "var(--vkui--grid_column_x2--compact, 430px)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "compactX": { - "name": "--vkui--grid_column_x2--compact_x", - "value": "var(--vkui--grid_column_x2--compact_x, 280px)", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "large": { - "name": "--vkui--grid_column_x2--large", - "value": "var(--vkui--grid_column_x2--large, 580px)", + }, + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--grid_column_x2--regular", - "value": "var(--vkui--grid_column_x2--regular, 100%)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "gridColumnX3": { + "sizeAvatarM": { "auto": { - "name": "--vkui--grid_column_x3", - "value": "var(--vkui--grid_column_x3)", - }, - "compact": { - "name": "--vkui--grid_column_x3--compact", - "value": "var(--vkui--grid_column_x3--compact, 280px)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "compactX": { - "name": "--vkui--grid_column_x3--compact_x", - "value": "var(--vkui--grid_column_x3--compact_x, 180px)", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, - "large": { - "name": "--vkui--grid_column_x3--large", - "value": "var(--vkui--grid_column_x3--large, 380px)", + }, + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "name": "--vkui--grid_column_x3--regular", - "value": "var(--vkui--grid_column_x3--regular, 100%)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "gridColumnX4": { + "sizeAvatarXL": { "auto": { - "name": "--vkui--grid_column_x4", - "value": "var(--vkui--grid_column_x4)", - }, - "compact": { - "name": "--vkui--grid_column_x4--compact", - "value": "var(--vkui--grid_column_x4--compact, 205px)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "compactX": { - "name": "--vkui--grid_column_x4--compact_x", - "value": "var(--vkui--grid_column_x4--compact_x, 130px)", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "large": { - "name": "--vkui--grid_column_x4--large", - "value": "var(--vkui--grid_column_x4--large, 280px)", + }, + "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)", + }, + }, + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, "regular": { - "name": "--vkui--grid_main_content--regular", - "value": "var(--vkui--grid_main_content--regular, 100%)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, }, - "gridMainContentWide": { + "sizeBasePaddingVertical": { "auto": { - "name": "--vkui--grid_main_content_wide", - "value": "var(--vkui--grid_main_content_wide)", + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "compact": { - "name": "--vkui--grid_main_content_wide--compact", - "value": "var(--vkui--grid_main_content_wide--compact, 620px)", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, - "compactX": { - "name": "--vkui--grid_main_content_wide--compact_x", - "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", + }, + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "large": { - "name": "--vkui--grid_main_content_wide--large", - "value": "var(--vkui--grid_main_content_wide--large, 860px)", + "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_main_content_wide--regular", - "value": "var(--vkui--grid_main_content_wide--regular, 100%)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "gridWrapperContent": { + "sizeBorder3x": { "auto": { - "name": "--vkui--grid_wrapper_content", - "value": "var(--vkui--grid_wrapper_content)", + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "compact": { - "name": "--vkui--grid_wrapper_content--compact", - "value": "var(--vkui--grid_wrapper_content--compact, 940px)", + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, - "compactX": { - "name": "--vkui--grid_wrapper_content--compact_x", - "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", + }, + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, - "large": { - "name": "--vkui--grid_wrapper_content--large", - "value": "var(--vkui--grid_wrapper_content--large, 1260px)", + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 10px)", + }, + }, + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, "regular": { - "name": "--vkui--grid_wrapper_content--regular", - "value": "var(--vkui--grid_wrapper_content--regular, 100%)", + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, - "mediaFontMediaCaption": { + "sizeBorderRadiusPromo": { "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_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "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_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": { - "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_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "mediaFontMediaCaptionCaps": { + "sizeButtonBaseLargePaddingHorizontal": { "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_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "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_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": { - "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_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "mediaFontMediaLead": { + "sizeButtonBaseMediumPaddingHorizontal": { "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_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "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_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": { - "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)", - }, + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "mediaFontMediaParagraph": { + "sizeButtonBaseSmallPaddingHorizontal": { "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_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "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_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": { - "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_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "mediaFontMediaParagraphNumbering": { + "sizeButtonGroupGapMedium": { "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)", - }, + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "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_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": { - "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_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "mediaFontMediaParagraphSecondary": { + "sizeButtonGroupGapSpace": { "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_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, "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_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "mediaFontMediaQuote": { + "sizeButtonLargeHeight": { "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)", - }, + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_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)", - }, + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, "regular": { - "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)", - }, + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "mediaFontMediaQuotePerson": { + "sizeButtonMediumHeight": { "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)", - }, + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_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)", - }, + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, "regular": { - "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)", - }, + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "mediaFontMediaSubtitleLight": { + "sizeButtonMinimumWidth": { "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_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, "regular": { - "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)", - }, + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "mediaFontMediaTextSecondaryLight": { + "sizeButtonPaddingHorizontal": { "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_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, "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, 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)", - }, + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, - "mediaFontMediaTitle1": { + "sizeButtonSmallHeight": { "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)", - }, + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_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)", - }, + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, "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)", - }, + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "mediaFontMediaTitle1Tiny": { + "sizeButtonTertiaryLargePaddingHorizontal": { "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)", - }, + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "mediaFontMediaTitle2": { + "sizeButtonTertiaryLargePaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "mediaFontMediaTitle2Tiny": { + "sizeButtonTertiaryMediumPaddingHorizontal": { "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)", - }, + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "mediaFontMediaTitle3": { + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "mediaFontMediaTitle4": { + "sizeButtonTertiarySmallPaddingHorizontal": { "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)", - }, + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "mediaFontMediaTitle5": { + "sizeButtonTertiarySmallPaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, "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)", - }, + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "mediaFontMediaTitle6": { + "sizeCardBorderRadius": { "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)", - }, + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, "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)", - }, + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 10px)", }, }, - "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": { + "sizeCardgridPadding": { "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, }, - "sizeArrowHeight": { + "sizeCardgridPaddingVertical": { "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "sizeArrowPadding": { + "sizeCheckBorderRadius": { "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "sizeArrowPromo": { + "sizeCheckbox": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "sizeArrowWidth": { + "sizeFieldHeight": { "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)", + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "sizeAvatarL": { + "sizeFieldHorizontalPadding": { "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "sizeAvatarM": { + "sizeFormItemPaddingVertical": { "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "sizeAvatarS": { + "sizeIconUI": { "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "sizeAvatarXL": { + "sizeLabelHorizontalMargin": { "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "sizeAvatarXS": { + "sizeOptionHierarchy": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "sizeBadgeL": { + "sizePanelHeaderHeight": { "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "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_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", }, }, - "sizeBadgeM": { + "sizePopupBasePadding": { "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "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_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, - "sizeBadgeS": { + "sizePopupHeaderPadding": { "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "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_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, - "sizeBadgeXL": { + "sizePopupLarge": { "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "sizeBadgeXS": { + "sizePopupMedium": { "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { + "sizePopupSmall": { "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "sizeBasePadding": { + "sizeSearchHeight": { "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - "compactX": { - "name": "--vkui--size_base_padding--compact_x", - "value": "var(--vkui--size_base_padding--compact_x, 16px)", + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 20px)", + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "sizeBasePaddingHorizontal": { + "sizeSelectIconPadding": { "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "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_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", }, }, - "sizeBasePaddingVertical": { + "sizeSplitColPaddingHorizontal": { "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "sizeBorder1x": { + "sizeSubnavigationBarGap": { "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "sizeBorder2x": { + "sizeSubnavigationBarPaddingVertical": { "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "sizeBorder3x": { + "sizeSwitchHeight": { "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "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_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 31px)", }, }, - "sizeBorderRadius": { + "sizeSwitchPin": { "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "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_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 27px)", }, }, - "sizeBorderRadiusPaper": { + "sizeSwitchWidth": { "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "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_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 4px)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 51px)", }, }, - "sizeBorderRadiusPromo": { + "sizeTooltipMargin": { "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "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, vkontakteIOSDark)", + }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoIOSDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoIOS)", + }, + "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))", }, - "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "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))", }, }, - "sizeBorderWidthAccent": { - "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "vkontakteButtonMutedBackground": { + "active": { + "name": "--vkui--vkontakte_button_muted_background--active", + "value": "var(--vkui--vkontakte_button_muted_background--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "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)", }, }, - "sizeBorderWidthAccentSecondary": { - "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "vkontakteButtonTertiaryBackground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_background--active", + "value": "var(--vkui--vkontakte_button_tertiary_background--active, rgba(0, 0, 0, 0.08))", }, - "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", + "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))", }, }, - "sizeBorderWidthBar": { - "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "vkontakteButtonTertiaryForeground": { + "active": { + "name": "--vkui--vkontakte_button_tertiary_foreground--active", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", }, - "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "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)", }, }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "vkontakteColorAccentAlternate": { + "active": { + "name": "--vkui--vkontakte_color_accent_alternate--active", + "value": "var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "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)", }, }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "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))", }, - "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "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))", }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "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))", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "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)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "vkontakteColorBackgroundKeyboard": { + "active": { + "name": "--vkui--vkontakte_color_background_keyboard--active", + "value": "var(--vkui--vkontakte_color_background_keyboard--active, #3D3E3F)", }, - "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--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)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "vkontakteColorBackgroundSuggestions": { + "active": { + "name": "--vkui--vkontakte_color_background_suggestions--active", + "value": "var(--vkui--vkontakte_color_background_suggestions--active, #3D3E3F)", }, - "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_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)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "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))", }, - "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_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))", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "vkontakteColorContentPlaceholderIcon": { + "active": { + "name": "--vkui--vkontakte_color_content_placeholder_icon--active", + "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #B1B4B9)", }, - "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_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)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "vkontakteColorContentTintForeground": { + "active": { + "name": "--vkui--vkontakte_color_content_tint_foreground--active", + "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #999DA1)", }, - "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_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)", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "vkontakteColorControlBackground": { + "active": { + "name": "--vkui--vkontakte_color_control_background--active", + "value": "var(--vkui--vkontakte_color_control_background--active, #545556)", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "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)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "vkontakteColorControlForeground": { + "active": { + "name": "--vkui--vkontakte_color_control_foreground--active", + "value": "var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8)", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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)", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "vkontakteColorControlTintMuted": { + "active": { + "name": "--vkui--vkontakte_color_control_tint_muted--active", + "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #999DA1)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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)", }, }, - "sizeButtonIconPadding": { - "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", + "vkontakteColorHeaderSearchFieldBackground": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_background--active", + "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #464748)", }, - "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 20px)", + "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)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "vkontakteColorHeaderSearchFieldTint": { + "active": { + "name": "--vkui--vkontakte_color_header_search_field_tint--active", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #B1B4B9)", }, - "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "hover": { + "name": "--vkui--vkontakte_color_header_search_field_tint--hover", + "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #ADB1B6)", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "normal": { + "name": "--vkui--vkontakte_color_header_search_field_tint", + "value": "var(--vkui--vkontakte_color_header_search_field_tint, #aaaeb3)", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "vkontakteColorHeaderTabActiveIndicator": { + "active": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--active", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #60A6F5)", }, - "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #59A2F4)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "normal": { + "name": "--vkui--vkontakte_color_header_tab_active_indicator", + "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #529ef4)", }, }, - "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)", + "vkontakteColorIconName": { + "active": { + "name": "--vkui--vkontakte_color_icon_name--active", + "value": "var(--vkui--vkontakte_color_icon_name--active, #B1B4B9)", }, - }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "hover": { + "name": "--vkui--vkontakte_color_icon_name--hover", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #ADB1B6)", }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_icon_name", + "value": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", }, }, - "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)", + "vkontakteColorIconOutlineMedium": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_medium--active", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #B1B4B9)", }, - }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_medium--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #ADB1B6)", }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_medium", + "value": "var(--vkui--vkontakte_color_icon_outline_medium, #aaaeb3)", }, }, - "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)", + "vkontakteColorIconOutlineSecondary": { + "active": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--active", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #999DA1)", }, - }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", + "hover": { + "name": "--vkui--vkontakte_color_icon_outline_secondary--hover", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #94989D)", }, - "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "normal": { + "name": "--vkui--vkontakte_color_icon_outline_secondary", + "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #909499)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "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))", }, - "compact": { - "name": "--vkui--size_button_small_height--compact", - "value": "var(--vkui--size_button_small_height--compact, 28px)", + "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))", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "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))", }, }, - "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)", + "vkontakteColorImBubbleGiftText": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--active, #D7D8DB)", }, - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", }, }, - "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)", + "vkontakteColorImBubbleGiftTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", }, - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", + "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", }, }, - "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)", + "vkontakteColorImBubbleIncoming": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", }, - }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", }, }, - "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)", + "vkontakteColorImBubbleIncomingAlternate": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", }, - }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", }, }, - "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)", + "vkontakteColorImBubbleIncomingExpiring": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", }, - }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", + "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "vkontakteColorImBubbleOutgoing": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", }, - }, - "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", }, - "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", }, }, - "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, 130px)", + "vkontakteColorImBubbleOutgoingExpiringHighlighted": { + "active": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", }, - "compactX": { - "name": "--vkui--size_control_button_width_min--compact_x", - "value": "var(--vkui--size_control_button_width_min--compact_x, 130px)", + "hover": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 94px)", + "normal": { + "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", + "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", }, }, - "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)", + "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))", }, - }, - "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", + "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))", }, - "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", + "normal": { + "name": "--vkui--vkontakte_color_im_forward_line_alpha", + "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", }, }, - "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)", + "vkontakteColorImTextName": { + "active": { + "name": "--vkui--vkontakte_color_im_text_name--active", + "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", }, - }, - "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", + "hover": { + "name": "--vkui--vkontakte_color_im_text_name--hover", + "value": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", }, - "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_im_text_name", + "value": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "vkontakteColorInputBorder": { + "active": { + "name": "--vkui--vkontakte_color_input_border--active", + "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "hover": { + "name": "--vkui--vkontakte_color_input_border--hover", + "value": "var(--vkui--vkontakte_color_input_border--hover, #343536)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "normal": { + "name": "--vkui--vkontakte_color_input_border", + "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", }, }, - "sizeFieldHorizontalMargin": { - "auto": { - "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)", + "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))", }, - "compactX": { - "name": "--vkui--size_field_horizontal_margin--compact_x", - "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", + "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))", }, - "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "normal": { + "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", }, }, - "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)", + "vkontakteColorLoaderBackground": { + "active": { + "name": "--vkui--vkontakte_color_loader_background--active", + "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", }, - }, - "sizeFieldSetMargin": { - "auto": { - "name": "--vkui--size_field_set_margin", - "value": "var(--vkui--size_field_set_margin)", + "hover": { + "name": "--vkui--vkontakte_color_loader_background--hover", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", }, - "regular": { - "name": "--vkui--size_field_set_margin--regular", - "value": "var(--vkui--size_field_set_margin--regular, 32px)", + "normal": { + "name": "--vkui--vkontakte_color_loader_background", + "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", }, }, - "sizeFieldVerticalMargin": { - "auto": { - "name": "--vkui--size_field_vertical_margin", - "value": "var(--vkui--size_field_vertical_margin)", + "vkontakteColorLoaderTint": { + "active": { + "name": "--vkui--vkontakte_color_loader_tint--active", + "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "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)", }, }, - "sizeFieldWidthMin": { - "auto": { - "name": "--vkui--size_field_width_min", - "value": "var(--vkui--size_field_width_min)", + "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))", }, - "compactX": { - "name": "--vkui--size_field_width_min--compact_x", - "value": "var(--vkui--size_field_width_min--compact_x, 288px)", + "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_field_width_min--regular", - "value": "var(--vkui--size_field_width_min--regular, 380px)", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_border_alpha", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", }, }, - "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)", + "vkontakteColorModalCardHeaderClose": { + "active": { + "name": "--vkui--vkontakte_color_modal_card_header_close--active", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", }, - }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", - }, - "sizeHeaderIcon": { - "auto": { - "name": "--vkui--size_header_icon", - "value": "var(--vkui--size_header_icon)", + "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_header_icon--regular", - "value": "var(--vkui--size_header_icon--regular, 20px)", + "normal": { + "name": "--vkui--vkontakte_color_modal_card_header_close", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", }, }, - "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, 8px)", + "vkontakteColorMusicPlaybackIcon": { + "active": { + "name": "--vkui--vkontakte_color_music_playback_icon--active", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", }, - }, - "sizeIconMorePadding": { - "auto": { - "name": "--vkui--size_icon_more_padding", - "value": "var(--vkui--size_icon_more_padding)", + "hover": { + "name": "--vkui--vkontakte_color_music_playback_icon--hover", + "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_icon_more_padding--regular", - "value": "var(--vkui--size_icon_more_padding--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_music_playback_icon", + "value": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", }, }, - "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, 16px)", + "vkontakteColorPanelTabActiveText": { + "active": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--active", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", }, - "compactX": { - "name": "--vkui--size_icon_u_i--compact_x", - "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_panel_tab_active_text--hover", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7)", }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 18px)", + "normal": { + "name": "--vkui--vkontakte_color_panel_tab_active_text", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6)", }, }, - "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)", + "vkontakteColorPlaceholderIconForegroundPrimary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #999DA1)", }, - }, - "sizeIllustrationM": { - "auto": { - "name": "--vkui--size_illustration_m", - "value": "var(--vkui--size_illustration_m)", + "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_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #909499)", }, }, - "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)", + "vkontakteColorPlaceholderIconForegroundSecondary": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #6A6C6E)", }, - }, - "sizeIllustrationXM": { - "auto": { - "name": "--vkui--size_illustration_x_m", - "value": "var(--vkui--size_illustration_x_m)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #636567)", }, - "regular": { - "name": "--vkui--size_illustration_x_m--regular", - "value": "var(--vkui--size_illustration_x_m--regular, 72px)", + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", + "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #5d5f61)", }, }, - "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)", + "vkontakteColorPlaceholderIconTint": { + "active": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", }, - }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "hover": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "normal": { + "name": "--vkui--vkontakte_color_placeholder_icon_tint", + "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF)", }, }, - "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)", + "vkontakteColorPollOptionBackground": { + "active": { + "name": "--vkui--vkontakte_color_poll_option_background--active", + "value": "var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB)", }, - }, - "sizeLabelWidth": { - "auto": { - "name": "--vkui--size_label_width", - "value": "var(--vkui--size_label_width)", + "hover": { + "name": "--vkui--vkontakte_color_poll_option_background--hover", + "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_label_width--regular", - "value": "var(--vkui--size_label_width--regular, 184px)", + "normal": { + "name": "--vkui--vkontakte_color_poll_option_background", + "value": "var(--vkui--vkontakte_color_poll_option_background, #FFFFFF)", }, }, - "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)", + "vkontakteColorSearchBarBackground": { + "active": { + "name": "--vkui--vkontakte_color_search_bar_background--active", + "value": "var(--vkui--vkontakte_color_search_bar_background--active, #2B2B2C)", }, - }, - "sizeMenuPadding": { - "auto": { - "name": "--vkui--size_menu_padding", - "value": "var(--vkui--size_menu_padding)", + "hover": { + "name": "--vkui--vkontakte_color_search_bar_background--hover", + "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #222223)", }, - "regular": { - "name": "--vkui--size_menu_padding--regular", - "value": "var(--vkui--size_menu_padding--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_color_search_bar_background", + "value": "var(--vkui--vkontakte_color_search_bar_background, #19191a)", }, }, - "sizeOptionHierarchy": { - "auto": { - "name": "--vkui--size_option_hierarchy", - "value": "var(--vkui--size_option_hierarchy)", + "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_option_hierarchy--regular", - "value": "var(--vkui--size_option_hierarchy--regular, 32px)", + "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)", }, }, - "sizePanelHeaderHeight": { - "auto": { - "name": "--vkui--size_panel_header_height", - "value": "var(--vkui--size_panel_header_height)", + "vkontakteColorSkeletonShimmerFrom": { + "active": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #2B2B2C)", }, - "compact": { - "name": "--vkui--size_panel_header_height--compact", - "value": "var(--vkui--size_panel_header_height--compact, 48px)", + "hover": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #222223)", }, - "regular": { - "name": "--vkui--size_panel_header_height--regular", - "value": "var(--vkui--size_panel_header_height--regular, 56px)", + "normal": { + "name": "--vkui--vkontakte_color_skeleton_shimmer_from", + "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #19191a)", }, }, - "sizePopupBasePadding": { - "auto": { - "name": "--vkui--size_popup_base_padding", - "value": "var(--vkui--size_popup_base_padding)", + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "value": "var(--vkui--vkontakte_color_snippet_background--active, #353536)", }, - "compactX": { - "name": "--vkui--size_popup_base_padding--compact_x", - "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", + "hover": { + "name": "--vkui--vkontakte_color_snippet_background--hover", + "value": "var(--vkui--vkontakte_color_snippet_background--hover, #2C2C2D)", }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", }, }, - "sizePopupHeaderPadding": { - "auto": { - "name": "--vkui--size_popup_header_padding", - "value": "var(--vkui--size_popup_header_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))", }, - "compactX": { - "name": "--vkui--size_popup_header_padding--compact_x", - "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", + "hover": { + "name": "--vkui--vkontakte_color_snippet_border_alpha--hover", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.19))", }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", + "normal": { + "name": "--vkui--vkontakte_color_snippet_border_alpha", + "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.15))", }, }, - "sizePopupLarge": { - "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #3D3E3F)", }, - "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 880px)", + "hover": { + "name": "--vkui--vkontakte_color_splash_screen_icon--hover", + "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #343536)", }, - }, - "sizePopupMargin": { - "auto": { - "name": "--vkui--size_popup_margin", - "value": "var(--vkui--size_popup_margin)", + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", }, - "compact": { - "name": "--vkui--size_popup_margin--compact", - "value": "var(--vkui--size_popup_margin--compact, 8px)", + }, + "vkontakteColorStatusBackground": { + "active": { + "name": "--vkui--vkontakte_color_status_background--active", + "value": "var(--vkui--vkontakte_color_status_background--active, #2B2B2C)", }, - "compactX": { - "name": "--vkui--size_popup_margin--compact_x", - "value": "var(--vkui--size_popup_margin--compact_x, 8px)", + "hover": { + "name": "--vkui--vkontakte_color_status_background--hover", + "value": "var(--vkui--vkontakte_color_status_background--hover, #222223)", }, - "regular": { - "name": "--vkui--size_popup_margin--regular", - "value": "var(--vkui--size_popup_margin--regular, 24px)", + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #19191a)", }, }, - "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)", + "vkontakteColorTabbarActiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB)", }, - }, - "sizePopupSmall": { - "auto": { - "name": "--vkui--size_popup_small", - "value": "var(--vkui--size_popup_small)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_active_icon--hover", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0)", }, - "regular": { - "name": "--vkui--size_popup_small--regular", - "value": "var(--vkui--size_popup_small--regular, 430px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", }, }, - "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", - }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", + "vkontakteColorTabbarBackground": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_background--active", + "value": "var(--vkui--vkontakte_color_tabbar_background--active, #3D3E3F)", }, - }, - "sizeProgressScroll": { - "auto": { - "name": "--vkui--size_progress_scroll", - "value": "var(--vkui--size_progress_scroll)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_background--hover", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #343536)", }, - "regular": { - "name": "--vkui--size_progress_scroll--regular", - "value": "var(--vkui--size_progress_scroll--regular, 12px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", }, }, - "sizePromoButtonClose": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "vkontakteColorTabbarInactiveIcon": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #818385)", }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "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)", }, }, - "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "vkontakteColorTabbarTabletTextSecondary": { + "active": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #818385)", }, - "compact": { - "name": "--vkui--size_search_height--compact", - "value": "var(--vkui--size_search_height--compact, 32px)", + "hover": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #7B7D7F)", }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", }, }, - "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)", + "vkontakteColorTextName": { + "active": { + "name": "--vkui--vkontakte_color_text_name--active", + "value": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", }, - "compactX": { - "name": "--vkui--size_select_icon_padding--compact_x", - "value": "var(--vkui--size_select_icon_padding--compact_x, 7px)", + "hover": { + "name": "--vkui--vkontakte_color_text_name--hover", + "value": "var(--vkui--vkontakte_color_text_name--hover, #E2E4E7)", }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", }, }, - "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)", + "vkontakteColorToolbarAttachBackgroundFrom": { + "active": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #818385)", }, - }, - "sizeSliceTopPadding": { - "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "hover": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #7B7D7F)", }, - "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", }, }, - "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)", + "vkontakteFloatButtonForeground": { + "active": { + "name": "--vkui--vkontakte_float_button_foreground--active", + "value": "var(--vkui--vkontakte_float_button_foreground--active, #B1B4B9)", }, - }, - "sizeSubnavigationBarGap": { - "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "hover": { + "name": "--vkui--vkontakte_float_button_foreground--hover", + "value": "var(--vkui--vkontakte_float_button_foreground--hover, #ADB1B6)", }, - "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", }, }, - "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)", - }, + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", }, - "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)", - }, + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", }, - "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)", - }, - "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)", - }, - }, - "sizeTabPadding": { - "auto": { - "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)", - }, - }, - "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)", - }, + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "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)", - }, + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", }, - "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)", - }, + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", }, - "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)", - }, + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, mediaDark)", + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, media)", + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", }, - "widthDesktopM": { - "name": "--vkui--width_desktop_m", - "value": "var(--vkui--width_desktop_m, "(min-width: 1300px)")", + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 980px) and (max-width: 1299px)")", + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", }, - "widthFromDesktopM": { - "name": "--vkui--width_from_desktop_m", - "value": "var(--vkui--width_from_desktop_m, "(min-width: 1300px)")", + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 980px)")", + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", }, - "widthFromTablet": { - "name": "--vkui--width_from_tablet", - "value": "var(--vkui--width_from_tablet, "(min-width: 660px)")", + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", }, - "widthTablet": { - "name": "--vkui--width_tablet", - "value": "var(--vkui--width_tablet, "(min-width: 660px) and (max-width: 979px)")", + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "widthToDesktopS": { - "name": "--vkui--width_to_desktop_s", - "value": "var(--vkui--width_to_desktop_s, "(max-width: 1299px)")", + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", }, - "widthToTablet": { - "name": "--vkui--width_to_tablet", - "value": "var(--vkui--width_to_tablet, "(max-width: 979px)")", + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 659px)")", + "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: 659px)")", + "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)", + "vkontaktePaletteBlack": { + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #141414)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "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)", + }, }, "zIndexModal": { "name": "--vkui--z_index_modal", @@ -124334,70 +119668,52 @@ exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots legoIOSDark 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": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", "hover": "#F1634B", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { "active": "#FFC56F", @@ -124405,44 +119721,44 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFC062", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", "hover": "#F166C3", - "normal": "#F060C0", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 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)", @@ -124450,24 +119766,24 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -124475,29 +119791,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "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)", + "active": "#ECEEF1", + "hover": "#EBEEF1", + "normal": "#EAEDF0", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -124510,9 +119811,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -124520,19 +119821,19 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -124542,117 +119843,47 @@ exports[`shapshots mediaDark 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)", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "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)", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "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)", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { "active": "#D7D8DB", @@ -124675,24 +119906,24 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#232324", }, "colorFieldBorderAlpha": { - "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)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { "active": "#D7D8DB", @@ -124702,67 +119933,67 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "colorIconContrastSecondary": { "active": "#F3F4F6", "hover": "#F3F3F5", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { "active": "#B6B7BC", "hover": "#B3B4B9", - "normal": "#B0B1B6", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -124770,14 +120001,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 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": "#D7D8DB", @@ -124785,194 +120016,74 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "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.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "colorPrimaryAuto": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, - "colorPrimaryBase": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, - "colorPrimaryDeti": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, - "colorPrimaryDobro": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, - "colorPrimaryHealth": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryHealthNew": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryHitech": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryKino": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryLady": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryMycom": { - "active": "#14B2F3", - "hover": "#0AAEF3", - "normal": "#00abf2", - }, - "colorPrimaryPets": { - "active": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", - }, - "colorPrimaryPharma": { - "active": "#2FD7A9", - "hover": "#26D5A6", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", - }, - "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", - }, - "colorSecondaryBase": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorSecondaryHealth": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorSecondaryMycom": { - "active": "#FC3D48", - "hover": "#FC3440", - "normal": "#fc2c38", - }, - "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", + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "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", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -124982,27 +120093,27 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", - "normal": "#76787A", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { "active": "#D7D8DB", @@ -125010,49 +120121,49 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -125060,14 +120171,14 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -125075,69 +120186,24 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "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", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#525354", - "hover": "#4B4B4C", - "normal": "#434445", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -125145,19 +120211,19 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -125165,32 +120231,31 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "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": "0px 16px 48px 0px rgba(0, 0, 0, 0.40)", - "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)", + "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": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "12px", "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -125198,17 +120263,16 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -125216,137 +120280,78 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Inter, 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": ""VK Sans Display", -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": ""VK Sans Display", -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": ""VK Sans Display", -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": ""VK Sans Display", -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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "24px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "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", + "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": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", + "lineHeight": "16px", "textTransform": "uppercase", }, }, - "fontH0": { - "compact": { - "fontSize": "44px", - "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", - }, - }, - "fontH1": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "36px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "36px", - "fontWeight": 500, - "lineHeight": "48px", - }, - }, - "fontH2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", - }, - "regular": { - "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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -125358,7 +120363,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -125370,7 +120375,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -125378,7 +120383,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -125387,10 +120392,10 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontSize": "13px", - "lineHeight": "18px", + "lineHeight": "16px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -125402,7 +120407,7 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -125410,372 +120415,49 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "24px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": "17px", - "fontWeight": 500, + "fontWeight": 600, "lineHeight": "22px", }, }, - "fontWeightAccent1": 500, + "fontWeightAccent1": 600, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, + "fontWeightBase1": 600, + "fontWeightBase2": 500, "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(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(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(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%", - "gridAsideContent": { - "compact": "300px", - "compactX": "300px", - "large": "380px", - "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": "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", - }, - }, - "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": "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", - }, - }, - "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", - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 400, - "lineHeight": "26px", - }, - }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, - }, - "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, + "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, - "prefix": "vkui", "sizeArrow": { "regular": "8px", }, - "sizeArrowHeight": { - "regular": "8px", - }, "sizeArrowPadding": { "regular": "12px", }, "sizeArrowPromo": { "regular": "40px", }, - "sizeArrowWidth": { - "regular": "12px", - }, - "sizeAttributeMargin": { - "regular": "4px", - }, "sizeAvatarL": { "regular": "96px", }, @@ -125806,16 +120488,8 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "sizeBadgeXS": { "regular": "12px", }, - "sizeBase": "4px", - "sizeBaseMargin": { - "regular": "12px", - }, - "sizeBasePadding": { - "compactX": "16px", - "regular": "20px", - }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -125830,10 +120504,10 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -125841,21 +120515,6 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": "48px", }, - "sizeBorderWidthAccent": { - "regular": "8px", - }, - "sizeBorderWidthAccentSecondary": { - "regular": "4px", - }, - "sizeBorderWidthBar": { - "regular": "4px", - }, - "sizeBorderWidthTab": { - "regular": "2px", - }, - "sizeBulletMargin": { - "regular": "12px", - }, "sizeButtonBaseLargePaddingHorizontal": { "regular": "20px", }, @@ -125883,9 +120542,6 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": "1px", }, - "sizeButtonIconPadding": { - "regular": "20px", - }, "sizeButtonLargeHeight": { "compact": "36px", "regular": "44px", @@ -125897,21 +120553,9 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "sizeButtonMinimumWidth": { "regular": "80px", }, - "sizeButtonMorePadding": { - "regular": "8px", - }, "sizeButtonPaddingHorizontal": { - "regular": "20px", - }, - "sizeButtonSliderHeight": { - "regular": "24px", - }, - "sizeButtonSliderWidth": { "regular": "12px", }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", - }, "sizeButtonSmallHeight": { "compact": "28px", "regular": "30px", @@ -125935,10 +120579,10 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "16px", + "regular": "10px", }, "sizeCardgridPadding": { - "regular": "12px", + "regular": "8px", }, "sizeCardgridPaddingVertical": { "regular": "8px", @@ -125949,149 +120593,54 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "sizeCheckbox": { "regular": "16px", }, - "sizeChoiceMargin": { - "regular": "8px", - }, - "sizeControlButtonWidthMin": { - "compact": "130px", - "compactX": "130px", - "regular": "94px", - }, - "sizeDivPadding": { - "regular": "4px", - }, - "sizeDotBullet": { - "regular": "4px", - }, - "sizeDotClickable": { - "regular": "12px", - }, - "sizeDotIndicate": { - "regular": "8px", - }, "sizeFieldHeight": { "compact": "36px", "regular": "44px", }, - "sizeFieldHorizontalMargin": { - "compact": "16px", - "compactX": "16px", - "regular": "20px", - }, "sizeFieldHorizontalPadding": { "regular": "12px", }, - "sizeFieldSetMargin": { - "regular": "32px", - }, - "sizeFieldVerticalMargin": { - "regular": "24px", - }, - "sizeFieldWidthMin": { - "compactX": "288px", - "regular": "380px", - }, "sizeFormItemPaddingVertical": { "regular": "12px", }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", - }, - "sizeIconMargin": { - "regular": "8px", - }, - "sizeIconMorePadding": { - "regular": "12px", - }, "sizeIconUI": { - "compact": "16px", - "compactX": "16px", - "regular": "18px", - }, - "sizeIllustrationL": { - "regular": "144px", - }, - "sizeIllustrationM": { - "regular": "96px", - }, - "sizeIllustrationS": { - "regular": "48px", - }, - "sizeIllustrationXM": { - "regular": "72px", - }, - "sizeIllustrationXXL": { - "regular": "228px", + "regular": "16px", }, "sizeLabelHorizontalMargin": { "regular": "16px", }, - "sizeLabelVerticalMargin": { - "regular": "4px", - }, - "sizeLabelWidth": { - "regular": "184px", - }, - "sizeMenuMargin": { - "regular": "2px", - }, - "sizeMenuPadding": { - "regular": "8px", - }, "sizeOptionHierarchy": { "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { - "compactX": "20px", + "compact": "20px", "regular": "32px", }, "sizePopupHeaderPadding": { - "compactX": "16px", + "compact": "16px", "regular": "24px", }, "sizePopupLarge": { "regular": "880px", }, - "sizePopupMargin": { - "compact": "8px", - "compactX": "8px", - "regular": "24px", - }, "sizePopupMedium": { "regular": "680px", }, "sizePopupSmall": { "regular": "430px", }, - "sizeProgress": { - "regular": "4px", - }, - "sizeProgressScroll": { - "regular": "12px", - }, - "sizePromoButtonClose": { - "regular": "32px", - }, "sizeSearchHeight": { "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { "compact": "7px", - "compactX": "7px", "regular": "6px", }, - "sizeSliceBottomPadding": { - "regular": "60px", - }, - "sizeSliceTopPadding": { - "regular": "40px", - }, "sizeSplitColPaddingHorizontal": { "regular": "16px", }, @@ -126102,51 +120651,20 @@ exports[`shapshots mediaDark 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", - }, - "sizeTabMargin": { - "compact": "32px", - "compactX": "32px", - "regular": "8px", - }, - "sizeTabPadding": { - "compact": "0px", - "compactX": "0px", - "regular": "16px", - }, - "sizeTableHorizontalPadding": { - "regular": "16px", - }, - "sizeTableVerticalPadding": { - "regular": "16px", - }, - "sizeTagMargin": { - "regular": "8px", - }, - "sizeTagPadding": { - "regular": "8px", - }, - "sizeTipMargin": { - "regular": "4px", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { "regular": "8px", }, - "sizeVerticalPadding": { - "regular": "0px", - }, - "sizeWysiwygIcon": { - "regular": "14px", - }, "spacingSize2Xl": "16px", "spacingSize2Xs": "2px", "spacingSize3Xl": "20px", @@ -126157,110 +120675,460 @@ exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "mediaDark", - "themeNameBase": "media", + "themeInheritsFrom": "vkontakteIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", "themeType": "pixelify", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "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)", - "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", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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)", + }, + "vkontaktePaletteBlack": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots legoIOSDark 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": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, + "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)", "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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, #1BE7F9)", - "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "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, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "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, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "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, #BEFC80)", - "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "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, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "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)", "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)", @@ -126268,44 +121136,44 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "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": "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "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)", "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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "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, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "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, #1482FF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", - "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + "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": { - "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(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))", @@ -126313,24 +121181,24 @@ exports[`shapshots mediaDark 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "active": "var(--vkui--color_background_accent--active, #E3E5E8)", + "hover": "var(--vkui--color_background_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent, #E1E3E6)", }, "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": "var(--vkui--color_background_accent_alternative--active, #E3E5E8)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent_alternative, #E1E3E6)", }, "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, #E3E5E8)", + "hover": "var(--vkui--color_background_accent_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, "colorBackgroundAccentThemedAlpha": { "active": "var(--vkui--color_background_accent_themed_alpha--active, rgba(255, 255, 255, 0.28))", @@ -126338,29 +121206,14 @@ exports[`shapshots mediaDark 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)", - }, - "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))", + "active": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", + "hover": "var(--vkui--color_background_accent_tint--hover, #EBEEF1)", + "normal": "var(--vkui--color_background_accent_tint, #EAEDF0)", }, "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, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -126373,9 +121226,9 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "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))", @@ -126383,19 +121236,19 @@ exports[`shapshots mediaDark 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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "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)", @@ -126405,117 +121258,47 @@ exports[`shapshots mediaDark 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)", "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))", + "normal": "var(--vkui--color_background_negative_tint, #522E2E)", }, "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": "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, #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))", + "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, #3B3B3C)", - "hover": "var(--vkui--color_background_secondary--hover, #333333)", - "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + "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.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))", + "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, #363636)", - "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - "normal": "var(--vkui--color_background_tertiary, #252525)", + "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.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(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, #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))", + "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, #D7D8DB)", @@ -126538,24 +121321,24 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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))", + "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, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "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, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "active": "var(--vkui--color_icon_accent--active, #E3E5E8)", + "hover": "var(--vkui--color_icon_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_icon_accent, #E1E3E6)", }, "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)", @@ -126565,67 +121348,67 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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, #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, #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, #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(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(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, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "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, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "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, #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, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "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(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(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, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "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(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(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, #FFA614)", - "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "colorImageBorderAlpha": { "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", @@ -126633,14 +121416,14 @@ exports[`shapshots mediaDark 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, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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, #D7D8DB)", @@ -126648,109 +121431,24 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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.40))", }, "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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)", - }, - "colorPrimaryAuto": { - "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, #1482FF)", - "hover": "var(--vkui--color_primary_base--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_base, #0077FF)", - }, - "colorPrimaryDeti": { - "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)", - "hover": "var(--vkui--color_primary_dobro--hover, #FFD60A)", - "normal": "var(--vkui--color_primary_dobro, #ffd400)", - }, - "colorPrimaryHealth": { - "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, #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, #1482FF)", - "hover": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_hitech, #0077FF)", - }, - "colorPrimaryKino": { - "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, #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)", - "hover": "var(--vkui--color_primary_mycom--hover, #0AAEF3)", - "normal": "var(--vkui--color_primary_mycom, #00abf2)", - }, - "colorPrimaryPets": { - "active": "var(--vkui--color_primary_pets--active, #fc627e)", - "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - "normal": "var(--vkui--color_primary_pets, #fc738c)", - }, - "colorPrimaryPharma": { - "active": "var(--vkui--color_primary_pharma--active, #2FD7A9)", - "hover": "var(--vkui--color_primary_pharma--hover, #26D5A6)", - "normal": "var(--vkui--color_primary_pharma, #1DD3A2)", - }, - "colorPrimaryRealty": { - "active": "var(--vkui--color_primary_realty--active, #1482FF)", - "hover": "var(--vkui--color_primary_realty--hover, #0A7CFF)", - "normal": "var(--vkui--color_primary_realty, #0077FF)", - }, - "colorRating": { - "active": "var(--vkui--color_rating--active, #FFD714)", - "hover": "var(--vkui--color_rating--hover, #FFD60A)", - "normal": "var(--vkui--color_rating, #ffd400)", + "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, #494A4B)", - "hover": "var(--vkui--color_search_field_background--hover, #414243)", - "normal": "var(--vkui--color_search_field_background, #393A3B)", - }, - "colorSecondaryBase": { - "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, #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)", - "hover": "var(--vkui--color_secondary_mycom--hover, #FC3440)", - "normal": "var(--vkui--color_secondary_mycom, #fc2c38)", + "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)", @@ -126758,84 +121456,49 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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)", + "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, #323234)", - "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", - "normal": "var(--vkui--color_separator_primary2x, #202022)", + "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, #3E3E40)", - "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", - "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "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, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "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, #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)", + "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, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "active": "var(--vkui--color_stroke_accent--active, #E3E5E8)", + "hover": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_stroke_accent, #E1E3E6)", }, "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)", @@ -126845,27 +121508,27 @@ exports[`shapshots mediaDark 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, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "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, #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, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "active": "var(--vkui--color_text_accent--active, #E3E5E8)", + "hover": "var(--vkui--color_text_accent--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_accent, #E1E3E6)", }, "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)", @@ -126873,49 +121536,49 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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, #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, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "active": "var(--vkui--color_text_link--active, #E3E5E8)", + "hover": "var(--vkui--color_text_link--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link, #E1E3E6)", }, "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, #E3E5E8)", + "hover": "var(--vkui--color_text_link_themed--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link_themed, #E1E3E6)", }, "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, #E3E5E8)", + "hover": "var(--vkui--color_text_link_tint--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_link_tint, #E1E3E6)", }, "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": "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, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "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, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "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, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #E1E3E6)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", @@ -126923,14 +121586,14 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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": "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, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", @@ -126938,69 +121601,24 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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)", + "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, #525354)", - "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", - "normal": "var(--vkui--color_track_background, #434445)", + "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, #8DB1EC)", - "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "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))", @@ -127008,19 +121626,19 @@ 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, #1482FF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + "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, #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, #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, #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))", @@ -127028,32 +121646,31 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "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 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, 0px 16px 48px 0px rgba(0, 0, 0, 0.40))", - "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))", + "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": { "regular": { - "fontFamily": "var(--vkui--font_caption1--font_family--regular, Inter, 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, 400)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 14px)", }, }, "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, -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, Inter, 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)", @@ -127061,17 +121678,16 @@ exports[`shapshots mediaDark 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, -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, Inter, 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)", @@ -127079,137 +121695,78 @@ exports[`shapshots mediaDark 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, -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, "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, 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, "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, 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, "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, 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, "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, 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, "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, 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, 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, "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": { "regular": { - "fontFamily": "var(--vkui--font_footnote--font_family--regular, Inter, 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, 400)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 18px)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, "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, -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": { - "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, 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)", - }, - }, - "fontH2": { - "compact": { - "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, 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)", - }, - }, - "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": { "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, Inter, 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, 20px)", @@ -127221,7 +121778,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, VKSansDisplay, MailSans, Inter, 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, 20px)", @@ -127233,7 +121790,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, VKSansDisplay, MailSans, Inter, 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)", @@ -127241,7 +121798,7 @@ exports[`shapshots mediaDark 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, -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)", @@ -127250,10 +121807,10 @@ exports[`shapshots mediaDark 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, 18px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Inter, 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, 400)", "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", @@ -127265,7 +121822,7 @@ exports[`shapshots mediaDark 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, -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)", @@ -127273,372 +121830,49 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Inter, 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, 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, Inter, 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, 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": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Inter, Helvetica, Arial, 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, 500)", + "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, - "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)", - "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(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(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(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%)", - "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, 380px)", - "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, 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)", - }, - }, - "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, 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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "prefix": "var(--vkui--prefix, vkui)", "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)", }, @@ -127669,16 +121903,8 @@ exports[`shapshots mediaDark 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": { - "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)", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "sizeBasePaddingVertical": { "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", @@ -127693,10 +121919,10 @@ exports[`shapshots mediaDark 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, 4px)", + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, "sizeBorderRadiusPromo": { "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", @@ -127704,21 +121930,6 @@ exports[`shapshots mediaDark 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, 4px)", - }, - "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)", }, @@ -127746,9 +121957,6 @@ exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = "sizeButtonGroupGapSpace": { "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "sizeButtonIconPadding": { - "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)", @@ -127760,20 +121968,8 @@ exports[`shapshots mediaDark 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, 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)", @@ -127798,10 +121994,10 @@ exports[`shapshots mediaDark 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, 10px)", }, "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)", @@ -127812,149 +122008,54 @@ exports[`shapshots mediaDark 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, 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)", - }, - "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": { - "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": { "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": { - "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)", }, - "sizeGrid": "var(--vkui--size_grid, 20px)", - "sizeHeaderIcon": { - "regular": "var(--vkui--size_header_icon--regular, 20px)", - }, - "sizeIconMargin": { - "regular": "var(--vkui--size_icon_margin--regular, 8px)", - }, - "sizeIconMorePadding": { - "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)", - }, - "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)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "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)", + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, "sizePopupBasePadding": { - "compactX": "var(--vkui--size_popup_base_padding--compact_x, 20px)", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compactX": "var(--vkui--size_popup_header_padding--compact_x, 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, 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)", }, "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, 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)", - }, - "sizeSliceTopPadding": { - "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", - }, "sizeSplitColPaddingHorizontal": { "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, @@ -127965,51 +122066,20 @@ exports[`shapshots mediaDark 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)", - }, - "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": { - "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)", + "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)", }, - "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)", @@ -128020,155 +122090,505 @@ exports[`shapshots mediaDark 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, mediaDark)", - "themeNameBase": "var(--vkui--theme_name_base, media)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkontakteIOSDark)", + "themeName": "var(--vkui--theme_name, legoIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", "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)", - "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)", - "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 mediaDark 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": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, - }, - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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))", }, - "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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)", }, - "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "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))", }, - "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "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)", }, - "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "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)", }, - "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "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))", }, - "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "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)", }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#F05C44", + "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)", }, - "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "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)", }, - "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "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))", }, - "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "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)", }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "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)", }, - "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "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)", }, - "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "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)", }, - "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "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)", }, - "colorActionSheetText": { + "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "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))", + }, + "vkontaktePaletteBlack": { + "active": "var(--vkui--vkontakte_palette_black--active, #141414)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", + }, + "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 legoIOSDark 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)", + "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", "normal": "#0077FF", }, + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 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)", @@ -128176,24 +122596,24 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -128201,29 +122621,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "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)", + "active": "#ECEEF1", + "hover": "#EBEEF1", + "normal": "#EAEDF0", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -128236,9 +122641,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -128246,19 +122651,19 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -128268,117 +122673,47 @@ exports[`shapshots mediaDark 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)", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "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)", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#363636", - "hover": "#2E2E2E", - "normal": "#252525", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "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)", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { "active": "#D7D8DB", @@ -128401,24 +122736,24 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorFieldBorderAlpha": { - "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)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { "active": "#D7D8DB", @@ -128428,67 +122763,67 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "colorIconContrastSecondary": { "active": "#F3F4F6", "hover": "#F3F3F5", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { "active": "#B6B7BC", "hover": "#B3B4B9", - "normal": "#B0B1B6", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -128496,14 +122831,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 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": "#D7D8DB", @@ -128511,109 +122846,24 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "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.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryAuto": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryBase": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryDeti": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryDobro": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", - }, - "colorPrimaryHealth": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryHealthNew": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryHitech": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryKino": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryLady": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorPrimaryMycom": { - "active": "#14B2F3", - "hover": "#0AAEF3", - "normal": "#00abf2", - }, - "colorPrimaryPets": { - "active": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", - }, - "colorPrimaryPharma": { - "active": "#2FD7A9", - "hover": "#26D5A6", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#ffd400", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", - }, - "colorSecondaryBase": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorSecondaryHealth": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorSecondaryMycom": { - "active": "#FC3D48", - "hover": "#FC3440", - "normal": "#fc2c38", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -128621,84 +122871,49 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "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", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -128708,27 +122923,27 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", - "normal": "#76787A", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { "active": "#D7D8DB", @@ -128736,49 +122951,49 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -128786,14 +123001,14 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -128801,69 +123016,24 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, - "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", + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -128871,19 +123041,19 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -128891,32 +123061,31 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "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": "0px 16px 48px 0px rgba(0, 0, 0, 0.40)", - "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)", + "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": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 12, "fontWeight": 400, - "lineHeight": 16, + "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -128924,17 +123093,16 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Inter, 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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -128942,137 +123110,78 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Inter, 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": ""VK Sans Display", -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": ""VK Sans Display", -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": ""VK Sans Display", -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": ""VK Sans Display", -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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, - "fontWeight": 500, - "lineHeight": 24, + "fontWeight": 600, + "lineHeight": 22, }, }, - "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", + "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": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, - "lineHeight": 18, + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 18, + "lineHeight": 16, "textTransform": "uppercase", }, }, - "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, - }, - }, - "fontH1": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 36, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 36, - "fontWeight": 500, - "lineHeight": 48, - }, - }, - "fontH2": { - "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 32, - }, - "regular": { - "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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -129084,7 +123193,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -129096,7 +123205,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -129104,7 +123213,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -129113,10 +123222,10 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "fontSubhead": { "compact": { "fontSize": 13, - "lineHeight": 18, + "lineHeight": 16, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -129128,7 +123237,7 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -129136,372 +123245,49 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 24, - "fontWeight": 500, + "fontWeight": 600, "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", "fontSize": 17, - "fontWeight": 500, + "fontWeight": 600, "lineHeight": 22, }, }, - "fontWeightAccent1": 500, + "fontWeightAccent1": 600, "fontWeightAccent2": 500, "fontWeightAccent3": 400, - "fontWeightBase1": 700, - "fontWeightBase2": 700, + "fontWeightBase1": 600, + "fontWeightBase2": 500, "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(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(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(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%", - "gridAsideContent": { - "compact": 300, - "compactX": 300, - "large": 380, - "regular": "100%", - }, - "gridColumnX2": { - "compact": 430, - "compactX": 280, - "large": 580, - "regular": "100%", - }, - "gridColumnX3": { - "compact": 280, - "compactX": 180, - "large": 380, - "regular": "100%", - }, - "gridColumnX4": { - "compact": 205, - "compactX": 130, - "large": 280, - "regular": "100%", - }, - "gridColumnX6": { - "compact": 130, - "compactX": 80, - "large": 180, - "regular": "100%", - }, - "gridMainContent": { - "compact": 620, - "compactX": 620, - "large": 780, - "regular": "100%", - }, - "gridMainContentWide": { - "compact": 620, - "compactX": 620, - "large": 860, - "regular": "100%", - }, - "gridWrapperContent": { - "compact": 940, - "compactX": 620, - "large": 1260, - "regular": "100%", - }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 26, - }, - "regular": { - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 22, - }, - }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": 15, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 20, - }, - "regular": { - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 16, - }, - }, - "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, - }, - }, - "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, - }, - }, - "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, - }, - }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 24, - }, - }, - "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, - }, - }, - "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, - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 400, - "lineHeight": 26, - }, - }, - "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, + "opacityDisable": 0.4, "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, }, @@ -129532,16 +123318,8 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "sizeBadgeXS": { "regular": 12, }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, - }, - "sizeBasePadding": { - "compactX": 16, - "regular": 20, - }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -129556,10 +123334,10 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -129567,21 +123345,6 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "sizeBorderRadiusRounded": { "regular": 48, }, - "sizeBorderWidthAccent": { - "regular": 8, - }, - "sizeBorderWidthAccentSecondary": { - "regular": 4, - }, - "sizeBorderWidthBar": { - "regular": 4, - }, - "sizeBorderWidthTab": { - "regular": 2, - }, - "sizeBulletMargin": { - "regular": 12, - }, "sizeButtonBaseLargePaddingHorizontal": { "regular": 20, }, @@ -129609,9 +123372,6 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "sizeButtonGroupGapSpace": { "regular": 1, }, - "sizeButtonIconPadding": { - "regular": 20, - }, "sizeButtonLargeHeight": { "compact": 36, "regular": 44, @@ -129623,21 +123383,9 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "sizeButtonMinimumWidth": { "regular": 80, }, - "sizeButtonMorePadding": { - "regular": 8, - }, "sizeButtonPaddingHorizontal": { - "regular": 20, - }, - "sizeButtonSliderHeight": { - "regular": 24, - }, - "sizeButtonSliderWidth": { "regular": 12, }, - "sizeButtonSliderWidthPointer": { - "regular": 16, - }, "sizeButtonSmallHeight": { "compact": 28, "regular": 30, @@ -129661,10 +123409,10 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 16, + "regular": 10, }, "sizeCardgridPadding": { - "regular": 12, + "regular": 8, }, "sizeCardgridPaddingVertical": { "regular": 8, @@ -129675,149 +123423,54 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "sizeCheckbox": { "regular": 16, }, - "sizeChoiceMargin": { - "regular": 8, - }, - "sizeControlButtonWidthMin": { - "compact": 130, - "compactX": 130, - "regular": 94, - }, - "sizeDivPadding": { - "regular": 4, - }, - "sizeDotBullet": { - "regular": 4, - }, - "sizeDotClickable": { - "regular": 12, - }, - "sizeDotIndicate": { - "regular": 8, - }, "sizeFieldHeight": { "compact": 36, "regular": 44, }, - "sizeFieldHorizontalMargin": { - "compact": 16, - "compactX": 16, - "regular": 20, - }, "sizeFieldHorizontalPadding": { "regular": 12, }, - "sizeFieldSetMargin": { - "regular": 32, - }, - "sizeFieldVerticalMargin": { - "regular": 24, - }, - "sizeFieldWidthMin": { - "compactX": 288, - "regular": 380, - }, "sizeFormItemPaddingVertical": { "regular": 12, }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, - }, - "sizeIconMargin": { - "regular": 8, - }, - "sizeIconMorePadding": { - "regular": 12, - }, "sizeIconUI": { - "compact": 16, - "compactX": 16, - "regular": 18, - }, - "sizeIllustrationL": { - "regular": 144, - }, - "sizeIllustrationM": { - "regular": 96, - }, - "sizeIllustrationS": { - "regular": 48, - }, - "sizeIllustrationXM": { - "regular": 72, - }, - "sizeIllustrationXXL": { - "regular": 228, + "regular": 16, }, "sizeLabelHorizontalMargin": { "regular": 16, }, - "sizeLabelVerticalMargin": { - "regular": 4, - }, - "sizeLabelWidth": { - "regular": 184, - }, - "sizeMenuMargin": { - "regular": 2, - }, - "sizeMenuPadding": { - "regular": 8, - }, "sizeOptionHierarchy": { "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { - "compactX": 20, + "compact": 20, "regular": 32, }, "sizePopupHeaderPadding": { - "compactX": 16, + "compact": 16, "regular": 24, }, "sizePopupLarge": { "regular": 880, }, - "sizePopupMargin": { - "compact": 8, - "compactX": 8, - "regular": 24, - }, "sizePopupMedium": { "regular": 680, }, "sizePopupSmall": { "regular": 430, }, - "sizeProgress": { - "regular": 4, - }, - "sizeProgressScroll": { - "regular": 12, - }, - "sizePromoButtonClose": { - "regular": 32, - }, "sizeSearchHeight": { "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { "compact": 7, - "compactX": 7, "regular": 6, }, - "sizeSliceBottomPadding": { - "regular": 60, - }, - "sizeSliceTopPadding": { - "regular": 40, - }, "sizeSplitColPaddingHorizontal": { "regular": 16, }, @@ -129828,51 +123481,20 @@ exports[`shapshots mediaDark 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, - }, - "sizeTabMargin": { - "compact": 32, - "compactX": 32, - "regular": 8, - }, - "sizeTabPadding": { - "compact": 0, - "compactX": 0, - "regular": 16, - }, - "sizeTableHorizontalPadding": { - "regular": 16, - }, - "sizeTableVerticalPadding": { - "regular": 16, - }, - "sizeTagMargin": { - "regular": 8, - }, - "sizeTagPadding": { - "regular": 8, - }, - "sizeTipMargin": { - "regular": 4, + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { "regular": 8, }, - "sizeVerticalPadding": { - "regular": 0, - }, - "sizeWysiwygIcon": { - "regular": 14, - }, "spacingSize2Xl": 16, "spacingSize2Xs": 2, "spacingSize3Xl": 20, @@ -129883,228 +123505,596 @@ exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "mediaDark", - "themeNameBase": "media", + "themeInheritsFrom": "vkontakteIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", "themeType": "root", - "toneValueActive": 0.08, - "toneValueFocus": 0.08, - "toneValueHover": 0.04, - "toneValueOverlay": 0.48, - "toneValueToolbar": 0.24, - "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)", - "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 mycom 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)", + "vkontakteBackgroundHoverAlpha": { + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.04)", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "vkontakteButtonMutedBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "vkontakteButtonTertiaryBackground": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0.00)", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.3, 0.3, 0.5, 1))", + "vkontakteButtonTertiaryForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, - "breakpoints": { - "desktopM": { - "adaptiveValue": "large", - "breakpoint": 1300, - }, - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "vkontakteColorAccentAlternate": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "vkontakteColorActionSheetSeparatorAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "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)", - }, + "vkontakteColorAlphaSkeletonShimmerTo": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "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)", - }, + "vkontakteColorBackgroundKeyboard": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "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)", - }, + "vkontakteColorBackgroundSuggestions": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "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)", - }, + "vkontakteColorBackgroundTextAlpha": { + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "rgba(82, 158, 244, 0.24)", }, - "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)", - }, + "vkontakteColorContentPlaceholderIcon": { + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, - "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)", - }, + "vkontakteColorContentTintForeground": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, - "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)", - }, + "vkontakteColorControlBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, - "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)", - }, + "vkontakteColorControlForeground": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, - "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)", - }, + "vkontakteColorControlTintMuted": { + "active": "#999DA1", + "hover": "#94989D", + "normal": "#909499", }, - "colorAccentPurple": { - "active": { + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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)", + }, + "vkontaktePaletteBlack": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots media 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": { + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, + }, + "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 980, + }, + "tablet": { + "adaptiveValue": "compactX", + "breakpoint": 660, + }, + "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)", }, @@ -130232,15 +124222,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #009FE4)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #00A5EB)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #00abf2)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -130876,15 +124866,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #009FE4)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #00A5EB)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #00abf2)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { @@ -131391,20 +125381,6 @@ exports[`shapshots mycom 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, #E82A38)", - }, - "hover": { - "name": "--vkui--color_sale--hover", - "value": "var(--vkui--color_sale--hover, #F22B38)", - }, - "normal": { - "name": "--vkui--color_sale", - "value": "var(--vkui--color_sale, #fc2c38)", - }, - }, "colorSearchFieldBackground": { "active": { "name": "--vkui--color_search_field_background--active", @@ -131674,15 +125650,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #009FE4)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #00A5EB)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #00abf2)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { @@ -131758,15 +125734,15 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #009FE4)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #00A5EB)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #00abf2)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { @@ -132277,7 +126253,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -132323,7 +126299,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -132369,7 +126345,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -132415,7 +126391,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -132461,7 +126437,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -132507,7 +126483,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -132553,7 +126529,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -132591,7 +126567,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -132609,7 +126585,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -132647,7 +126623,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -132685,7 +126661,7 @@ exports[`shapshots mycom 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, Proxima Nova, Arial, 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", @@ -132701,10 +126677,6 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, }, }, - "fontFamily": { - "name": "--vkui--font_family", - "value": "var(--vkui--font_family, Proxima Nova, Arial, sans-serif)", - }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif)", @@ -132743,7 +126715,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -132789,7 +126761,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -132845,7 +126817,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, Proxima Nova, 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", @@ -132883,7 +126855,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_h1--font_family--compact", - "value": "var(--vkui--font_h1--font_family--compact, Proxima Nova, 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", @@ -132901,7 +126873,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, Proxima Nova, 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", @@ -132939,7 +126911,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--font_h2--font_family--compact", - "value": "var(--vkui--font_h2--font_family--compact, Proxima Nova, 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", @@ -132957,7 +126929,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, Proxima Nova, 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", @@ -132995,7 +126967,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h3--font_family--regular", - "value": "var(--vkui--font_h3--font_family--regular, Proxima Nova, 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", @@ -133033,7 +127005,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h4--font_family--regular", - "value": "var(--vkui--font_h4--font_family--regular, Proxima Nova, 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", @@ -133081,7 +127053,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, Proxima Nova, 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", @@ -133129,7 +127101,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, Proxima Nova, 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", @@ -133177,7 +127149,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, Proxima Nova, 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", @@ -133215,7 +127187,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -133263,7 +127235,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, Proxima Nova, 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", @@ -133311,7 +127283,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Proxima Nova, Arial, sans-serif)", + "value": "var(--vkui--font_text--font_family--regular, Inter, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", @@ -133349,7 +127321,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, Proxima Nova, 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", @@ -133387,7 +127359,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, Proxima Nova, 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", @@ -133425,7 +127397,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, Proxima Nova, 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", @@ -133799,7 +127771,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -133821,7 +127793,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -133867,7 +127839,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_paragraph--font_family--compact", - "value": "var(--vkui--media_font_media_paragraph--font_family--compact, Proxima Nova, Arial, sans-serif)", + "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", @@ -133889,7 +127861,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_paragraph--font_family--regular", - "value": "var(--vkui--media_font_media_paragraph--font_family--regular, Proxima Nova, Arial, sans-serif)", + "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", @@ -133939,7 +127911,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "compact": { "fontFamily": { "name": "--vkui--media_font_media_paragraph_numbering--font_family--compact", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Proxima Nova, Arial, sans-serif)", + "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", @@ -133965,7 +127937,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--media_font_media_paragraph_numbering--font_family--regular", - "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Proxima Nova, Arial, sans-serif)", + "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", @@ -134045,7 +128017,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134067,7 +128039,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134113,7 +128085,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134135,7 +128107,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134177,7 +128149,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134215,7 +128187,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134257,7 +128229,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134279,7 +128251,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134325,7 +128297,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134347,7 +128319,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134393,7 +128365,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134415,7 +128387,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134461,7 +128433,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134483,7 +128455,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134529,7 +128501,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134551,7 +128523,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134597,7 +128569,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134619,7 +128591,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134665,7 +128637,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134687,7 +128659,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134733,7 +128705,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134755,7 +128727,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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", @@ -134791,6 +128763,10 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "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", @@ -135886,9 +129862,17 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` "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)", + }, + "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": { @@ -136141,11 +130125,11 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, mycom)", + "value": "var(--vkui--theme_name, media)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, mycom)", + "value": "var(--vkui--theme_name_base, media)", }, "themeType": "cssVars", "toneValueActive": { @@ -136287,7 +130271,7 @@ exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots media theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -136408,9 +130392,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -136638,9 +130622,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -136822,11 +130806,6 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "hover": "#F5CC02", "normal": "#ffd400", }, - "colorSale": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, "colorSearchFieldBackground": { "active": "#D4D6DD", "hover": "#DDDEE4", @@ -136923,9 +130902,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -136953,9 +130932,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -137130,7 +131109,7 @@ exports[`shapshots mycom 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": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -137138,7 +131117,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", @@ -137148,7 +131127,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -137156,7 +131135,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", @@ -137166,7 +131145,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -137174,7 +131153,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", @@ -137184,7 +131163,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "23px", "fontWeight": 500, "lineHeight": "28px", @@ -137192,13 +131171,13 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "lineHeight": "22px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "21px", "fontWeight": 500, "lineHeight": "26px", @@ -137206,7 +131185,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "19px", "fontWeight": 500, "lineHeight": "24px", @@ -137214,20 +131193,19 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "24px", }, }, - "fontFamily": "Proxima Nova, 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": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -137235,7 +131213,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", @@ -137249,7 +131227,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "52px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "32px", @@ -137257,13 +131235,13 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "36px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "36px", "fontWeight": 500, "lineHeight": "48px", @@ -137271,13 +131249,13 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "32px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "34px", @@ -137285,7 +131263,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -137293,7 +131271,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "22px", @@ -137305,7 +131283,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -137317,7 +131295,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -137329,7 +131307,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -137337,7 +131315,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -137349,7 +131327,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -137361,7 +131339,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", @@ -137369,7 +131347,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -137377,7 +131355,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -137385,7 +131363,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -137481,14 +131459,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137497,14 +131475,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaParagraph": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 400, "letterSpacing": "0.003em", "lineHeight": "32px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 400, "letterSpacing": "0.003em", @@ -137513,7 +131491,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaParagraphNumbering": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontStyle": "italic", "fontWeight": 700, @@ -137521,7 +131499,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "lineHeight": "32px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontStyle": "italic", "fontWeight": 700, @@ -137538,14 +131516,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137554,14 +131532,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 600, "letterSpacing": "-0.005em", "lineHeight": "32px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "18px", "fontWeight": 600, "letterSpacing": "-0.005em", @@ -137570,7 +131548,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 400, "lineHeight": "26px", @@ -137578,7 +131556,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -137586,14 +131564,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "48px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "56px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "30px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137602,14 +131580,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "40px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "48px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "30px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137618,14 +131596,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "36px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "44px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137634,14 +131612,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "40px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "26px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137650,14 +131628,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "32px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "40px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "26px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137666,14 +131644,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "36px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137682,14 +131660,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "32px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137698,14 +131676,14 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": "28px", }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "letterSpacing": "-0.005em", @@ -137716,6 +131694,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "mediaSizeGrid": "60px", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, + "prefix": "vkui", "sizeArrow": { "regular": "8px", }, @@ -138040,7 +132019,9 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "regular": "36px", }, "sizeSelectIconPadding": { - "regular": "7px", + "compact": "7px", + "compactX": "7px", + "regular": "6px", }, "sizeSliceBottomPadding": { "regular": "60px", @@ -138113,8 +132094,8 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "mycom", - "themeNameBase": "mycom", + "themeName": "media", + "themeNameBase": "media", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -138153,7 +132134,7 @@ exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots media theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -138274,9 +132255,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #009FE4)", - "hover": "var(--vkui--color_background_accent--hover, #00A5EB)", - "normal": "var(--vkui--color_background_accent, #00abf2)", + "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)", @@ -138504,9 +132485,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #009FE4)", - "hover": "var(--vkui--color_icon_accent--hover, #00A5EB)", - "normal": "var(--vkui--color_icon_accent, #00abf2)", + "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)", @@ -138688,11 +132669,6 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "hover": "var(--vkui--color_rating--hover, #F5CC02)", "normal": "var(--vkui--color_rating, #ffd400)", }, - "colorSale": { - "active": "var(--vkui--color_sale--active, #E82A38)", - "hover": "var(--vkui--color_sale--hover, #F22B38)", - "normal": "var(--vkui--color_sale, #fc2c38)", - }, "colorSearchFieldBackground": { "active": "var(--vkui--color_search_field_background--active, #D4D6DD)", "hover": "var(--vkui--color_search_field_background--hover, #DDDEE4)", @@ -138789,9 +132765,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #009FE4)", - "hover": "var(--vkui--color_stroke_accent--hover, #00A5EB)", - "normal": "var(--vkui--color_stroke_accent, #00abf2)", + "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)", @@ -138819,9 +132795,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #009FE4)", - "hover": "var(--vkui--color_text_accent--hover, #00A5EB)", - "normal": "var(--vkui--color_text_accent, #00abf2)", + "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)", @@ -138996,7 +132972,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -139004,7 +132980,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Proxima Nova, 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)", @@ -139014,7 +132990,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Proxima Nova, 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)", @@ -139022,7 +132998,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Proxima Nova, 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)", @@ -139032,7 +133008,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Proxima Nova, 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)", @@ -139040,7 +133016,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Proxima Nova, 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)", @@ -139050,7 +133026,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "var(--vkui--font_display_title1--font_family--regular, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title1--line_height--regular, 28px)", @@ -139058,13 +133034,13 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "var(--vkui--font_display_title2--font_family--compact, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title2--line_height--compact, 22px)", }, "regular": { - "fontFamily": "var(--vkui--font_display_title2--font_family--regular, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title2--line_height--regular, 26px)", @@ -139072,7 +133048,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "var(--vkui--font_display_title3--font_family--regular, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title3--line_height--regular, 24px)", @@ -139080,20 +133056,19 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "var(--vkui--font_display_title4--font_family--regular, Proxima Nova, Arial, 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, 500)", "lineHeight": "var(--vkui--font_display_title4--line_height--regular, 24px)", }, }, - "fontFamily": "var(--vkui--font_family, Proxima Nova, 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, Proxima Nova, 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)", @@ -139101,7 +133076,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Proxima Nova, 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)", @@ -139115,7 +133090,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, Proxima Nova, Arial, sans-serif)", + "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)", @@ -139123,13 +133098,13 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "var(--vkui--font_h1--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139137,13 +133112,13 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "var(--vkui--font_h2--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139151,7 +133126,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "var(--vkui--font_h3--font_family--regular, Proxima Nova, 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)", @@ -139159,7 +133134,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "var(--vkui--font_h4--font_family--regular, Proxima Nova, 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)", @@ -139171,7 +133146,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -139183,7 +133158,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -139195,7 +133170,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -139203,7 +133178,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Proxima Nova, 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)", @@ -139215,7 +133190,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -139227,7 +133202,7 @@ exports[`shapshots mycom 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, Proxima Nova, 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)", @@ -139235,7 +133210,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, Proxima Nova, 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)", @@ -139243,7 +133218,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, Proxima Nova, 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)", @@ -139251,7 +133226,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, Proxima Nova, 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)", @@ -139347,14 +133322,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139363,14 +133338,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaParagraph": { "compact": { - "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--compact, Proxima Nova, Arial, sans-serif)", + "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, Proxima Nova, Arial, sans-serif)", + "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)", @@ -139379,7 +133354,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaParagraphNumbering": { "compact": { - "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Proxima Nova, Arial, sans-serif)", + "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)", @@ -139387,7 +133362,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "lineHeight": "var(--vkui--media_font_media_paragraph_numbering--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Proxima Nova, Arial, sans-serif)", + "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)", @@ -139404,14 +133379,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139420,14 +133395,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139436,7 +133411,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, Proxima Nova, 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)", @@ -139444,7 +133419,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, Proxima Nova, 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)", @@ -139452,14 +133427,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139468,14 +133443,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139484,14 +133459,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139500,14 +133475,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139516,14 +133491,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139532,14 +133507,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139548,14 +133523,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139564,14 +133539,14 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", @@ -139582,6 +133557,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -139906,7 +133882,9 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "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)", @@ -139979,8 +133957,8 @@ exports[`shapshots mycom 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, mycom)", - "themeNameBase": "var(--vkui--theme_name_base, mycom)", + "themeName": "var(--vkui--theme_name, media)", + "themeNameBase": "var(--vkui--theme_name_base, media)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -140019,7 +133997,7 @@ exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots mycom theme should match root theme snapshot 1`] = ` +exports[`shapshots media theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -140140,9 +134118,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -140370,9 +134348,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -140554,11 +134532,6 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "hover": "#F5CC02", "normal": "#ffd400", }, - "colorSale": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, "colorSearchFieldBackground": { "active": "#D4D6DD", "hover": "#DDDEE4", @@ -140655,9 +134628,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -140685,9 +134658,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -140862,7 +134835,7 @@ exports[`shapshots mycom 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": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -140870,7 +134843,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", @@ -140880,7 +134853,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -140888,7 +134861,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", @@ -140898,7 +134871,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -140906,7 +134879,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "letterSpacing": "0.16px", @@ -140916,7 +134889,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 23, "fontWeight": 500, "lineHeight": 28, @@ -140924,13 +134897,13 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "lineHeight": 22, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 21, "fontWeight": 500, "lineHeight": 26, @@ -140938,7 +134911,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 19, "fontWeight": 500, "lineHeight": 24, @@ -140946,20 +134919,19 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 24, }, }, - "fontFamily": "Proxima Nova, 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": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -140967,7 +134939,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", @@ -140981,7 +134953,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 32, @@ -140989,13 +134961,13 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 36, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 36, "fontWeight": 500, "lineHeight": 48, @@ -141003,13 +134975,13 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontH2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 32, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 34, @@ -141017,7 +134989,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontH3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -141025,7 +134997,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontH4": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 22, @@ -141037,7 +135009,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -141049,7 +135021,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -141061,7 +135033,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -141069,7 +135041,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontParagraph": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -141081,7 +135053,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -141093,7 +135065,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "lineHeight": 20, @@ -141101,7 +135073,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -141109,7 +135081,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -141117,7 +135089,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -141213,14 +135185,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaLead": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141229,14 +135201,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaParagraph": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 400, "letterSpacing": "0.003em", "lineHeight": 32, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 400, "letterSpacing": "0.003em", @@ -141245,7 +135217,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaParagraphNumbering": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontStyle": "italic", "fontWeight": 700, @@ -141253,7 +135225,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "lineHeight": 32, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "Inter, Helvetica, Arial, sans-serif", "fontSize": 16, "fontStyle": "italic", "fontWeight": 700, @@ -141270,14 +135242,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaQuote": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141286,14 +135258,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaQuotePerson": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 600, "letterSpacing": "-0.005em", "lineHeight": 32, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 18, "fontWeight": 600, "letterSpacing": "-0.005em", @@ -141302,7 +135274,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaSubtitleLight": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 400, "lineHeight": 26, @@ -141310,7 +135282,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTextSecondaryLight": { "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -141318,14 +135290,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle1": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 48, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 56, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 30, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141334,14 +135306,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle1Tiny": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 40, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 48, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 30, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141350,14 +135322,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle2": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 36, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 44, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141366,14 +135338,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle2Tiny": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 32, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 40, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 26, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141382,14 +135354,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle3": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 32, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 40, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 26, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141398,14 +135370,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle4": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 36, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141414,14 +135386,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle5": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 32, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141430,14 +135402,14 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` }, "mediaFontMediaTitle6": { "compact": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "letterSpacing": "-0.005em", "lineHeight": 28, }, "regular": { - "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "letterSpacing": "-0.005em", @@ -141448,6 +135420,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "mediaSizeGrid": 60, "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, + "prefix": "vkui", "sizeArrow": { "regular": 8, }, @@ -141772,7 +135745,9 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { - "regular": 7, + "compact": 7, + "compactX": 7, + "regular": 6, }, "sizeSliceBottomPadding": { "regular": 60, @@ -141845,8 +135820,8 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "mycom", - "themeNameBase": "mycom", + "themeName": "media", + "themeNameBase": "media", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -141885,7 +135860,7 @@ exports[`shapshots mycom theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` +exports[`shapshots mediaDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -141908,9 +135883,17 @@ exports[`shapshots octavius 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", @@ -141920,11 +135903,11 @@ exports[`shapshots octavius 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", @@ -141934,25 +135917,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "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", @@ -141962,25 +135945,25 @@ exports[`shapshots octavius 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", @@ -141990,11 +135973,11 @@ exports[`shapshots octavius 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", @@ -142004,11 +135987,11 @@ exports[`shapshots octavius 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", @@ -142018,11 +136001,11 @@ exports[`shapshots octavius 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", @@ -142032,25 +136015,25 @@ exports[`shapshots octavius 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", @@ -142060,11 +136043,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #815DEF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -142074,25 +136057,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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, #DA300E)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", @@ -142102,11 +136085,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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", @@ -142116,11 +136099,11 @@ exports[`shapshots octavius 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", @@ -142130,43 +136113,29 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", - }, - }, - "colorAlert": { - "active": { - "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #B2311E)", - }, - "hover": { - "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #B9331C)", - }, - "normal": { - "name": "--vkui--color_alert", - "value": "var(--vkui--color_alert, #c1341b)", + "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": { @@ -142186,25 +136155,25 @@ exports[`shapshots octavius 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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", @@ -142214,11 +136183,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "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", @@ -142228,39 +136197,39 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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", @@ -142270,81 +136239,81 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #DDE5EF)", + "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, #E6EEF7)", + "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, #f0f7ff)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -142354,11 +136323,11 @@ exports[`shapshots octavius 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", @@ -142382,137 +136351,137 @@ exports[`shapshots octavius 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, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "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, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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, 51, 10, 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, 51, 10, 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, #EADDDD)", + "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, #F4E6E4)", + "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, #feefeb)", + "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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -142522,389 +136491,361 @@ exports[`shapshots octavius 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, #BCD3EF)", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "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(204, 228, 255, 0.98))", + "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(204, 228, 255, 0.9400000000000001))", + "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(204, 228, 255, 0.9))", + "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))", - }, - }, - "colorBackgroundThumbnail": { - "active": { - "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", - }, - "hover": { - "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - }, - "normal": { - "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #EBECEF)", - }, - }, - "colorBackgroundThumbnailAlpha": { - "active": { - "name": "--vkui--color_background_thumbnail_alpha--active", - "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_thumbnail_alpha--hover", - "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_thumbnail_alpha", - "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + "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, #006FEF)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #0073F7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #0077ff)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #006FEF)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #0077ff)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #006FEF)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #0073F7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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", @@ -142914,11 +136855,11 @@ exports[`shapshots octavius 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", @@ -142928,67 +136869,67 @@ exports[`shapshots octavius 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, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "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", @@ -142998,25 +136939,25 @@ exports[`shapshots octavius 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", @@ -143026,67 +136967,67 @@ exports[`shapshots octavius 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", @@ -143096,53 +137037,53 @@ exports[`shapshots octavius 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", @@ -143152,445 +137093,417 @@ exports[`shapshots octavius 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))", - }, - }, - "colorPaletteBlue1": { - "active": { - "name": "--vkui--color_palette_blue1--active", - "value": "var(--vkui--color_palette_blue1--active, #264CEF)", - }, - "hover": { - "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", - }, - "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))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, - "colorPaletteBlue2": { + "colorPanelHeaderIcon": { "active": { - "name": "--vkui--color_palette_blue2--active", - "value": "var(--vkui--color_palette_blue2--active, #009FE4)", + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_blue2", - "value": "var(--vkui--color_palette_blue2, #00abf2)", + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077FF)", }, }, - "colorPaletteBlue3": { + "colorPrimaryAuto": { "active": { - "name": "--vkui--color_palette_blue3--active", - "value": "var(--vkui--color_palette_blue3--active, #23CED2)", + "name": "--vkui--color_primary_auto--active", + "value": "var(--vkui--color_primary_auto--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "name": "--vkui--color_primary_auto--hover", + "value": "var(--vkui--color_primary_auto--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_blue3", - "value": "var(--vkui--color_palette_blue3, #26dfdf)", + "name": "--vkui--color_primary_auto", + "value": "var(--vkui--color_primary_auto, #0077FF)", }, }, - "colorPaletteGreen1": { + "colorPrimaryBase": { "active": { - "name": "--vkui--color_palette_green1--active", - "value": "var(--vkui--color_palette_green1--active, #A0D016)", + "name": "--vkui--color_primary_base--active", + "value": "var(--vkui--color_primary_base--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #A7D915)", + "name": "--vkui--color_primary_base--hover", + "value": "var(--vkui--color_primary_base--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_green1", - "value": "var(--vkui--color_palette_green1, #aee113)", + "name": "--vkui--color_primary_base", + "value": "var(--vkui--color_primary_base, #0077FF)", }, }, - "colorPaletteGreen1Alpha": { + "colorPrimaryDeti": { "active": { - "name": "--vkui--color_palette_green1_alpha--active", - "value": "var(--vkui--color_palette_green1_alpha--active, rgba(92, 186, 56, 0.2))", + "name": "--vkui--color_primary_deti--active", + "value": "var(--vkui--color_primary_deti--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_green1_alpha--hover", - "value": "var(--vkui--color_palette_green1_alpha--hover, rgba(92, 186, 56, 0.16))", + "name": "--vkui--color_primary_deti--hover", + "value": "var(--vkui--color_primary_deti--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_green1_alpha", - "value": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", + "name": "--vkui--color_primary_deti", + "value": "var(--vkui--color_primary_deti, #0077FF)", }, }, - "colorPaletteGreen2": { + "colorPrimaryDobro": { "active": { - "name": "--vkui--color_palette_green2--active", - "value": "var(--vkui--color_palette_green2--active, #52B552)", + "name": "--vkui--color_primary_dobro--active", + "value": "var(--vkui--color_primary_dobro--active, #FFD714)", }, "hover": { - "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #55BC53)", + "name": "--vkui--color_primary_dobro--hover", + "value": "var(--vkui--color_primary_dobro--hover, #FFD60A)", }, "normal": { - "name": "--vkui--color_palette_green2", - "value": "var(--vkui--color_palette_green2, #59c354)", + "name": "--vkui--color_primary_dobro", + "value": "var(--vkui--color_primary_dobro, #ffd400)", }, }, - "colorPaletteGreen2Alpha": { + "colorPrimaryHealth": { "active": { - "name": "--vkui--color_palette_green2_alpha--active", - "value": "var(--vkui--color_palette_green2_alpha--active, rgba(0, 230, 180, 0.16))", + "name": "--vkui--color_primary_health--active", + "value": "var(--vkui--color_primary_health--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_green2_alpha--hover", - "value": "var(--vkui--color_palette_green2_alpha--hover, rgba(0, 230, 180, 0.12))", + "name": "--vkui--color_primary_health--hover", + "value": "var(--vkui--color_primary_health--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_green2_alpha", - "value": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", + "name": "--vkui--color_primary_health", + "value": "var(--vkui--color_primary_health, #0077FF)", }, }, - "colorPaletteGreen3": { + "colorPrimaryHealthNew": { "active": { - "name": "--vkui--color_palette_green3--active", - "value": "var(--vkui--color_palette_green3--active, #33D98D)", + "name": "--vkui--color_primary_health_new--active", + "value": "var(--vkui--color_primary_health_new--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #35E291)", + "name": "--vkui--color_primary_health_new--hover", + "value": "var(--vkui--color_primary_health_new--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_green3", - "value": "var(--vkui--color_palette_green3, #37eb94)", + "name": "--vkui--color_primary_health_new", + "value": "var(--vkui--color_primary_health_new, #0077FF)", }, }, - "colorPaletteGreen4": { + "colorPrimaryHitech": { "active": { - "name": "--vkui--color_palette_green4--active", - "value": "var(--vkui--color_palette_green4--active, #00A4AA)", + "name": "--vkui--color_primary_hitech--active", + "value": "var(--vkui--color_primary_hitech--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "name": "--vkui--color_primary_hitech--hover", + "value": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_green4", - "value": "var(--vkui--color_palette_green4, #00b1b3)", + "name": "--vkui--color_primary_hitech", + "value": "var(--vkui--color_primary_hitech, #0077FF)", }, }, - "colorPaletteOrange1": { + "colorPrimaryKino": { "active": { - "name": "--vkui--color_palette_orange1--active", - "value": "var(--vkui--color_palette_orange1--active, #EB812F)", + "name": "--vkui--color_primary_kino--active", + "value": "var(--vkui--color_primary_kino--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "name": "--vkui--color_primary_kino--hover", + "value": "var(--vkui--color_primary_kino--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_orange1", - "value": "var(--vkui--color_palette_orange1, #ff8b2e)", + "name": "--vkui--color_primary_kino", + "value": "var(--vkui--color_primary_kino, #0077FF)", }, }, - "colorPaletteOrange1Alpha": { + "colorPrimaryLady": { "active": { - "name": "--vkui--color_palette_orange1_alpha--active", - "value": "var(--vkui--color_palette_orange1_alpha--active, rgba(255, 158, 0, 0.2))", + "name": "--vkui--color_primary_lady--active", + "value": "var(--vkui--color_primary_lady--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_orange1_alpha--hover", - "value": "var(--vkui--color_palette_orange1_alpha--hover, rgba(255, 158, 0, 0.16))", + "name": "--vkui--color_primary_lady--hover", + "value": "var(--vkui--color_primary_lady--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_orange1_alpha", - "value": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", + "name": "--vkui--color_primary_lady", + "value": "var(--vkui--color_primary_lady, #0077FF)", }, }, - "colorPaletteRed1": { + "colorPrimaryMycom": { "active": { - "name": "--vkui--color_palette_red1--active", - "value": "var(--vkui--color_palette_red1--active, #E82A38)", + "name": "--vkui--color_primary_mycom--active", + "value": "var(--vkui--color_primary_mycom--active, #14B2F3)", }, "hover": { - "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #F22B38)", + "name": "--vkui--color_primary_mycom--hover", + "value": "var(--vkui--color_primary_mycom--hover, #0AAEF3)", }, "normal": { - "name": "--vkui--color_palette_red1", - "value": "var(--vkui--color_palette_red1, #fc2c38)", + "name": "--vkui--color_primary_mycom", + "value": "var(--vkui--color_primary_mycom, #00abf2)", }, }, - "colorPaletteRed2": { + "colorPrimaryPets": { "active": { - "name": "--vkui--color_palette_red2--active", - "value": "var(--vkui--color_palette_red2--active, #D8187C)", + "name": "--vkui--color_primary_pets--active", + "value": "var(--vkui--color_primary_pets--active, #fc627e)", }, "hover": { - "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #E2197E)", + "name": "--vkui--color_primary_pets--hover", + "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", }, "normal": { - "name": "--vkui--color_palette_red2", - "value": "var(--vkui--color_palette_red2, #eb1981)", + "name": "--vkui--color_primary_pets", + "value": "var(--vkui--color_primary_pets, #fc738c)", }, }, - "colorPaletteRed3": { + "colorPrimaryPharma": { "active": { - "name": "--vkui--color_palette_red3--active", - "value": "var(--vkui--color_palette_red3--active, #EB69B1)", + "name": "--vkui--color_primary_pharma--active", + "value": "var(--vkui--color_primary_pharma--active, #2FD7A9)", }, "hover": { - "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "name": "--vkui--color_primary_pharma--hover", + "value": "var(--vkui--color_primary_pharma--hover, #26D5A6)", }, "normal": { - "name": "--vkui--color_palette_red3", - "value": "var(--vkui--color_palette_red3, #ff71bb)", + "name": "--vkui--color_primary_pharma", + "value": "var(--vkui--color_primary_pharma, #1DD3A2)", }, }, - "colorPaletteViolet1": { + "colorPrimaryRealty": { "active": { - "name": "--vkui--color_palette_violet1--active", - "value": "var(--vkui--color_palette_violet1--active, #6301EF)", + "name": "--vkui--color_primary_realty--active", + "value": "var(--vkui--color_primary_realty--active, #1482FF)", }, "hover": { - "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "name": "--vkui--color_primary_realty--hover", + "value": "var(--vkui--color_primary_realty--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_palette_violet1", - "value": "var(--vkui--color_palette_violet1, #6c00ff)", + "name": "--vkui--color_primary_realty", + "value": "var(--vkui--color_primary_realty, #0077FF)", }, }, - "colorPaletteViolet2": { + "colorRating": { "active": { - "name": "--vkui--color_palette_violet2--active", - "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #FFD714)", }, "hover": { - "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #FFD60A)", }, "normal": { - "name": "--vkui--color_palette_violet2", - "value": "var(--vkui--color_palette_violet2, #ae73ff)", + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", }, }, - "colorPaletteYellow1": { + "colorSearchFieldBackground": { "active": { - "name": "--vkui--color_palette_yellow1--active", - "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #494A4B)", }, "hover": { - "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #414243)", }, "normal": { - "name": "--vkui--color_palette_yellow1", - "value": "var(--vkui--color_palette_yellow1, #ffc311)", + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #393A3B)", }, }, - "colorPanelHeaderIcon": { + "colorSecondaryBase": { "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "name": "--vkui--color_secondary_base--active", + "value": "var(--vkui--color_secondary_base--active, #1482FF)", }, "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "name": "--vkui--color_secondary_base--hover", + "value": "var(--vkui--color_secondary_base--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "name": "--vkui--color_secondary_base", + "value": "var(--vkui--color_secondary_base, #0077FF)", }, }, - "colorRating": { + "colorSecondaryHealth": { "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", + "name": "--vkui--color_secondary_health--active", + "value": "var(--vkui--color_secondary_health--active, #1482FF)", }, "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", + "name": "--vkui--color_secondary_health--hover", + "value": "var(--vkui--color_secondary_health--hover, #0A7CFF)", }, "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "name": "--vkui--color_secondary_health", + "value": "var(--vkui--color_secondary_health, #0077FF)", }, }, - "colorSearchFieldBackground": { + "colorSecondaryMycom": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "name": "--vkui--color_secondary_mycom--active", + "value": "var(--vkui--color_secondary_mycom--active, #FC3D48)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "name": "--vkui--color_secondary_mycom--hover", + "value": "var(--vkui--color_secondary_mycom--hover, #FC3440)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "name": "--vkui--color_secondary_mycom", + "value": "var(--vkui--color_secondary_mycom, #fc2c38)", }, }, "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, #1562EF)", + "value": "var(--vkui--color_social_behance--active, #2A75FF)", }, "hover": { "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #1665F7)", + "value": "var(--vkui--color_social_behance--hover, #206FFF)", }, "normal": { "name": "--vkui--color_social_behance", @@ -143600,11 +137513,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialDribbble": { "active": { "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #D74783)", + "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", }, "hover": { "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", }, "normal": { "name": "--vkui--color_social_dribbble", @@ -143614,11 +137527,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialFb": { "active": { "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #166FE4)", + "value": "var(--vkui--color_social_fb--active, #2A82F3)", }, "hover": { "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #1773EB)", + "value": "var(--vkui--color_social_fb--hover, #217CF3)", }, "normal": { "name": "--vkui--color_social_fb", @@ -143628,11 +137541,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialMir": { "active": { "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #1075CD)", + "value": "var(--vkui--color_social_mir--active, #2488DD)", }, "hover": { "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #107AD4)", + "value": "var(--vkui--color_social_mir--hover, #1B83DB)", }, "normal": { "name": "--vkui--color_social_mir", @@ -143642,11 +137555,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialOk": { "active": { "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #DB790C)", + "value": "var(--vkui--color_social_ok--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #E47D0A)", + "value": "var(--vkui--color_social_ok--hover, #EF8712)", }, "normal": { "name": "--vkui--color_social_ok", @@ -143656,11 +137569,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialTwitter": { "active": { "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #1B95E4)", + "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", }, "hover": { "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", }, "normal": { "name": "--vkui--color_social_twitter", @@ -143670,11 +137583,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorSocialVk": { "active": { "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #3A80D3)", + "value": "var(--vkui--color_social_vk--active, #4E93E2)", }, "hover": { "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #3C85D9)", + "value": "var(--vkui--color_social_vk--hover, #478FE1)", }, "normal": { "name": "--vkui--color_social_vk", @@ -143684,39 +137597,39 @@ exports[`shapshots octavius 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, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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", @@ -143726,25 +137639,25 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "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", @@ -143754,249 +137667,109 @@ exports[`shapshots octavius 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": { + "colorTextAccent": { "active": { - "name": "--vkui--color_tag_background_mint--active", - "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { - "name": "--vkui--color_tag_background_mint--hover", - "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { - "name": "--vkui--color_tag_background_mint", - "value": "var(--vkui--color_tag_background_mint, #B3F0DD)", + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, - "colorTagBackgroundOrange": { + "colorTextAccentThemed": { "active": { - "name": "--vkui--color_tag_background_orange--active", - "value": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_tag_background_orange--hover", - "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_tag_background_orange", - "value": "var(--vkui--color_tag_background_orange, #FFD2A8)", + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", }, }, - "colorTagBackgroundPink": { + "colorTextContrast": { "active": { - "name": "--vkui--color_tag_background_pink--active", - "value": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_tag_background_pink--hover", - "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_tag_background_pink", - "value": "var(--vkui--color_tag_background_pink, #FFB2DA)", + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, - "colorTagBackgroundPurple": { + "colorTextContrastThemed": { "active": { - "name": "--vkui--color_tag_background_purple--active", - "value": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #3D3E3F)", }, "hover": { - "name": "--vkui--color_tag_background_purple--hover", - "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #343536)", }, "normal": { - "name": "--vkui--color_tag_background_purple", - "value": "var(--vkui--color_tag_background_purple, #CEB3F0)", + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", }, }, - "colorTagBackgroundSky": { + "colorTextLink": { "active": { - "name": "--vkui--color_tag_background_sky--active", - "value": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { - "name": "--vkui--color_tag_background_sky--hover", - "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { - "name": "--vkui--color_tag_background_sky", - "value": "var(--vkui--color_tag_background_sky, #A4DEFF)", + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, - "colorTagTextMint": { + "colorTextLinkThemed": { "active": { - "name": "--vkui--color_tag_text_mint--active", - "value": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_tag_text_mint--hover", - "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_tag_text_mint", - "value": "var(--vkui--color_tag_text_mint, #205B5B)", + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #FFFFFF)", }, }, - "colorTagTextOrange": { + "colorTextLinkTint": { "active": { - "name": "--vkui--color_tag_text_orange--active", - "value": "var(--vkui--color_tag_text_orange--active, #543322)", + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #7CB1ED)", }, "hover": { - "name": "--vkui--color_tag_text_orange--hover", - "value": "var(--vkui--color_tag_text_orange--hover, #573421)", - }, - "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, #4B1F59)", - }, - "hover": { - "name": "--vkui--color_tag_text_pink--hover", - "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", - }, - "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, #341F59)", - }, - "hover": { - "name": "--vkui--color_tag_text_purple--hover", - "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", - }, - "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, #1D3B59)", - }, - "hover": { - "name": "--vkui--color_tag_text_sky--hover", - "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", - }, - "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, #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)", + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link_tint", @@ -144006,11 +137779,11 @@ exports[`shapshots octavius 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", @@ -144020,39 +137793,39 @@ exports[`shapshots octavius 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, #DA300E)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "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", @@ -144062,39 +137835,39 @@ exports[`shapshots octavius 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -144104,57 +137877,57 @@ exports[`shapshots octavius 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "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": { @@ -144174,137 +137947,137 @@ exports[`shapshots octavius 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", @@ -144314,11 +138087,11 @@ exports[`shapshots octavius 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", @@ -144328,62 +138101,62 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "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", @@ -144399,7 +138172,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "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, 0px 16px 48px 0px rgba(0, 0, 0, 0.40))", }, "elevation4": { "name": "--vkui--elevation4", @@ -144427,7 +138200,7 @@ exports[`shapshots octavius 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", @@ -144473,7 +138246,7 @@ exports[`shapshots octavius 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", @@ -144519,7 +138292,7 @@ exports[`shapshots octavius 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", @@ -144565,7 +138338,7 @@ exports[`shapshots octavius 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", @@ -144611,7 +138384,7 @@ exports[`shapshots octavius 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", @@ -144657,7 +138430,7 @@ exports[`shapshots octavius 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", @@ -144853,15 +138626,19 @@ exports[`shapshots octavius 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": { @@ -144885,7 +138662,7 @@ exports[`shapshots octavius 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", @@ -144931,7 +138708,7 @@ exports[`shapshots octavius 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", @@ -145023,9 +138800,17 @@ exports[`shapshots octavius 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", @@ -145035,11 +138820,11 @@ exports[`shapshots octavius 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", @@ -145047,7 +138832,7 @@ exports[`shapshots octavius 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)", }, }, }, @@ -145071,9 +138856,17 @@ exports[`shapshots octavius 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", @@ -145083,11 +138876,11 @@ exports[`shapshots octavius 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", @@ -145095,7 +138888,83 @@ exports[`shapshots octavius 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)", }, }, }, @@ -145131,7 +139000,7 @@ exports[`shapshots octavius 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", @@ -145179,7 +139048,7 @@ exports[`shapshots octavius 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", @@ -145227,7 +139096,7 @@ exports[`shapshots octavius 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", @@ -145265,7 +139134,7 @@ exports[`shapshots octavius 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", @@ -145313,7 +139182,7 @@ exports[`shapshots octavius 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", @@ -145361,7 +139230,7 @@ exports[`shapshots octavius 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", @@ -145399,7 +139268,7 @@ exports[`shapshots octavius 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", @@ -145437,7 +139306,7 @@ exports[`shapshots octavius 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", @@ -145475,7 +139344,7 @@ exports[`shapshots octavius 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", @@ -145515,6 +139384,22 @@ exports[`shapshots octavius 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%)", @@ -145531,3234 +139416,2618 @@ exports[`shapshots octavius 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%)", }, - "octaviusColorActionArchive": { - "active": { - "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - }, - "hover": { - "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "gridAsideContent": { + "auto": { + "name": "--vkui--grid_aside_content", + "value": "var(--vkui--grid_aside_content)", }, - "normal": { - "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "compact": { + "name": "--vkui--grid_aside_content--compact", + "value": "var(--vkui--grid_aside_content--compact, 300px)", }, - }, - "octaviusColorBackground": { - "active": { - "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "compactX": { + "name": "--vkui--grid_aside_content--compact_x", + "value": "var(--vkui--grid_aside_content--compact_x, 300px)", }, - "hover": { - "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "large": { + "name": "--vkui--grid_aside_content--large", + "value": "var(--vkui--grid_aside_content--large, 380px)", }, - "normal": { - "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #F6F7F8)", + "regular": { + "name": "--vkui--grid_aside_content--regular", + "value": "var(--vkui--grid_aside_content--regular, 100%)", }, }, - "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))", - }, - "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))", + "gridColumnX2": { + "auto": { + "name": "--vkui--grid_column_x2", + "value": "var(--vkui--grid_column_x2)", }, - "normal": { - "name": "--vkui--octavius_color_background_accent_tint_alpha", - "value": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", + "compact": { + "name": "--vkui--grid_column_x2--compact", + "value": "var(--vkui--grid_column_x2--compact, 430px)", }, - }, - "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))", + "compactX": { + "name": "--vkui--grid_column_x2--compact_x", + "value": "var(--vkui--grid_column_x2--compact_x, 280px)", }, - "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))", + "large": { + "name": "--vkui--grid_column_x2--large", + "value": "var(--vkui--grid_column_x2--large, 580px)", }, - "normal": { - "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", + "regular": { + "name": "--vkui--grid_column_x2--regular", + "value": "var(--vkui--grid_column_x2--regular, 100%)", }, }, - "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.2))", - }, - "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.16))", + "gridColumnX3": { + "auto": { + "name": "--vkui--grid_column_x3", + "value": "var(--vkui--grid_column_x3)", }, - "normal": { - "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "compact": { + "name": "--vkui--grid_column_x3--compact", + "value": "var(--vkui--grid_column_x3--compact, 280px)", }, - }, - "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.18))", + "compactX": { + "name": "--vkui--grid_column_x3--compact_x", + "value": "var(--vkui--grid_column_x3--compact_x, 180px)", }, - "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.14))", + "large": { + "name": "--vkui--grid_column_x3--large", + "value": "var(--vkui--grid_column_x3--large, 380px)", }, - "normal": { - "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "regular": { + "name": "--vkui--grid_column_x3--regular", + "value": "var(--vkui--grid_column_x3--regular, 100%)", }, }, - "octaviusColorButtonBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_button_background_alpha--active", - "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "gridColumnX4": { + "auto": { + "name": "--vkui--grid_column_x4", + "value": "var(--vkui--grid_column_x4)", }, - "normal": { - "name": "--vkui--octavius_color_button_background_alpha", - "value": "var(--vkui--octavius_color_button_background_alpha, transparent)", + "compact": { + "name": "--vkui--grid_column_x4--compact", + "value": "var(--vkui--grid_column_x4--compact, 205px)", }, - }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": { - "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "compactX": { + "name": "--vkui--grid_column_x4--compact_x", + "value": "var(--vkui--grid_column_x4--compact_x, 130px)", }, - "hover": { - "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "large": { + "name": "--vkui--grid_column_x4--large", + "value": "var(--vkui--grid_column_x4--large, 280px)", }, - "normal": { - "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "regular": { + "name": "--vkui--grid_column_x4--regular", + "value": "var(--vkui--grid_column_x4--regular, 100%)", }, }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - }, - "hover": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "gridColumnX6": { + "auto": { + "name": "--vkui--grid_column_x6", + "value": "var(--vkui--grid_column_x6)", }, - "normal": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "compact": { + "name": "--vkui--grid_column_x6--compact", + "value": "var(--vkui--grid_column_x6--compact, 130px)", }, - }, - "octaviusColorButtonEmptyStateText": { - "active": { - "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "compactX": { + "name": "--vkui--grid_column_x6--compact_x", + "value": "var(--vkui--grid_column_x6--compact_x, 80px)", }, - "hover": { - "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "large": { + "name": "--vkui--grid_column_x6--large", + "value": "var(--vkui--grid_column_x6--large, 180px)", }, - "normal": { - "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "regular": { + "name": "--vkui--grid_column_x6--regular", + "value": "var(--vkui--grid_column_x6--regular, 100%)", }, }, - "octaviusColorButtonIcon": { - "active": { - "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "gridMainContent": { + "auto": { + "name": "--vkui--grid_main_content", + "value": "var(--vkui--grid_main_content)", }, - "normal": { - "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #333333)", + "compact": { + "name": "--vkui--grid_main_content--compact", + "value": "var(--vkui--grid_main_content--compact, 620px)", }, - }, - "octaviusColorButtonText": { - "active": { - "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "compactX": { + "name": "--vkui--grid_main_content--compact_x", + "value": "var(--vkui--grid_main_content--compact_x, 620px)", }, - "hover": { - "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #313233)", + "large": { + "name": "--vkui--grid_main_content--large", + "value": "var(--vkui--grid_main_content--large, 780px)", }, - "normal": { - "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #333333)", + "regular": { + "name": "--vkui--grid_main_content--regular", + "value": "var(--vkui--grid_main_content--regular, 100%)", }, }, - "octaviusColorContentScrollbarAlpha": { - "active": { - "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "gridMainContentWide": { + "auto": { + "name": "--vkui--grid_main_content_wide", + "value": "var(--vkui--grid_main_content_wide)", }, - "normal": { - "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "compact": { + "name": "--vkui--grid_main_content_wide--compact", + "value": "var(--vkui--grid_main_content_wide--compact, 620px)", }, - }, - "octaviusColorDatasetBackground": { - "active": { - "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "compactX": { + "name": "--vkui--grid_main_content_wide--compact_x", + "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", }, - "hover": { - "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "large": { + "name": "--vkui--grid_main_content_wide--large", + "value": "var(--vkui--grid_main_content_wide--large, 860px)", }, - "normal": { - "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "regular": { + "name": "--vkui--grid_main_content_wide--regular", + "value": "var(--vkui--grid_main_content_wide--regular, 100%)", }, }, - "octaviusColorEmptyStateText": { - "active": { - "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "gridWrapperContent": { + "auto": { + "name": "--vkui--grid_wrapper_content", + "value": "var(--vkui--grid_wrapper_content)", }, - "normal": { - "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #333333)", + "compact": { + "name": "--vkui--grid_wrapper_content--compact", + "value": "var(--vkui--grid_wrapper_content--compact, 940px)", }, - }, - "octaviusColorEmptyStateTextLink": { - "active": { - "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "compactX": { + "name": "--vkui--grid_wrapper_content--compact_x", + "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", }, - "hover": { - "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "large": { + "name": "--vkui--grid_wrapper_content--large", + "value": "var(--vkui--grid_wrapper_content--large, 1260px)", }, - "normal": { - "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + "regular": { + "name": "--vkui--grid_wrapper_content--regular", + "value": "var(--vkui--grid_wrapper_content--regular, 100%)", }, }, - "octaviusColorHeaderBackground": { - "active": { - "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", + "mediaFontMediaCaption": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", + "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)", + }, }, }, - "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.4))", + "mediaFontMediaCaptionCaps": { + "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)", + }, }, - "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.64))", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_button_background_alpha", - "value": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", + "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)", + }, }, }, - "octaviusColorHeaderButtonText": { - "active": { - "name": "--vkui--octavius_color_header_button_text--active", - "value": "var(--vkui--octavius_color_header_button_text--active, #282B2F)", + "mediaFontMediaLead": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_button_text", - "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", + "regular": { + "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)", + }, }, }, - "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))", + "mediaFontMediaParagraph": { + "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)", + }, }, - "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))", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", + "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)", + }, }, }, - "octaviusColorHeaderIcon": { - "active": { - "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", + "mediaFontMediaParagraphNumbering": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", + "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)", + }, }, }, - "octaviusColorHeaderIconAttach": { - "active": { - "name": "--vkui--octavius_color_header_icon_attach--active", - "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, #D0D2D7)", + "mediaFontMediaParagraphSecondary": { + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_icon_attach", - "value": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", + "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)", + }, }, }, - "octaviusColorHeaderIconFavorite": { - "active": { - "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", + "mediaFontMediaQuote": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_icon_favorite", - "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", + "regular": { + "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)", + }, }, }, - "octaviusColorHeaderIconUnread": { - "active": { - "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "mediaFontMediaQuotePerson": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", + "regular": { + "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)", + }, }, }, - "octaviusColorHeaderProgress": { - "active": { - "name": "--vkui--octavius_color_header_progress--active", - "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, #0073F7)", + "mediaFontMediaSubtitleLight": { + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #0077FF)", + "regular": { + "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)", + }, }, }, - "octaviusColorHeaderSearchBackground": { - "active": { - "name": "--vkui--octavius_color_header_search_background--active", - "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, #E6E8EC)", + "mediaFontMediaTextSecondaryLight": { + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", + "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, 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)", + }, }, }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": { - "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", + "mediaFontMediaTitle1": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", + "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)", + }, }, }, - "octaviusColorHeaderSearchChipBackground": { - "active": { - "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_background", - "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", + "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)", + }, }, }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": { - "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + "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)", + }, }, }, - "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(0, 16, 61, 0.2))", + "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)", + }, }, - "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(0, 16, 61, 0.16))", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha", - "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + "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)", + }, }, }, - "octaviusColorHeaderSearchIcon": { - "active": { - "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_icon", - "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + "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)", + }, }, }, - "octaviusColorHeaderSearchText": { - "active": { - "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + "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)", + }, }, }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": { - "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + "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)", + }, }, }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + "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)", + }, }, }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": { - "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "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, #0073F7)", + "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)", }, - "normal": { - "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "octaviusColorHeaderTextSecondary": { - "active": { - "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", - }, - "hover": { - "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, - "normal": { - "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "octaviusColorIconEvent": { - "active": { - "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "normal": { - "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "octaviusColorIconEventAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_event_alpha--active", - "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "normal": { - "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "octaviusColorIconFavorite": { - "active": { - "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, - "normal": { - "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "octaviusColorIconFees": { - "active": { - "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, - "normal": { - "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #FF6262)", + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "octaviusColorIconFinance": { - "active": { - "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "normal": { - "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #2FC885)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "octaviusColorIconGames": { - "active": { - "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "normal": { - "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "octaviusColorIconMailings": { - "active": { - "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "normal": { - "name": "--vkui--octavius_color_icon_mailings", - "value": "var(--vkui--octavius_color_icon_mailings, #FFA447)", + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "octaviusColorIconNews": { - "active": { - "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "octaviusColorIconOfficial": { - "active": { - "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "normal": { - "name": "--vkui--octavius_color_icon_official", - "value": "var(--vkui--octavius_color_icon_official, #EC4750)", + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "octaviusColorIconOrder": { - "active": { - "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "normal": { - "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "octaviusColorIconOrderAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_order_alpha--active", - "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "normal": { - "name": "--vkui--octavius_color_icon_order_alpha", - "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "octaviusColorIconReceipts": { - "active": { - "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "normal": { - "name": "--vkui--octavius_color_icon_receipts", - "value": "var(--vkui--octavius_color_icon_receipts, #74BF05)", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "octaviusColorIconRegistration": { - "active": { - "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "octaviusColorIconSchool": { - "active": { - "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "normal": { - "name": "--vkui--octavius_color_icon_school", - "value": "var(--vkui--octavius_color_icon_school, #C97EEC)", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "octaviusColorIconSocial": { - "active": { - "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, - "normal": { - "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #7288FF)", + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "octaviusColorIconToMyself": { - "active": { - "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, - "hover": { - "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "compactX": { + "name": "--vkui--size_base_padding--compact_x", + "value": "var(--vkui--size_base_padding--compact_x, 16px)", }, - "normal": { - "name": "--vkui--octavius_color_icon_to_myself", - "value": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 20px)", }, }, - "octaviusColorIconTravel": { - "active": { - "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "octaviusColorIconTravelAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_travel_alpha--active", - "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "octaviusColorIconUnread": { - "active": { - "name": "--vkui--octavius_color_icon_unread--active", - "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, #0073F7)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "normal": { - "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "octaviusColorLayoutBorderAlpha": { - "active": { - "name": "--vkui--octavius_color_layout_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, - "normal": { - "name": "--vkui--octavius_color_layout_border_alpha", - "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": { - "name": "--vkui--octavius_color_layout_letter_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "normal": { - "name": "--vkui--octavius_color_layout_letter_border_alpha", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "octaviusColorLetterAttachListBackground": { - "name": "--vkui--octavius_color_letter_attach_list_background", - "value": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", - }, - "octaviusColorLetterContactBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_letter_contact_background_alpha--active", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_letter_contact_background_alpha", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "octaviusColorLetterListTextUnread": { - "active": { - "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "normal": { - "name": "--vkui--octavius_color_letter_list_text_unread", - "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", }, }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": { - "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "normal": { - "name": "--vkui--octavius_color_letter_preview_background_primary", - "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": { - "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "normal": { - "name": "--vkui--octavius_color_letter_preview_background_secondary", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "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))", - }, - "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))", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, - "normal": { - "name": "--vkui--octavius_color_list_background_positive_alpha", - "value": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - }, - "hover": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, - "normal": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", }, }, - "octaviusColorListIconPrimary": { - "active": { - "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, - "normal": { - "name": "--vkui--octavius_color_list_icon_primary", - "value": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "octaviusColorListLetterAdvBackground": { - "active": { - "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "octaviusColorListLetterBackground": { - "active": { - "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "octaviusColorListLetterSeparatorAlpha": { - "active": { - "name": "--vkui--octavius_color_list_letter_separator_alpha--active", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "octaviusColorListTextPrimary": { - "active": { - "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_list_text_primary", - "value": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "octaviusColorListTextUnread": { - "active": { - "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_list_text_unread", - "value": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "octaviusColorNotificationBorder": { - "active": { - "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #ffffff)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorOverlayBackground": { - "active": { - "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_overlay_background", - "value": "var(--vkui--octavius_color_overlay_background, transparent)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "octaviusColorPlaceholderBackground": { - "active": { - "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorPortalMenuBackground": { - "active": { - "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_portal_search_background_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - }, - "hover": { - "name": "--vkui--octavius_color_portal_search_background_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "normal": { - "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - }, - "hover": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "normal": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "octaviusColorPromoBackground": { - "active": { - "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - }, - "hover": { - "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, - "normal": { - "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 20px)", }, }, - "octaviusColorSidebarButtonBackground": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_background", - "value": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "octaviusColorSidebarButtonIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_icon", - "value": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "octaviusColorSidebarButtonText": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_text", - "value": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "octaviusColorSidebarComposeButtonBackground": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_background", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "octaviusColorSidebarComposeButtonIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "octaviusColorSidebarComposeButtonText": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_text", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "octaviusColorSidebarCounterText": { - "active": { - "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "octaviusColorSidebarIconEvent": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "octaviusColorSidebarIconFavorite": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "octaviusColorSidebarIconFees": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorSidebarIconFinance": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "octaviusColorSidebarIconOrder": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "octaviusColorSidebarIconRegistration": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "octaviusColorSidebarIconTravel": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "octaviusColorSidebarIconUnread": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "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, #0073F7)", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "octaviusColorSidebarItemIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "octaviusColorSidebarItemIconActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "octaviusColorSidebarItemIconPrimary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", }, }, - "octaviusColorSidebarItemIconSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 130px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + "compactX": { + "name": "--vkui--size_control_button_width_min--compact_x", + "value": "var(--vkui--size_control_button_width_min--compact_x, 130px)", }, - }, - "octaviusColorSidebarItemText": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 94px)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + }, + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", }, }, - "octaviusColorSidebarItemTextActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", }, }, - "octaviusColorSidebarItemTextPrimary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", }, }, - "octaviusColorSidebarItemTextSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", }, }, - "octaviusColorSidebarScrollbarAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "octaviusColorSidebarShortItemIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "compact": { + "name": "--vkui--size_field_horizontal_margin--compact", + "value": "var(--vkui--size_field_horizontal_margin--compact, 16px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + "compactX": { + "name": "--vkui--size_field_horizontal_margin--compact_x", + "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", }, - }, - "octaviusColorSidebarShortItemIconActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", }, }, - "octaviusColorSidebarShortItemText": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text", - "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, - "octaviusColorSidebarShortItemTextActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + "sizeFieldWidthMin": { + "auto": { + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + "compactX": { + "name": "--vkui--size_field_width_min--compact_x", + "value": "var(--vkui--size_field_width_min--compact_x, 288px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 380px)", }, }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", - }, - }, - "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, #2C2D31)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_background--hover", - "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", - }, - "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, #006FEF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "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, #0077FF)", - }, - }, - "octaviusColorSnackbarIconNegative": { - "active": { - "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_negative--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", - }, - "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, #0CB465)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_positive--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", - }, - "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, #90929A)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", - }, - "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, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_warning--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", - }, - "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, #187CEF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "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, #1A85FF)", - }, - }, - "octaviusColorSnackbarTextContrast": { - "active": { - "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_text_contrast--hover", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", - }, - "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))", - }, - }, - "octaviusColorTextFees": { - "active": { - "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - }, - "hover": { - "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - }, - "normal": { - "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", - }, - }, - "octaviusColorTextFinance": { - "active": { - "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", - }, - "hover": { - "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - }, - "normal": { - "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #27B275)", - }, - }, - "octaviusColorTextGames": { - "active": { - "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", - }, - "hover": { - "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - }, - "normal": { - "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #EBAF00)", - }, - }, - "octaviusColorTextMailings": { - "active": { - "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - }, - "hover": { - "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - }, - "normal": { - "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", - }, - }, - "octaviusColorTextNews": { - "active": { - "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", - }, - "hover": { - "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - }, - "normal": { - "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #08ABD9)", - }, - }, - "octaviusColorTextSchool": { - "active": { - "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", - }, - "hover": { - "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - }, - "normal": { - "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #C97EEC)", - }, - }, - "octaviusColorTextSocial": { - "active": { - "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - }, - "hover": { - "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - }, - "normal": { - "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #556AD9)", - }, - }, - "octaviusColorTextToMyself": { - "active": { - "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - }, - "hover": { - "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - }, - "normal": { - "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", - }, - }, - "octaviusColorThreadFooterBackground": { - "active": { - "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - }, - "hover": { - "name": "--vkui--octavius_color_thread_footer_background--hover", - "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - }, - "normal": { - "name": "--vkui--octavius_color_thread_footer_background", - "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", - }, - }, - "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--octavius_size_headline_height", - "value": "var(--vkui--octavius_size_headline_height)", - }, - "regular": { - "name": "--vkui--octavius_size_headline_height--regular", - "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", - }, - }, - "octaviusSizeLayoutWidthMax": { - "auto": { - "name": "--vkui--octavius_size_layout_width_max", - "value": "var(--vkui--octavius_size_layout_width_max)", - }, - "regular": { - "name": "--vkui--octavius_size_layout_width_max--regular", - "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", - }, - }, - "octaviusSizeLayoutWidthMin": { - "auto": { - "name": "--vkui--octavius_size_layout_width_min", - "value": "var(--vkui--octavius_size_layout_width_min)", - }, - "regular": { - "name": "--vkui--octavius_size_layout_width_min--regular", - "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", - }, - }, - "octaviusSizeSidebarPaddingTop": { - "auto": { - "name": "--vkui--octavius_size_sidebar_padding_top", - "value": "var(--vkui--octavius_size_sidebar_padding_top)", - }, - "regular": { - "name": "--vkui--octavius_size_sidebar_padding_top--regular", - "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", - }, - }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "auto": { - "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", - }, - "regular": { - "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", - }, - }, - "octaviusSizeSidebarWidgetsHeightMin": { - "auto": { - "name": "--vkui--octavius_size_sidebar_widgets_height_min", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", - }, - }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", - }, - "hover": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - }, - "normal": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "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_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", }, - "sizeArrowHeight": { + "sizeHeaderIcon": { "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", }, "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "sizeArrowPadding": { + "sizeIconMargin": { "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 8px)", }, }, - "sizeArrowPromo": { + "sizeIconMorePadding": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", }, "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "sizeArrowWidth": { + "sizeIconUI": { "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "compact": { + "name": "--vkui--size_icon_u_i--compact", + "value": "var(--vkui--size_icon_u_i--compact, 16px)", }, - }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "compactX": { + "name": "--vkui--size_icon_u_i--compact_x", + "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", }, "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", }, }, - "sizeAvatarL": { + "sizeIllustrationL": { "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "sizeAvatarM": { + "sizeIllustrationM": { "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "sizeAvatarS": { + "sizeIllustrationS": { "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "sizeAvatarXL": { + "sizeIllustrationXM": { "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "sizeAvatarXS": { + "sizeIllustrationXXL": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "sizeBadgeL": { + "sizeLabelHorizontalMargin": { "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "sizeBadgeM": { + "sizeLabelVerticalMargin": { "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "sizeBadgeS": { + "sizeLabelWidth": { "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "sizeBadgeXL": { + "sizeMenuMargin": { "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", }, "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "sizeBadgeXS": { + "sizeMenuPadding": { "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { + "sizeOptionHierarchy": { "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "sizeBasePadding": { + "sizePanelHeaderHeight": { "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, "compact": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "sizeBasePaddingHorizontal": { + "sizePopupBasePadding": { "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)", + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", }, - }, - "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "compactX": { + "name": "--vkui--size_popup_base_padding--compact_x", + "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", }, "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, - "sizeBorder1x": { + "sizePopupHeaderPadding": { "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", - }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "compactX": { + "name": "--vkui--size_popup_header_padding--compact_x", + "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", }, "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, - "sizeBorder3x": { + "sizePopupLarge": { "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "sizeBorderRadius": { + "sizePopupMargin": { "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 8px)", }, - }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "compactX": { + "name": "--vkui--size_popup_margin--compact_x", + "value": "var(--vkui--size_popup_margin--compact_x, 8px)", }, "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 24px)", }, }, - "sizeBorderRadiusPromo": { + "sizePopupMedium": { "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "sizeBorderRadiusRounded": { + "sizePopupSmall": { "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "sizeBorderWidthAccent": { + "sizeProgress": { "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", }, "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, }, - "sizeBorderWidthAccentSecondary": { + "sizeProgressScroll": { "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", }, "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, }, - "sizeBorderWidthBar": { + "sizePromoButtonClose": { "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", }, "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", }, }, - "sizeBorderWidthTab": { + "sizeSearchHeight": { "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)", + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - }, - "sizeBulletMargin": { - "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { + "sizeSelectIconPadding": { "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, - }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "compactX": { + "name": "--vkui--size_select_icon_padding--compact_x", + "value": "var(--vkui--size_select_icon_padding--compact_x, 7px)", }, "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { + "sizeSliceBottomPadding": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { + "sizeSliceTopPadding": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { + "sizeSplitColPaddingHorizontal": { "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { + "sizeSubnavigationBarGap": { "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "sizeButtonGroupGapMedium": { + "sizeSubnavigationBarPaddingVertical": { "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "sizeButtonGroupGapSmall": { + "sizeSwitchHeight": { "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)", + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", }, - }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "sizeButtonIconPadding": { + "sizeSwitchPin": { "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", }, "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "sizeButtonLargeHeight": { + "sizeSwitchWidth": { "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", }, "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "sizeButtonMediumHeight": { + "sizeTabMargin": { "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", }, "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "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_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", }, }, - "sizeButtonMinimumWidth": { + "sizeTabPadding": { "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "compact": { + "name": "--vkui--size_tab_padding--compact", + "value": "var(--vkui--size_tab_padding--compact, 0px)", }, - }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "compactX": { + "name": "--vkui--size_tab_padding--compact_x", + "value": "var(--vkui--size_tab_padding--compact_x, 0px)", }, "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", }, }, - "sizeButtonPaddingHorizontal": { + "sizeTableHorizontalPadding": { "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)", + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, }, - "sizeButtonSliderHeight": { + "sizeTableVerticalPadding": { "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", }, "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, }, - "sizeButtonSliderWidth": { + "sizeTagMargin": { "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", }, "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", }, }, - "sizeButtonSliderWidthPointer": { + "sizeTagPadding": { "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", }, "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", }, }, - "sizeButtonSmallHeight": { + "sizeTipMargin": { "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_tip_margin", + "value": "var(--vkui--size_tip_margin)", }, "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { + "sizeTooltipMargin": { "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "sizeVerticalPadding": { "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", }, "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_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { + "sizeWysiwygIcon": { "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_icon)", }, "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)", - }, - }, - "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)", - }, - "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)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, - }, - "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)", - }, - }, - "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)", + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, }, "spacingSize2Xl": { @@ -148803,11 +142072,11 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octavius)", + "value": "var(--vkui--theme_name, mediaDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, octavius)", + "value": "var(--vkui--theme_name_base, media)", }, "themeType": "cssVars", "toneValueActive": { @@ -148842,21 +142111,45 @@ exports[`shapshots octavius 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", @@ -148925,7 +142218,7 @@ exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots mediaDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -148933,9 +142226,17 @@ exports[`shapshots octavius 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", @@ -148943,94 +142244,89 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", - "normal": "#c1341b", + "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)", @@ -149038,68 +142334,68 @@ exports[`shapshots octavius 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -149108,639 +142404,569 @@ exports[`shapshots octavius 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", - }, - "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", - }, - "colorBackgroundThumbnailAlpha": { - "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.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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", - }, - "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", - "normal": "#2951ff", - }, - "colorPaletteBlue1Alpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", - }, - "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", - "normal": "#26dfdf", - }, - "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", - "normal": "#aee113", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, - "colorPaletteGreen1Alpha": { - "active": "rgba(92, 186, 56, 0.2)", - "hover": "rgba(92, 186, 56, 0.16)", - "normal": "rgba(92, 186, 56, 0.12)", + "colorPanelHeaderIcon": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", - "normal": "#59c354", + "colorPrimaryAuto": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteGreen2Alpha": { - "active": "rgba(0, 230, 180, 0.16)", - "hover": "rgba(0, 230, 180, 0.12)", - "normal": "rgba(0, 230, 180, 0.08)", + "colorPrimaryBase": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", - "normal": "#37eb94", + "colorPrimaryDeti": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", - "normal": "#00b1b3", + "colorPrimaryDobro": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", }, - "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", - "normal": "#ff8b2e", + "colorPrimaryHealth": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteOrange1Alpha": { - "active": "rgba(255, 158, 0, 0.2)", - "hover": "rgba(255, 158, 0, 0.16)", - "normal": "rgba(255, 158, 0, 0.12)", + "colorPrimaryHealthNew": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "colorPrimaryHitech": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", - "normal": "#eb1981", + "colorPrimaryKino": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", - "normal": "#ff71bb", + "colorPrimaryLady": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", - "normal": "#6c00ff", + "colorPrimaryMycom": { + "active": "#14B2F3", + "hover": "#0AAEF3", + "normal": "#00abf2", }, - "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", - "normal": "#ae73ff", + "colorPrimaryPets": { + "active": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", }, - "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", - "normal": "#ffc311", + "colorPrimaryPharma": { + "active": "#2FD7A9", + "hover": "#26D5A6", + "normal": "#1DD3A2", }, - "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "colorPrimaryRealty": { + "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", + }, + "colorSecondaryBase": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSecondaryHealth": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSecondaryMycom": { + "active": "#FC3D48", + "hover": "#FC3440", + "normal": "#fc2c38", }, "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", }, "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", + "active": "#2A75FF", + "hover": "#206FFF", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", + "active": "#EC5A92", + "hover": "#EB538E", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", + "active": "#2A82F3", + "hover": "#217CF3", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", + "active": "#2488DD", + "hover": "#1B83DB", "normal": "#117eda", }, "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", + "active": "#2FA9F3", + "hover": "#26A5F3", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", - }, - "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", - "normal": "#B3F0DD", - }, - "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", - "normal": "#FFD2A8", - }, - "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", - "normal": "#FFB2DA", - }, - "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", - "normal": "#CEB3F0", - }, - "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", - "normal": "#A4DEFF", - }, - "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", - "normal": "#205B5B", - }, - "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", - "normal": "#5B3620", - }, - "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", - "normal": "#51205B", - }, - "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", - "normal": "#38205B", - }, - "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", - "normal": "#203F5B", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -149748,89 +142974,89 @@ exports[`shapshots octavius 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", + "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)", + "elevation3": "0px 16px 48px 0px rgba(0, 0, 0, 0.40)", "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", @@ -149838,7 +143064,7 @@ exports[`shapshots octavius 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", @@ -149848,7 +143074,7 @@ exports[`shapshots octavius 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", @@ -149856,7 +143082,7 @@ exports[`shapshots octavius 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", @@ -149866,7 +143092,7 @@ exports[`shapshots octavius 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", @@ -149874,7 +143100,7 @@ exports[`shapshots octavius 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", @@ -149920,12 +143146,13 @@ exports[`shapshots octavius 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", @@ -149933,7 +143160,7 @@ exports[`shapshots octavius 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", @@ -149955,35 +143182,55 @@ exports[`shapshots octavius 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", @@ -149995,7 +143242,7 @@ exports[`shapshots octavius 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", @@ -150007,7 +143254,7 @@ exports[`shapshots octavius 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", @@ -150015,7 +143262,7 @@ exports[`shapshots octavius 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", @@ -150027,7 +143274,7 @@ exports[`shapshots octavius 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", @@ -150039,7 +143286,7 @@ exports[`shapshots octavius 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", @@ -150047,7 +143294,7 @@ exports[`shapshots octavius 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", @@ -150055,7 +143302,7 @@ exports[`shapshots octavius 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", @@ -150063,7 +143310,7 @@ exports[`shapshots octavius 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", @@ -150075,692 +143322,326 @@ exports[`shapshots octavius 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%", - "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "gridAsideContent": { + "compact": "300px", + "compactX": "300px", + "large": "380px", + "regular": "100%", }, - "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "gridColumnX2": { + "compact": "430px", + "compactX": "280px", + "large": "580px", + "regular": "100%", }, - "octaviusColorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "gridColumnX3": { + "compact": "280px", + "compactX": "180px", + "large": "380px", + "regular": "100%", }, - "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "gridColumnX4": { + "compact": "205px", + "compactX": "130px", + "large": "280px", + "regular": "100%", }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "gridColumnX6": { + "compact": "130px", + "compactX": "80px", + "large": "180px", + "regular": "100%", }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "gridMainContent": { + "compact": "620px", + "compactX": "620px", + "large": "780px", + "regular": "100%", }, - "octaviusColorButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "gridMainContentWide": { + "compact": "620px", + "compactX": "620px", + "large": "860px", + "regular": "100%", }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "gridWrapperContent": { + "compact": "940px", + "compactX": "620px", + "large": "1260px", + "regular": "100%", }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "mediaFontMediaCaption": { + "compact": { + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "26px", + }, + "regular": { + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "22px", + }, }, - "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": "15px", + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": "20px", + }, + "regular": { + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": "16px", + }, }, - "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "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", + }, }, - "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "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", + }, }, - "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "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", + }, }, - "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "24px", + }, }, - "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "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", + }, }, - "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "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", + }, }, - "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 400, + "lineHeight": "26px", + }, }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "transparent", - }, - "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", - }, - "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", - }, - "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", - }, - "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "octaviusColorHeaderProgress": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", - }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", - }, - "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", - "normal": "#b6b8be", - }, - "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", - }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", - "normal": "#93969b", - }, - "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", - }, - "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", - }, - "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "octaviusColorIconFees": { - "active": "#EB5B5F", - "hover": "#F55F61", - "normal": "#FF6262", - }, - "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2FC885", - }, - "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", - }, - "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", - "normal": "#FFA447", - }, - "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", - }, - "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", - "normal": "#EC4750", - }, - "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", - }, - "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", - }, - "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", - "normal": "#74BF05", - }, - "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", - }, - "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", - }, - "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", - "normal": "#1DC7D2", - }, - "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", - }, - "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", - }, - "octaviusColorIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorLayoutBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", - "normal": "transparent", - }, - "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", - }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", - }, - "octaviusColorListBackgroundPositiveAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", - }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", - }, - "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", - }, - "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", - }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorOverlayBackground": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", - }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", - }, - "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", - }, - "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", - }, - "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", - }, - "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", - }, - "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", - }, - "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", - }, - "octaviusColorSidebarIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", - }, - "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarWidgetBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", - }, - "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#FF5C5C", - }, - "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", - "normal": "#9C9DA2", - }, - "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", - "normal": "#1A85FF", - }, - "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSnackbarTransparent": { - "active": "rgba(255, 255, 255, 0.04)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", - }, - "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", - }, - "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", - }, - "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", - }, - "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", - }, - "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", - }, - "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", - }, - "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, }, - "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", + "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", + }, }, - "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", + "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", + }, }, - "octaviusSizeLayoutWidthMax": { - "regular": "2150px", + "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", + }, }, - "octaviusSizeLayoutWidthMin": { - "regular": "761px", + "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", + }, }, - "octaviusSizeSidebarPaddingTop": { - "regular": "12px", + "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", + }, }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "regular": "104px", + "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", + }, }, - "octaviusSizeSidebarWidgetsHeightMin": { - "regular": "64px", + "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", + }, }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", + "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", + }, }, - "octaviusTextShadowEmptyStateText": "none", - "octaviusTextShadowSidebarItemText": "none", + "mediaSizeGap": "20px", + "mediaSizeGrid": "60px", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, + "prefix": "vkui", "sizeArrow": { "regular": "8px", }, @@ -150814,8 +143695,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "compactX": "16px", + "regular": "20px", }, "sizeBasePaddingHorizontal": { "regular": "16px", @@ -150836,7 +143717,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -150848,7 +143729,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "regular": "4px", }, "sizeBorderWidthBar": { "regular": "4px", @@ -150887,8 +143768,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "regular": "20px", }, "sizeButtonLargeHeight": { "compact": "36px", @@ -150905,7 +143785,6 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -150958,8 +143837,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "compact": "130px", + "compactX": "130px", + "regular": "94px", }, "sizeDivPadding": { "regular": "4px", @@ -150978,6 +143858,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "44px", }, "sizeFieldHorizontalMargin": { + "compact": "16px", + "compactX": "16px", "regular": "20px", }, "sizeFieldHorizontalPadding": { @@ -150990,8 +143872,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "compactX": "288px", + "regular": "380px", }, "sizeFormItemPaddingVertical": { "regular": "12px", @@ -151001,15 +143883,15 @@ exports[`shapshots octavius 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", @@ -151049,19 +143931,20 @@ exports[`shapshots octavius 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", @@ -151083,8 +143966,9 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", + "compact": "7px", + "compactX": "7px", + "regular": "6px", }, "sizeSliceBottomPadding": { "regular": "60px", @@ -151114,9 +143998,13 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "regular": "34px", }, "sizeTabMargin": { + "compact": "32px", + "compactX": "32px", "regular": "8px", }, "sizeTabPadding": { + "compact": "0px", + "compactX": "0px", "regular": "16px", }, "sizeTableHorizontalPadding": { @@ -151153,8 +144041,8 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octavius", - "themeNameBase": "octavius", + "themeName": "mediaDark", + "themeNameBase": "media", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -151164,10 +144052,16 @@ exports[`shapshots octavius 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", @@ -151187,7 +144081,7 @@ exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots mediaDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -151195,9 +144089,17 @@ exports[`shapshots octavius 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", @@ -151205,94 +144107,89 @@ exports[`shapshots octavius 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, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "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, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "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, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "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, #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)", - "hover": "var(--vkui--color_alert--hover, #B9331C)", - "normal": "var(--vkui--color_alert, #c1341b)", + "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))", @@ -151300,68 +144197,68 @@ exports[`shapshots octavius 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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "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, #006FEF)", - "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 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))", + "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, 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))", + "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, #DDE5EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #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": { @@ -151370,639 +144267,569 @@ exports[`shapshots octavius 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, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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))", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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, 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))", + "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, #BCD3EF)", - "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", - "normal": "var(--vkui--color_background_sky, #cce4ff)", + "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(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))", + "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))", - }, - "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", - "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", - }, - "colorBackgroundThumbnailAlpha": { - "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + "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, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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))", - }, - "colorPaletteBlue1": { - "active": "var(--vkui--color_palette_blue1--active, #264CEF)", - "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", - "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, #009FE4)", - "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", - "normal": "var(--vkui--color_palette_blue2, #00abf2)", - }, - "colorPaletteBlue3": { - "active": "var(--vkui--color_palette_blue3--active, #23CED2)", - "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", - "normal": "var(--vkui--color_palette_blue3, #26dfdf)", - }, - "colorPaletteGreen1": { - "active": "var(--vkui--color_palette_green1--active, #A0D016)", - "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", - "normal": "var(--vkui--color_palette_green1, #aee113)", + "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))", }, - "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))", + "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)", }, - "colorPaletteGreen2": { - "active": "var(--vkui--color_palette_green2--active, #52B552)", - "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", - "normal": "var(--vkui--color_palette_green2, #59c354)", + "colorPrimaryAuto": { + "active": "var(--vkui--color_primary_auto--active, #1482FF)", + "hover": "var(--vkui--color_primary_auto--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_auto, #0077FF)", }, - "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))", + "colorPrimaryBase": { + "active": "var(--vkui--color_primary_base--active, #1482FF)", + "hover": "var(--vkui--color_primary_base--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_base, #0077FF)", }, - "colorPaletteGreen3": { - "active": "var(--vkui--color_palette_green3--active, #33D98D)", - "hover": "var(--vkui--color_palette_green3--hover, #35E291)", - "normal": "var(--vkui--color_palette_green3, #37eb94)", + "colorPrimaryDeti": { + "active": "var(--vkui--color_primary_deti--active, #1482FF)", + "hover": "var(--vkui--color_primary_deti--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_deti, #0077FF)", }, - "colorPaletteGreen4": { - "active": "var(--vkui--color_palette_green4--active, #00A4AA)", - "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", - "normal": "var(--vkui--color_palette_green4, #00b1b3)", + "colorPrimaryDobro": { + "active": "var(--vkui--color_primary_dobro--active, #FFD714)", + "hover": "var(--vkui--color_primary_dobro--hover, #FFD60A)", + "normal": "var(--vkui--color_primary_dobro, #ffd400)", }, - "colorPaletteOrange1": { - "active": "var(--vkui--color_palette_orange1--active, #EB812F)", - "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", - "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", + "colorPrimaryHealth": { + "active": "var(--vkui--color_primary_health--active, #1482FF)", + "hover": "var(--vkui--color_primary_health--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_health, #0077FF)", }, - "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))", + "colorPrimaryHealthNew": { + "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)", }, - "colorPaletteRed1": { - "active": "var(--vkui--color_palette_red1--active, #E82A38)", - "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", - "normal": "var(--vkui--color_palette_red1, #fc2c38)", + "colorPrimaryHitech": { + "active": "var(--vkui--color_primary_hitech--active, #1482FF)", + "hover": "var(--vkui--color_primary_hitech--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_hitech, #0077FF)", }, - "colorPaletteRed2": { - "active": "var(--vkui--color_palette_red2--active, #D8187C)", - "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", - "normal": "var(--vkui--color_palette_red2, #eb1981)", + "colorPrimaryKino": { + "active": "var(--vkui--color_primary_kino--active, #1482FF)", + "hover": "var(--vkui--color_primary_kino--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_kino, #0077FF)", }, - "colorPaletteRed3": { - "active": "var(--vkui--color_palette_red3--active, #EB69B1)", - "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", - "normal": "var(--vkui--color_palette_red3, #ff71bb)", + "colorPrimaryLady": { + "active": "var(--vkui--color_primary_lady--active, #1482FF)", + "hover": "var(--vkui--color_primary_lady--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_lady, #0077FF)", }, - "colorPaletteViolet1": { - "active": "var(--vkui--color_palette_violet1--active, #6301EF)", - "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", - "normal": "var(--vkui--color_palette_violet1, #6c00ff)", + "colorPrimaryMycom": { + "active": "var(--vkui--color_primary_mycom--active, #14B2F3)", + "hover": "var(--vkui--color_primary_mycom--hover, #0AAEF3)", + "normal": "var(--vkui--color_primary_mycom, #00abf2)", }, - "colorPaletteViolet2": { - "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", - "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", - "normal": "var(--vkui--color_palette_violet2, #ae73ff)", + "colorPrimaryPets": { + "active": "var(--vkui--color_primary_pets--active, #fc627e)", + "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "normal": "var(--vkui--color_primary_pets, #fc738c)", }, - "colorPaletteYellow1": { - "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", - "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", - "normal": "var(--vkui--color_palette_yellow1, #ffc311)", + "colorPrimaryPharma": { + "active": "var(--vkui--color_primary_pharma--active, #2FD7A9)", + "hover": "var(--vkui--color_primary_pharma--hover, #26D5A6)", + "normal": "var(--vkui--color_primary_pharma, #1DD3A2)", }, - "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)", + "colorPrimaryRealty": { + "active": "var(--vkui--color_primary_realty--active, #1482FF)", + "hover": "var(--vkui--color_primary_realty--hover, #0A7CFF)", + "normal": "var(--vkui--color_primary_realty, #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)", }, "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, #494A4B)", + "hover": "var(--vkui--color_search_field_background--hover, #414243)", + "normal": "var(--vkui--color_search_field_background, #393A3B)", + }, + "colorSecondaryBase": { + "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, #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)", + "hover": "var(--vkui--color_secondary_mycom--hover, #FC3440)", + "normal": "var(--vkui--color_secondary_mycom, #fc2c38)", }, "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)", + "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, #1562EF)", - "hover": "var(--vkui--color_social_behance--hover, #1665F7)", + "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, #D74783)", - "hover": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "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, #166FE4)", - "hover": "var(--vkui--color_social_fb--hover, #1773EB)", + "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, #1075CD)", - "hover": "var(--vkui--color_social_mir--hover, #107AD4)", + "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, #DB790C)", - "hover": "var(--vkui--color_social_ok--hover, #E47D0A)", + "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, #1B95E4)", - "hover": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "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, #3A80D3)", - "hover": "var(--vkui--color_social_vk--hover, #3C85D9)", + "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": "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, #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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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)", - }, - "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", - "normal": "var(--vkui--color_tag_background_mint, #B3F0DD)", - }, - "colorTagBackgroundOrange": { - "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", - "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", - "normal": "var(--vkui--color_tag_background_orange, #FFD2A8)", - }, - "colorTagBackgroundPink": { - "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", - "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", - "normal": "var(--vkui--color_tag_background_pink, #FFB2DA)", - }, - "colorTagBackgroundPurple": { - "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", - "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", - "normal": "var(--vkui--color_tag_background_purple, #CEB3F0)", - }, - "colorTagBackgroundSky": { - "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", - "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", - "normal": "var(--vkui--color_tag_background_sky, #A4DEFF)", - }, - "colorTagTextMint": { - "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", - "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", - "normal": "var(--vkui--color_tag_text_mint, #205B5B)", - }, - "colorTagTextOrange": { - "active": "var(--vkui--color_tag_text_orange--active, #543322)", - "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", - "normal": "var(--vkui--color_tag_text_orange, #5B3620)", - }, - "colorTagTextPink": { - "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", - "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", - "normal": "var(--vkui--color_tag_text_pink, #51205B)", - }, - "colorTagTextPurple": { - "active": "var(--vkui--color_tag_text_purple--active, #341F59)", - "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", - "normal": "var(--vkui--color_tag_text_purple, #38205B)", - }, - "colorTagTextSky": { - "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", - "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", - "normal": "var(--vkui--color_tag_text_sky, #203F5B)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent_themed, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_link_themed, #0070f0)", + "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, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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))", @@ -152010,89 +144837,89 @@ exports[`shapshots octavius 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, #006FEF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", - "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + "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)", + "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))", + "elevation3": "var(--vkui--elevation3, 0px 16px 48px 0px rgba(0, 0, 0, 0.40))", "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)", @@ -152100,7 +144927,7 @@ exports[`shapshots octavius 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)", @@ -152110,7 +144937,7 @@ exports[`shapshots octavius 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)", @@ -152118,7 +144945,7 @@ exports[`shapshots octavius 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)", @@ -152128,7 +144955,7 @@ exports[`shapshots octavius 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)", @@ -152136,7 +144963,7 @@ exports[`shapshots octavius 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)", @@ -152182,12 +145009,13 @@ exports[`shapshots octavius 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)", @@ -152195,7 +145023,7 @@ exports[`shapshots octavius 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)", @@ -152217,26 +145045,46 @@ exports[`shapshots octavius 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": { @@ -152245,7 +145093,7 @@ exports[`shapshots octavius 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)", @@ -152257,7 +145105,7 @@ exports[`shapshots octavius 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)", @@ -152269,7 +145117,7 @@ exports[`shapshots octavius 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)", @@ -152277,7 +145125,7 @@ exports[`shapshots octavius 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)", @@ -152289,7 +145137,7 @@ exports[`shapshots octavius 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)", @@ -152301,7 +145149,7 @@ exports[`shapshots octavius 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)", @@ -152309,7 +145157,7 @@ exports[`shapshots octavius 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)", @@ -152317,7 +145165,7 @@ exports[`shapshots octavius 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)", @@ -152325,7 +145173,7 @@ exports[`shapshots octavius 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)", @@ -152337,692 +145185,326 @@ exports[`shapshots octavius 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%)", - "octaviusColorActionArchive": { - "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", - "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", - }, - "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #E2E5E9)", - "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", - "normal": "var(--vkui--octavius_color_background, #F6F7F8)", + "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, 380px)", + "regular": "var(--vkui--grid_aside_content--regular, 100%)", }, - "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))", + "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%)", }, - "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))", + "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%)", }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", - "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", - "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "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%)", }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "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%)", }, - "octaviusColorButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", + "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%)", }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "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%)", }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "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%)", }, - "octaviusColorButtonEmptyStateText": { - "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "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)", + }, }, - "octaviusColorButtonIcon": { - "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_icon, #333333)", + "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)", + }, }, - "octaviusColorButtonText": { - "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_text, #333333)", + "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)", + }, }, - "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "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)", + }, }, - "octaviusColorDatasetBackground": { - "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "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)", + }, }, - "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", + "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)", + }, }, - "octaviusColorEmptyStateTextLink": { - "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", - "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", - "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", - }, - "octaviusColorHeaderBackground": { - "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(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, #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(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)", - "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)", - "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, #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, #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, #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, #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, #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, 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)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", - "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", - }, - "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", - "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, #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)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", - }, - "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", - }, - "octaviusColorIconEventAlpha": { - "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", - "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", - }, - "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", - }, - "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", - "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", - }, - "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", - }, - "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", - "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", - }, - "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", - "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", - }, - "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", - "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", - }, - "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", - "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", - }, - "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", - }, - "octaviusColorIconOrderAlpha": { - "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", - }, - "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", - "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", - }, - "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", - }, - "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", - }, - "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", - "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", - }, - "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", - "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", - }, - "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", - }, - "octaviusColorIconTravelAlpha": { - "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", - "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", - }, - "octaviusColorIconUnread": { - "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))", - "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", - "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", - }, - "octaviusColorLetterListTextUnread": { - "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", - }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", - "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", - }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", - "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", - }, - "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))", - }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", - "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", - }, - "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", - }, - "octaviusColorListLetterAdvBackground": { - "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", - "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", - }, - "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", - "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", - }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", - }, - "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", - }, - "octaviusColorNotificationBorder": { - "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", - }, - "octaviusColorOverlayBackground": { - "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_overlay_background, transparent)", - }, - "octaviusColorPlaceholderBackground": { - "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", - }, - "octaviusColorPortalMenuBackground": { - "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", - }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", - "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", - }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", - "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", - }, - "octaviusColorPromoBackground": { - "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", - "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", - }, - "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", - }, - "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", - }, - "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", - }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", - }, - "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", - }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", - }, - "octaviusColorSidebarCounterText": { - "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", - }, - "octaviusColorSidebarIconEvent": { - "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", - }, - "octaviusColorSidebarIconFavorite": { - "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", - }, - "octaviusColorSidebarIconFees": { - "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", - }, - "octaviusColorSidebarIconFinance": { - "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", - }, - "octaviusColorSidebarIconOrder": { - "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", - }, - "octaviusColorSidebarIconRegistration": { - "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", - }, - "octaviusColorSidebarIconTravel": { - "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", - }, - "octaviusColorSidebarIconUnread": { - "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))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", - }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", - }, - "octaviusColorSidebarItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", - }, - "octaviusColorSidebarItemIconActive": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", - }, - "octaviusColorSidebarItemIconPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", - }, - "octaviusColorSidebarItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", - }, - "octaviusColorSidebarItemText": { - "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", - }, - "octaviusColorSidebarItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", - }, - "octaviusColorSidebarItemTextPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", - }, - "octaviusColorSidebarItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", - }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", - }, - "octaviusColorSidebarShortItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", - }, - "octaviusColorSidebarShortItemIconActive": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", - }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", - }, - "octaviusColorSidebarShortItemText": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", - }, - "octaviusColorSidebarShortItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", - }, - "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, #2C2D31)", - "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", - "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", - }, - "octaviusColorSnackbarIconAccent": { - "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)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", - "normal": "var(--vkui--octavius_color_snackbar_icon_negative, #FF5C5C)", - }, - "octaviusColorSnackbarIconPositive": { - "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", - "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--octavius_color_snackbar_icon_positive, #0DC268)", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", - "normal": "var(--vkui--octavius_color_snackbar_icon_secondary, #9C9DA2)", - }, - "octaviusColorSnackbarIconWarning": { - "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", - "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", - "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", - }, - "octaviusColorSnackbarTextAccent": { - "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)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", - "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))", - }, - "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", - }, - "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - "normal": "var(--vkui--octavius_color_text_finance, #27B275)", - }, - "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", - "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", - }, - "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", - }, - "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", - "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + "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)", + }, }, - "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + "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)", + }, }, - "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + "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)", + }, }, - "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "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)", + }, }, - "octaviusColorThreadFooterBackground": { - "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + "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)", + }, }, - "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)", + "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)", + }, }, - "octaviusSizeLayoutWidthMax": { - "regular": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", + "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)", + }, }, - "octaviusSizeLayoutWidthMin": { - "regular": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", + "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)", + }, }, - "octaviusSizeSidebarPaddingTop": { - "regular": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", + "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)", + }, }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "regular": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", + "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)", + }, }, - "octaviusSizeSidebarWidgetsHeightMin": { - "regular": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", + "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)", + }, }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", - "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + "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)", + }, }, - "octaviusTextShadowEmptyStateText": "var(--vkui--octavius_text_shadow_empty_state_text, none)", - "octaviusTextShadowSidebarItemText": "var(--vkui--octavius_text_shadow_sidebar_item_text, none)", + "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)", }, @@ -153076,8 +145558,8 @@ exports[`shapshots octavius 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)", @@ -153098,7 +145580,7 @@ exports[`shapshots octavius 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)", @@ -153110,7 +145592,7 @@ exports[`shapshots octavius 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)", @@ -153149,8 +145631,7 @@ exports[`shapshots octavius 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)", @@ -153167,7 +145648,6 @@ exports[`shapshots octavius 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": { @@ -153220,8 +145700,9 @@ exports[`shapshots octavius 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)", @@ -153240,6 +145721,8 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` "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": { @@ -153252,8 +145735,8 @@ exports[`shapshots octavius 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)", @@ -153263,15 +145746,15 @@ exports[`shapshots octavius 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)", @@ -153311,19 +145794,20 @@ exports[`shapshots octavius 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)", @@ -153345,8 +145829,9 @@ exports[`shapshots octavius 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)", @@ -153376,9 +145861,13 @@ exports[`shapshots octavius 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": { @@ -153415,8 +145904,8 @@ exports[`shapshots octavius 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, octavius)", - "themeNameBase": "var(--vkui--theme_name_base, octavius)", + "themeName": "var(--vkui--theme_name, mediaDark)", + "themeNameBase": "var(--vkui--theme_name_base, media)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -153426,10 +145915,16 @@ exports[`shapshots octavius 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)", @@ -153449,7 +145944,7 @@ exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots octavius theme should match root theme snapshot 1`] = ` +exports[`shapshots mediaDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -153457,9 +145952,17 @@ exports[`shapshots octavius 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", @@ -153467,94 +145970,89 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", - "normal": "#c1341b", + "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)", @@ -153562,68 +146060,68 @@ exports[`shapshots octavius 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -153632,639 +146130,569 @@ exports[`shapshots octavius 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", - }, - "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", - }, - "colorBackgroundThumbnailAlpha": { - "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.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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", - }, - "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", - "normal": "#2951ff", - }, - "colorPaletteBlue1Alpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", - }, - "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", - "normal": "#26dfdf", - }, - "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", - "normal": "#aee113", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, - "colorPaletteGreen1Alpha": { - "active": "rgba(92, 186, 56, 0.2)", - "hover": "rgba(92, 186, 56, 0.16)", - "normal": "rgba(92, 186, 56, 0.12)", + "colorPanelHeaderIcon": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", - "normal": "#59c354", + "colorPrimaryAuto": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteGreen2Alpha": { - "active": "rgba(0, 230, 180, 0.16)", - "hover": "rgba(0, 230, 180, 0.12)", - "normal": "rgba(0, 230, 180, 0.08)", + "colorPrimaryBase": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", - "normal": "#37eb94", + "colorPrimaryDeti": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", - "normal": "#00b1b3", + "colorPrimaryDobro": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#ffd400", }, - "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", - "normal": "#ff8b2e", + "colorPrimaryHealth": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteOrange1Alpha": { - "active": "rgba(255, 158, 0, 0.2)", - "hover": "rgba(255, 158, 0, 0.16)", - "normal": "rgba(255, 158, 0, 0.12)", + "colorPrimaryHealthNew": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "colorPrimaryHitech": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", - "normal": "#eb1981", + "colorPrimaryKino": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", - "normal": "#ff71bb", + "colorPrimaryLady": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", - "normal": "#6c00ff", + "colorPrimaryMycom": { + "active": "#14B2F3", + "hover": "#0AAEF3", + "normal": "#00abf2", }, - "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", - "normal": "#ae73ff", + "colorPrimaryPets": { + "active": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", }, - "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", - "normal": "#ffc311", + "colorPrimaryPharma": { + "active": "#2FD7A9", + "hover": "#26D5A6", + "normal": "#1DD3A2", }, - "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "colorPrimaryRealty": { + "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", + }, + "colorSecondaryBase": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSecondaryHealth": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorSecondaryMycom": { + "active": "#FC3D48", + "hover": "#FC3440", + "normal": "#fc2c38", }, "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", }, "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", + "active": "#2A75FF", + "hover": "#206FFF", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", + "active": "#EC5A92", + "hover": "#EB538E", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", + "active": "#2A82F3", + "hover": "#217CF3", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", + "active": "#2488DD", + "hover": "#1B83DB", "normal": "#117eda", }, "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", + "active": "#2FA9F3", + "hover": "#26A5F3", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", - }, - "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", - "normal": "#B3F0DD", - }, - "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", - "normal": "#FFD2A8", - }, - "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", - "normal": "#FFB2DA", - }, - "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", - "normal": "#CEB3F0", - }, - "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", - "normal": "#A4DEFF", - }, - "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", - "normal": "#205B5B", - }, - "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", - "normal": "#5B3620", - }, - "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", - "normal": "#51205B", - }, - "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", - "normal": "#38205B", - }, - "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", - "normal": "#203F5B", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -154272,89 +146700,89 @@ exports[`shapshots octavius 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", + "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)", + "elevation3": "0px 16px 48px 0px rgba(0, 0, 0, 0.40)", "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, @@ -154362,7 +146790,7 @@ exports[`shapshots octavius 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", @@ -154372,7 +146800,7 @@ exports[`shapshots octavius 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, @@ -154380,7 +146808,7 @@ exports[`shapshots octavius 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", @@ -154390,7 +146818,7 @@ exports[`shapshots octavius 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, @@ -154398,7 +146826,7 @@ exports[`shapshots octavius 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", @@ -154444,12 +146872,13 @@ exports[`shapshots octavius 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, @@ -154457,7 +146886,7 @@ exports[`shapshots octavius 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", @@ -154479,35 +146908,55 @@ exports[`shapshots octavius 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, @@ -154519,7 +146968,7 @@ exports[`shapshots octavius 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, @@ -154531,7 +146980,7 @@ exports[`shapshots octavius 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, @@ -154539,7 +146988,7 @@ exports[`shapshots octavius 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, @@ -154551,7 +147000,7 @@ exports[`shapshots octavius 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, @@ -154563,7 +147012,7 @@ exports[`shapshots octavius 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, @@ -154571,7 +147020,7 @@ exports[`shapshots octavius 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, @@ -154579,7 +147028,7 @@ exports[`shapshots octavius 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, @@ -154587,7 +147036,7 @@ exports[`shapshots octavius 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, @@ -154599,692 +147048,326 @@ exports[`shapshots octavius 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%", - "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "gridAsideContent": { + "compact": 300, + "compactX": 300, + "large": 380, + "regular": "100%", }, - "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "gridColumnX2": { + "compact": 430, + "compactX": 280, + "large": 580, + "regular": "100%", }, - "octaviusColorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "gridColumnX3": { + "compact": 280, + "compactX": 180, + "large": 380, + "regular": "100%", }, - "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "gridColumnX4": { + "compact": 205, + "compactX": 130, + "large": 280, + "regular": "100%", }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "gridColumnX6": { + "compact": 130, + "compactX": 80, + "large": 180, + "regular": "100%", }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "gridMainContent": { + "compact": 620, + "compactX": 620, + "large": 780, + "regular": "100%", }, - "octaviusColorButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "gridMainContentWide": { + "compact": 620, + "compactX": 620, + "large": 860, + "regular": "100%", }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "gridWrapperContent": { + "compact": 940, + "compactX": 620, + "large": 1260, + "regular": "100%", }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "mediaFontMediaCaption": { + "compact": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 26, + }, + "regular": { + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 22, + }, }, - "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": 15, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 20, + }, + "regular": { + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 16, + }, }, - "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "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, + }, }, - "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "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, + }, }, - "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", - }, - "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "transparent", - }, - "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", - }, - "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", - }, - "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", - }, - "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "octaviusColorHeaderProgress": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", - }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", - }, - "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", - }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", - "normal": "#b6b8be", - }, - "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", - }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", - }, - "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", - "normal": "#93969b", - }, - "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", - }, - "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", - }, - "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "octaviusColorIconFees": { - "active": "#EB5B5F", - "hover": "#F55F61", - "normal": "#FF6262", - }, - "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2FC885", - }, - "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", - }, - "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", - "normal": "#FFA447", - }, - "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", - }, - "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", - "normal": "#EC4750", - }, - "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", - }, - "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", - }, - "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", - "normal": "#74BF05", - }, - "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", - }, - "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", - }, - "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", - "normal": "#1DC7D2", - }, - "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", - }, - "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", - }, - "octaviusColorIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorLayoutBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", - "normal": "transparent", - }, - "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", - }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", - }, - "octaviusColorListBackgroundPositiveAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", - }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", - }, - "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", - }, - "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", - }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", - }, - "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorOverlayBackground": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", - }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", - }, - "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", - }, - "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", - }, - "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", - }, - "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", - }, - "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", - }, - "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", - }, - "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", - }, - "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", - }, - "octaviusColorSidebarIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, - "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", - }, - "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarWidgetBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", - }, - "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#FF5C5C", - }, - "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", - "normal": "#9C9DA2", - }, - "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", - "normal": "#1A85FF", - }, - "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSnackbarTransparent": { - "active": "rgba(255, 255, 255, 0.04)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", - }, - "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", - }, - "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", + "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, + }, }, - "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 24, + }, }, - "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "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, + }, }, - "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "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, + }, }, - "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 400, + "lineHeight": 26, + }, }, - "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, }, - "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", + "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, + }, }, - "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, + "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, + }, }, - "octaviusSizeLayoutWidthMax": { - "regular": 2150, + "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, + }, }, - "octaviusSizeLayoutWidthMin": { - "regular": 761, + "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, + }, }, - "octaviusSizeSidebarPaddingTop": { - "regular": 12, + "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, + }, }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "regular": 104, + "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, + }, }, - "octaviusSizeSidebarWidgetsHeightMin": { - "regular": 64, + "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, + }, }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", + "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, + }, }, - "octaviusTextShadowEmptyStateText": "none", - "octaviusTextShadowSidebarItemText": "none", + "mediaSizeGap": 20, + "mediaSizeGrid": 60, "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, + "prefix": "vkui", "sizeArrow": { "regular": 8, }, @@ -155338,8 +147421,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compact": 20, - "regular": 16, + "compactX": 16, + "regular": 20, }, "sizeBasePaddingHorizontal": { "regular": 16, @@ -155360,7 +147443,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -155372,7 +147455,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "regular": 8, + "regular": 4, }, "sizeBorderWidthBar": { "regular": 4, @@ -155411,8 +147494,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "regular": 20, }, "sizeButtonLargeHeight": { "compact": 36, @@ -155429,7 +147511,6 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -155482,8 +147563,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "compact": 130, + "compactX": 130, + "regular": 94, }, "sizeDivPadding": { "regular": 4, @@ -155502,6 +147584,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeFieldHorizontalMargin": { + "compact": 16, + "compactX": 16, "regular": 20, }, "sizeFieldHorizontalPadding": { @@ -155514,8 +147598,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "compactX": 288, + "regular": 380, }, "sizeFormItemPaddingVertical": { "regular": 12, @@ -155525,15 +147609,15 @@ exports[`shapshots octavius 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, @@ -155573,19 +147657,20 @@ exports[`shapshots octavius 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, @@ -155607,8 +147692,9 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "compact": 7, + "compactX": 7, + "regular": 6, }, "sizeSliceBottomPadding": { "regular": 60, @@ -155638,9 +147724,13 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "regular": 34, }, "sizeTabMargin": { + "compact": 32, + "compactX": 32, "regular": 8, }, "sizeTabPadding": { + "compact": 0, + "compactX": 0, "regular": 16, }, "sizeTableHorizontalPadding": { @@ -155677,8 +147767,8 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octavius", - "themeNameBase": "octavius", + "themeName": "mediaDark", + "themeNameBase": "media", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -155688,10 +147778,16 @@ exports[`shapshots octavius 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, @@ -155711,7 +147807,7 @@ exports[`shapshots octavius theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` +exports[`shapshots mycom theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -155734,9 +147830,17 @@ exports[`shapshots octaviusCompact 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", @@ -155967,20 +148071,6 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, - "colorAlert": { - "active": { - "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #B2311E)", - }, - "hover": { - "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #B9331C)", - }, - "normal": { - "name": "--vkui--color_alert", - "value": "var(--vkui--color_alert, #c1341b)", - }, - }, "colorAvatarOverlay": { "active": { "name": "--vkui--color_avatar_overlay--active", @@ -156026,15 +148116,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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #009FE4)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #00abf2)", }, }, "colorBackgroundAccentAlternative": { @@ -156485,34 +148575,6 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, }, - "colorBackgroundThumbnail": { - "active": { - "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", - }, - "hover": { - "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - }, - "normal": { - "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #EBECEF)", - }, - }, - "colorBackgroundThumbnailAlpha": { - "active": { - "name": "--vkui--color_background_thumbnail_alpha--active", - "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--color_background_thumbnail_alpha--hover", - "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_thumbnail_alpha", - "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", - }, - }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", @@ -156698,15 +148760,15 @@ exports[`shapshots octaviusCompact 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, #009FE4)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "value": "var(--vkui--color_icon_accent, #00abf2)", }, }, "colorIconAccentThemed": { @@ -157003,298 +149065,284 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, - "colorPaletteBlue1": { - "active": { - "name": "--vkui--color_palette_blue1--active", - "value": "var(--vkui--color_palette_blue1--active, #264CEF)", - }, - "hover": { - "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", - }, - "normal": { - "name": "--vkui--color_palette_blue1", - "value": "var(--vkui--color_palette_blue1, #2951ff)", - }, - }, - "colorPaletteBlue1Alpha": { + "colorPanelHeaderIcon": { "active": { - "name": "--vkui--color_palette_blue1_alpha--active", - "value": "var(--vkui--color_palette_blue1_alpha--active, rgba(0, 95, 249, 0.2))", + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_blue1_alpha--hover", - "value": "var(--vkui--color_palette_blue1_alpha--hover, rgba(0, 95, 249, 0.16))", + "name": "--vkui--color_panel_header_icon--hover", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_blue1_alpha", - "value": "var(--vkui--color_palette_blue1_alpha, rgba(0, 95, 249, 0.12))", + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #0077ff)", }, }, - "colorPaletteBlue2": { + "colorPrimaryAuto": { "active": { - "name": "--vkui--color_palette_blue2--active", - "value": "var(--vkui--color_palette_blue2--active, #009FE4)", + "name": "--vkui--color_primary_auto--active", + "value": "var(--vkui--color_primary_auto--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "name": "--vkui--color_primary_auto--hover", + "value": "var(--vkui--color_primary_auto--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_blue2", - "value": "var(--vkui--color_palette_blue2, #00abf2)", + "name": "--vkui--color_primary_auto", + "value": "var(--vkui--color_primary_auto, #0077FF)", }, }, - "colorPaletteBlue3": { + "colorPrimaryBase": { "active": { - "name": "--vkui--color_palette_blue3--active", - "value": "var(--vkui--color_palette_blue3--active, #23CED2)", + "name": "--vkui--color_primary_base--active", + "value": "var(--vkui--color_primary_base--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "name": "--vkui--color_primary_base--hover", + "value": "var(--vkui--color_primary_base--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_blue3", - "value": "var(--vkui--color_palette_blue3, #26dfdf)", + "name": "--vkui--color_primary_base", + "value": "var(--vkui--color_primary_base, #0077FF)", }, }, - "colorPaletteGreen1": { + "colorPrimaryDeti": { "active": { - "name": "--vkui--color_palette_green1--active", - "value": "var(--vkui--color_palette_green1--active, #A0D016)", + "name": "--vkui--color_primary_deti--active", + "value": "var(--vkui--color_primary_deti--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #A7D915)", + "name": "--vkui--color_primary_deti--hover", + "value": "var(--vkui--color_primary_deti--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_green1", - "value": "var(--vkui--color_palette_green1, #aee113)", + "name": "--vkui--color_primary_deti", + "value": "var(--vkui--color_primary_deti, #0077FF)", }, }, - "colorPaletteGreen1Alpha": { + "colorPrimaryDobro": { "active": { - "name": "--vkui--color_palette_green1_alpha--active", - "value": "var(--vkui--color_palette_green1_alpha--active, rgba(92, 186, 56, 0.2))", + "name": "--vkui--color_primary_dobro--active", + "value": "var(--vkui--color_primary_dobro--active, #EBC405)", }, "hover": { - "name": "--vkui--color_palette_green1_alpha--hover", - "value": "var(--vkui--color_palette_green1_alpha--hover, rgba(92, 186, 56, 0.16))", + "name": "--vkui--color_primary_dobro--hover", + "value": "var(--vkui--color_primary_dobro--hover, #F5CC02)", }, "normal": { - "name": "--vkui--color_palette_green1_alpha", - "value": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", + "name": "--vkui--color_primary_dobro", + "value": "var(--vkui--color_primary_dobro, #ffd400)", }, }, - "colorPaletteGreen2": { + "colorPrimaryHealth": { "active": { - "name": "--vkui--color_palette_green2--active", - "value": "var(--vkui--color_palette_green2--active, #52B552)", + "name": "--vkui--color_primary_health--active", + "value": "var(--vkui--color_primary_health--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #55BC53)", + "name": "--vkui--color_primary_health--hover", + "value": "var(--vkui--color_primary_health--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_green2", - "value": "var(--vkui--color_palette_green2, #59c354)", + "name": "--vkui--color_primary_health", + "value": "var(--vkui--color_primary_health, #0077FF)", }, }, - "colorPaletteGreen2Alpha": { + "colorPrimaryHealthNew": { "active": { - "name": "--vkui--color_palette_green2_alpha--active", - "value": "var(--vkui--color_palette_green2_alpha--active, rgba(0, 230, 180, 0.16))", + "name": "--vkui--color_primary_health_new--active", + "value": "var(--vkui--color_primary_health_new--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_green2_alpha--hover", - "value": "var(--vkui--color_palette_green2_alpha--hover, rgba(0, 230, 180, 0.12))", + "name": "--vkui--color_primary_health_new--hover", + "value": "var(--vkui--color_primary_health_new--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_green2_alpha", - "value": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", + "name": "--vkui--color_primary_health_new", + "value": "var(--vkui--color_primary_health_new, #0077FF)", }, }, - "colorPaletteGreen3": { + "colorPrimaryHitech": { "active": { - "name": "--vkui--color_palette_green3--active", - "value": "var(--vkui--color_palette_green3--active, #33D98D)", + "name": "--vkui--color_primary_hitech--active", + "value": "var(--vkui--color_primary_hitech--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #35E291)", + "name": "--vkui--color_primary_hitech--hover", + "value": "var(--vkui--color_primary_hitech--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_green3", - "value": "var(--vkui--color_palette_green3, #37eb94)", + "name": "--vkui--color_primary_hitech", + "value": "var(--vkui--color_primary_hitech, #0077FF)", }, }, - "colorPaletteGreen4": { + "colorPrimaryKino": { "active": { - "name": "--vkui--color_palette_green4--active", - "value": "var(--vkui--color_palette_green4--active, #00A4AA)", + "name": "--vkui--color_primary_kino--active", + "value": "var(--vkui--color_primary_kino--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "name": "--vkui--color_primary_kino--hover", + "value": "var(--vkui--color_primary_kino--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_green4", - "value": "var(--vkui--color_palette_green4, #00b1b3)", + "name": "--vkui--color_primary_kino", + "value": "var(--vkui--color_primary_kino, #0077FF)", }, }, - "colorPaletteOrange1": { + "colorPrimaryLady": { "active": { - "name": "--vkui--color_palette_orange1--active", - "value": "var(--vkui--color_palette_orange1--active, #EB812F)", + "name": "--vkui--color_primary_lady--active", + "value": "var(--vkui--color_primary_lady--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "name": "--vkui--color_primary_lady--hover", + "value": "var(--vkui--color_primary_lady--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_orange1", - "value": "var(--vkui--color_palette_orange1, #ff8b2e)", + "name": "--vkui--color_primary_lady", + "value": "var(--vkui--color_primary_lady, #0077FF)", }, }, - "colorPaletteOrange1Alpha": { + "colorPrimaryMycom": { "active": { - "name": "--vkui--color_palette_orange1_alpha--active", - "value": "var(--vkui--color_palette_orange1_alpha--active, rgba(255, 158, 0, 0.2))", + "name": "--vkui--color_primary_mycom--active", + "value": "var(--vkui--color_primary_mycom--active, #009FE4)", }, "hover": { - "name": "--vkui--color_palette_orange1_alpha--hover", - "value": "var(--vkui--color_palette_orange1_alpha--hover, rgba(255, 158, 0, 0.16))", + "name": "--vkui--color_primary_mycom--hover", + "value": "var(--vkui--color_primary_mycom--hover, #00A5EB)", }, "normal": { - "name": "--vkui--color_palette_orange1_alpha", - "value": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", + "name": "--vkui--color_primary_mycom", + "value": "var(--vkui--color_primary_mycom, #00abf2)", }, }, - "colorPaletteRed1": { + "colorPrimaryPets": { "active": { - "name": "--vkui--color_palette_red1--active", - "value": "var(--vkui--color_palette_red1--active, #E82A38)", + "name": "--vkui--color_primary_pets--active", + "value": "var(--vkui--color_primary_pets--active, #fc627e)", }, "hover": { - "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #F22B38)", + "name": "--vkui--color_primary_pets--hover", + "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", }, "normal": { - "name": "--vkui--color_palette_red1", - "value": "var(--vkui--color_palette_red1, #fc2c38)", + "name": "--vkui--color_primary_pets", + "value": "var(--vkui--color_primary_pets, #fc738c)", }, }, - "colorPaletteRed2": { + "colorPrimaryPharma": { "active": { - "name": "--vkui--color_palette_red2--active", - "value": "var(--vkui--color_palette_red2--active, #D8187C)", + "name": "--vkui--color_primary_pharma--active", + "value": "var(--vkui--color_primary_pharma--active, #1BC39A)", }, "hover": { - "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #E2197E)", + "name": "--vkui--color_primary_pharma--hover", + "value": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", }, "normal": { - "name": "--vkui--color_palette_red2", - "value": "var(--vkui--color_palette_red2, #eb1981)", + "name": "--vkui--color_primary_pharma", + "value": "var(--vkui--color_primary_pharma, #1DD3A2)", }, }, - "colorPaletteRed3": { + "colorPrimaryRealty": { "active": { - "name": "--vkui--color_palette_red3--active", - "value": "var(--vkui--color_palette_red3--active, #EB69B1)", + "name": "--vkui--color_primary_realty--active", + "value": "var(--vkui--color_primary_realty--active, #006FEF)", }, "hover": { - "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "name": "--vkui--color_primary_realty--hover", + "value": "var(--vkui--color_primary_realty--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_palette_red3", - "value": "var(--vkui--color_palette_red3, #ff71bb)", + "name": "--vkui--color_primary_realty", + "value": "var(--vkui--color_primary_realty, #0077FF)", }, }, - "colorPaletteViolet1": { + "colorRating": { "active": { - "name": "--vkui--color_palette_violet1--active", - "value": "var(--vkui--color_palette_violet1--active, #6301EF)", + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", }, "hover": { - "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", }, "normal": { - "name": "--vkui--color_palette_violet1", - "value": "var(--vkui--color_palette_violet1, #6c00ff)", + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", }, }, - "colorPaletteViolet2": { + "colorSale": { "active": { - "name": "--vkui--color_palette_violet2--active", - "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "name": "--vkui--color_sale--active", + "value": "var(--vkui--color_sale--active, #E82A38)", }, "hover": { - "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "name": "--vkui--color_sale--hover", + "value": "var(--vkui--color_sale--hover, #F22B38)", }, "normal": { - "name": "--vkui--color_palette_violet2", - "value": "var(--vkui--color_palette_violet2, #ae73ff)", + "name": "--vkui--color_sale", + "value": "var(--vkui--color_sale, #fc2c38)", }, }, - "colorPaletteYellow1": { + "colorSearchFieldBackground": { "active": { - "name": "--vkui--color_palette_yellow1--active", - "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", }, "hover": { - "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", }, "normal": { - "name": "--vkui--color_palette_yellow1", - "value": "var(--vkui--color_palette_yellow1, #ffc311)", + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #E6E7EB)", }, }, - "colorPanelHeaderIcon": { + "colorSecondaryBase": { "active": { - "name": "--vkui--color_panel_header_icon--active", - "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", + "name": "--vkui--color_secondary_base--active", + "value": "var(--vkui--color_secondary_base--active, #006FEF)", }, "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", + "name": "--vkui--color_secondary_base--hover", + "value": "var(--vkui--color_secondary_base--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "name": "--vkui--color_secondary_base", + "value": "var(--vkui--color_secondary_base, #0077FF)", }, }, - "colorRating": { + "colorSecondaryHealth": { "active": { - "name": "--vkui--color_rating--active", - "value": "var(--vkui--color_rating--active, #EBC405)", + "name": "--vkui--color_secondary_health--active", + "value": "var(--vkui--color_secondary_health--active, #006FEF)", }, "hover": { - "name": "--vkui--color_rating--hover", - "value": "var(--vkui--color_rating--hover, #F5CC02)", + "name": "--vkui--color_secondary_health--hover", + "value": "var(--vkui--color_secondary_health--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_rating", - "value": "var(--vkui--color_rating, #ffd400)", + "name": "--vkui--color_secondary_health", + "value": "var(--vkui--color_secondary_health, #0077FF)", }, }, - "colorSearchFieldBackground": { + "colorSecondaryMycom": { "active": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", + "name": "--vkui--color_secondary_mycom--active", + "value": "var(--vkui--color_secondary_mycom--active, #E82A38)", }, "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #DDDEE4)", + "name": "--vkui--color_secondary_mycom--hover", + "value": "var(--vkui--color_secondary_mycom--hover, #F22B38)", }, "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "name": "--vkui--color_secondary_mycom", + "value": "var(--vkui--color_secondary_mycom, #fc2c38)", }, }, "colorSegmentedControl": { @@ -157510,15 +149558,15 @@ exports[`shapshots octaviusCompact 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, #009FE4)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "value": "var(--vkui--color_stroke_accent, #00abf2)", }, }, "colorStrokeAccentThemed": { @@ -157591,158 +149639,18 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, }, - "colorTagBackgroundMint": { - "active": { - "name": "--vkui--color_tag_background_mint--active", - "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", - }, - "hover": { - "name": "--vkui--color_tag_background_mint--hover", - "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", - }, - "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, #EBC29F)", - }, - "hover": { - "name": "--vkui--color_tag_background_orange--hover", - "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", - }, - "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, #EBA5CD)", - }, - "hover": { - "name": "--vkui--color_tag_background_pink--hover", - "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", - }, - "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, #BEA6E2)", - }, - "hover": { - "name": "--vkui--color_tag_background_purple--hover", - "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", - }, - "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, #97CEEF)", - }, - "hover": { - "name": "--vkui--color_tag_background_sky--hover", - "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", - }, - "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, #1D5559)", - }, - "hover": { - "name": "--vkui--color_tag_text_mint--hover", - "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", - }, - "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, #543322)", - }, - "hover": { - "name": "--vkui--color_tag_text_orange--hover", - "value": "var(--vkui--color_tag_text_orange--hover, #573421)", - }, - "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, #4B1F59)", - }, - "hover": { - "name": "--vkui--color_tag_text_pink--hover", - "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", - }, - "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, #341F59)", - }, - "hover": { - "name": "--vkui--color_tag_text_purple--hover", - "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", - }, - "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, #1D3B59)", - }, - "hover": { - "name": "--vkui--color_tag_text_sky--hover", - "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", - }, - "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, #0068E2)", + "value": "var(--vkui--color_text_accent--active, #009FE4)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "value": "var(--vkui--color_text_accent--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "value": "var(--vkui--color_text_accent, #00abf2)", }, }, "colorTextAccentThemed": { @@ -158225,7 +150133,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", }, "elevation4": { "name": "--vkui--elevation4", @@ -158253,7 +150161,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -158299,7 +150207,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -158345,7 +150253,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -158391,7 +150299,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -158437,7 +150345,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -158483,7 +150391,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -158529,7 +150437,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title1--font_size--regular", @@ -158567,7 +150475,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--compact", @@ -158585,7 +150493,7 @@ exports[`shapshots octaviusCompact 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_display_title2--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title2--font_size--regular", @@ -158623,7 +150531,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title3--font_size--regular", @@ -158661,7 +150569,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_display_title4--font_size--regular", @@ -158677,17 +150585,25 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, }, }, + "fontFamily": { + "name": "--vkui--font_family", + "value": "var(--vkui--font_family, Proxima Nova, Arial, sans-serif)", + }, "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": { @@ -158711,7 +150627,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -158757,7 +150673,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -158813,7 +150729,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h0--font_family--regular, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h0--font_size--regular", @@ -158849,9 +150765,17 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, }, "compact": { + "fontFamily": { + "name": "--vkui--font_h1--font_family--compact", + "value": "var(--vkui--font_h1--font_family--compact, Proxima Nova, 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", @@ -158861,11 +150785,11 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, 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", @@ -158873,7 +150797,7 @@ exports[`shapshots octaviusCompact 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)", }, }, }, @@ -158897,9 +150821,17 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, }, "compact": { + "fontFamily": { + "name": "--vkui--font_h2--font_family--compact", + "value": "var(--vkui--font_h2--font_family--compact, Proxima Nova, 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", @@ -158909,11 +150841,11 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, 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", @@ -158921,7 +150853,83 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, 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, Proxima Nova, 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)", }, }, }, @@ -158957,7 +150965,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", @@ -159005,7 +151013,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", @@ -159053,7 +151061,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline2--font_size--regular", @@ -159091,7 +151099,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -159139,7 +151147,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -159187,11 +151195,11 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 13px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -159225,7 +151233,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -159263,7 +151271,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -159301,7 +151309,7 @@ exports[`shapshots octaviusCompact 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, Proxima Nova, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -159341,6 +151349,22 @@ exports[`shapshots octaviusCompact 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%)", @@ -159357,3238 +151381,2606 @@ exports[`shapshots octaviusCompact 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%)", }, - "octaviusColorActionArchive": { - "active": { - "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - }, - "hover": { - "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "gridAsideContent": { + "auto": { + "name": "--vkui--grid_aside_content", + "value": "var(--vkui--grid_aside_content)", }, - "normal": { - "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "compact": { + "name": "--vkui--grid_aside_content--compact", + "value": "var(--vkui--grid_aside_content--compact, 300px)", }, - }, - "octaviusColorBackground": { - "active": { - "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", + "compactX": { + "name": "--vkui--grid_aside_content--compact_x", + "value": "var(--vkui--grid_aside_content--compact_x, 300px)", }, - "hover": { - "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "large": { + "name": "--vkui--grid_aside_content--large", + "value": "var(--vkui--grid_aside_content--large, 380px)", }, - "normal": { - "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #F6F7F8)", + "regular": { + "name": "--vkui--grid_aside_content--regular", + "value": "var(--vkui--grid_aside_content--regular, 100%)", }, }, - "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))", - }, - "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))", + "gridColumnX2": { + "auto": { + "name": "--vkui--grid_column_x2", + "value": "var(--vkui--grid_column_x2)", }, - "normal": { - "name": "--vkui--octavius_color_background_accent_tint_alpha", - "value": "var(--vkui--octavius_color_background_accent_tint_alpha, rgba(0, 95, 249, 0.12))", + "compact": { + "name": "--vkui--grid_column_x2--compact", + "value": "var(--vkui--grid_column_x2--compact, 430px)", }, - }, - "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))", + "compactX": { + "name": "--vkui--grid_column_x2--compact_x", + "value": "var(--vkui--grid_column_x2--compact_x, 280px)", }, - "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))", + "large": { + "name": "--vkui--grid_column_x2--large", + "value": "var(--vkui--grid_column_x2--large, 580px)", }, - "normal": { - "name": "--vkui--octavius_color_background_accent_toned_alpha", - "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", + "regular": { + "name": "--vkui--grid_column_x2--regular", + "value": "var(--vkui--grid_column_x2--regular, 100%)", }, }, - "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.2))", - }, - "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.16))", + "gridColumnX3": { + "auto": { + "name": "--vkui--grid_column_x3", + "value": "var(--vkui--grid_column_x3)", }, - "normal": { - "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "compact": { + "name": "--vkui--grid_column_x3--compact", + "value": "var(--vkui--grid_column_x3--compact, 280px)", }, - }, - "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.18))", + "compactX": { + "name": "--vkui--grid_column_x3--compact_x", + "value": "var(--vkui--grid_column_x3--compact_x, 180px)", }, - "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.14))", + "large": { + "name": "--vkui--grid_column_x3--large", + "value": "var(--vkui--grid_column_x3--large, 380px)", }, - "normal": { - "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "regular": { + "name": "--vkui--grid_column_x3--regular", + "value": "var(--vkui--grid_column_x3--regular, 100%)", }, }, - "octaviusColorButtonBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_button_background_alpha--active", - "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "gridColumnX4": { + "auto": { + "name": "--vkui--grid_column_x4", + "value": "var(--vkui--grid_column_x4)", }, - "normal": { - "name": "--vkui--octavius_color_button_background_alpha", - "value": "var(--vkui--octavius_color_button_background_alpha, transparent)", + "compact": { + "name": "--vkui--grid_column_x4--compact", + "value": "var(--vkui--grid_column_x4--compact, 205px)", }, - }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": { - "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "compactX": { + "name": "--vkui--grid_column_x4--compact_x", + "value": "var(--vkui--grid_column_x4--compact_x, 130px)", }, - "hover": { - "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "large": { + "name": "--vkui--grid_column_x4--large", + "value": "var(--vkui--grid_column_x4--large, 280px)", }, - "normal": { - "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "regular": { + "name": "--vkui--grid_column_x4--regular", + "value": "var(--vkui--grid_column_x4--regular, 100%)", }, }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - }, - "hover": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "gridColumnX6": { + "auto": { + "name": "--vkui--grid_column_x6", + "value": "var(--vkui--grid_column_x6)", }, - "normal": { - "name": "--vkui--octavius_color_button_empty_state_background_alpha", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "compact": { + "name": "--vkui--grid_column_x6--compact", + "value": "var(--vkui--grid_column_x6--compact, 130px)", }, - }, - "octaviusColorButtonEmptyStateText": { - "active": { - "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "compactX": { + "name": "--vkui--grid_column_x6--compact_x", + "value": "var(--vkui--grid_column_x6--compact_x, 80px)", }, - "hover": { - "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "large": { + "name": "--vkui--grid_column_x6--large", + "value": "var(--vkui--grid_column_x6--large, 180px)", }, - "normal": { - "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "regular": { + "name": "--vkui--grid_column_x6--regular", + "value": "var(--vkui--grid_column_x6--regular, 100%)", }, }, - "octaviusColorButtonIcon": { - "active": { - "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "gridMainContent": { + "auto": { + "name": "--vkui--grid_main_content", + "value": "var(--vkui--grid_main_content)", }, - "normal": { - "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #333333)", + "compact": { + "name": "--vkui--grid_main_content--compact", + "value": "var(--vkui--grid_main_content--compact, 620px)", }, - }, - "octaviusColorButtonText": { - "active": { - "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "compactX": { + "name": "--vkui--grid_main_content--compact_x", + "value": "var(--vkui--grid_main_content--compact_x, 620px)", }, - "hover": { - "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #313233)", + "large": { + "name": "--vkui--grid_main_content--large", + "value": "var(--vkui--grid_main_content--large, 780px)", }, - "normal": { - "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #333333)", + "regular": { + "name": "--vkui--grid_main_content--regular", + "value": "var(--vkui--grid_main_content--regular, 100%)", }, }, - "octaviusColorContentScrollbarAlpha": { - "active": { - "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "gridMainContentWide": { + "auto": { + "name": "--vkui--grid_main_content_wide", + "value": "var(--vkui--grid_main_content_wide)", }, - "normal": { - "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "compact": { + "name": "--vkui--grid_main_content_wide--compact", + "value": "var(--vkui--grid_main_content_wide--compact, 620px)", }, - }, - "octaviusColorDatasetBackground": { - "active": { - "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "compactX": { + "name": "--vkui--grid_main_content_wide--compact_x", + "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", }, - "hover": { - "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "large": { + "name": "--vkui--grid_main_content_wide--large", + "value": "var(--vkui--grid_main_content_wide--large, 860px)", }, - "normal": { - "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "regular": { + "name": "--vkui--grid_main_content_wide--regular", + "value": "var(--vkui--grid_main_content_wide--regular, 100%)", }, }, - "octaviusColorEmptyStateText": { - "active": { - "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "gridWrapperContent": { + "auto": { + "name": "--vkui--grid_wrapper_content", + "value": "var(--vkui--grid_wrapper_content)", }, - "normal": { - "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #333333)", + "compact": { + "name": "--vkui--grid_wrapper_content--compact", + "value": "var(--vkui--grid_wrapper_content--compact, 940px)", }, - }, - "octaviusColorEmptyStateTextLink": { - "active": { - "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "compactX": { + "name": "--vkui--grid_wrapper_content--compact_x", + "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", }, - "hover": { - "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "large": { + "name": "--vkui--grid_wrapper_content--large", + "value": "var(--vkui--grid_wrapper_content--large, 1260px)", }, - "normal": { - "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + "regular": { + "name": "--vkui--grid_wrapper_content--regular", + "value": "var(--vkui--grid_wrapper_content--regular, 100%)", }, }, - "octaviusColorHeaderBackground": { - "active": { - "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", + "mediaFontMediaCaption": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", + "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)", + }, }, }, - "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.4))", + "mediaFontMediaCaptionCaps": { + "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)", + }, }, - "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.64))", + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_button_background_alpha", - "value": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", + "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)", + }, }, }, - "octaviusColorHeaderButtonText": { - "active": { - "name": "--vkui--octavius_color_header_button_text--active", - "value": "var(--vkui--octavius_color_header_button_text--active, #282B2F)", + "mediaFontMediaLead": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_lead--font_family--compact", + "value": "var(--vkui--media_font_media_lead--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_button_text", - "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_lead--font_family--regular", + "value": "var(--vkui--media_font_media_lead--font_family--regular, Proxima Nova, 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)", + }, }, }, - "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))", + "mediaFontMediaParagraph": { + "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)", + }, }, - "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))", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_paragraph--font_family--compact", + "value": "var(--vkui--media_font_media_paragraph--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_paragraph--font_family--regular", + "value": "var(--vkui--media_font_media_paragraph--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderIcon": { - "active": { - "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", + "mediaFontMediaParagraphNumbering": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_paragraph_numbering--font_family--compact", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_paragraph_numbering--font_family--regular", + "value": "var(--vkui--media_font_media_paragraph_numbering--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderIconAttach": { - "active": { - "name": "--vkui--octavius_color_header_icon_attach--active", - "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, #D0D2D7)", + "mediaFontMediaParagraphSecondary": { + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_icon_attach", - "value": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", + "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)", + }, }, }, - "octaviusColorHeaderIconFavorite": { - "active": { - "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", + "mediaFontMediaQuote": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_quote--font_family--compact", + "value": "var(--vkui--media_font_media_quote--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_icon_favorite", - "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_quote--font_family--regular", + "value": "var(--vkui--media_font_media_quote--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderIconUnread": { - "active": { - "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "mediaFontMediaQuotePerson": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_quote_person--font_family--compact", + "value": "var(--vkui--media_font_media_quote_person--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_icon_unread", - "value": "var(--vkui--octavius_color_header_icon_unread, #0077ff)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_quote_person--font_family--regular", + "value": "var(--vkui--media_font_media_quote_person--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderProgress": { - "active": { - "name": "--vkui--octavius_color_header_progress--active", - "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, #0073F7)", + "mediaFontMediaSubtitleLight": { + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #0077FF)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_subtitle_light--font_family--regular", + "value": "var(--vkui--media_font_media_subtitle_light--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderSearchBackground": { - "active": { - "name": "--vkui--octavius_color_header_search_background--active", - "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, #E6E8EC)", + "mediaFontMediaTextSecondaryLight": { + "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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", + "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, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": { - "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", + "mediaFontMediaTitle1": { + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title1--font_family--compact", + "value": "var(--vkui--media_font_media_title1--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title1--font_family--regular", + "value": "var(--vkui--media_font_media_title1--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderSearchChipBackground": { - "active": { - "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title1_tiny--font_family--compact", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_background", - "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title1_tiny--font_family--regular", + "value": "var(--vkui--media_font_media_title1_tiny--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": { - "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title2--font_family--compact", + "value": "var(--vkui--media_font_media_title2--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title2--font_family--regular", + "value": "var(--vkui--media_font_media_title2--font_family--regular, Proxima Nova, 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)", + }, }, }, - "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(0, 16, 61, 0.2))", + "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)", + }, }, - "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(0, 16, 61, 0.16))", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title2_tiny--font_family--compact", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha", - "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title2_tiny--font_family--regular", + "value": "var(--vkui--media_font_media_title2_tiny--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderSearchIcon": { - "active": { - "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title3--font_family--compact", + "value": "var(--vkui--media_font_media_title3--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_icon", - "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title3--font_family--regular", + "value": "var(--vkui--media_font_media_title3--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderSearchText": { - "active": { - "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title4--font_family--compact", + "value": "var(--vkui--media_font_media_title4--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title4--font_family--regular", + "value": "var(--vkui--media_font_media_title4--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": { - "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title5--font_family--compact", + "value": "var(--vkui--media_font_media_title5--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title5--font_family--regular", + "value": "var(--vkui--media_font_media_title5--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "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)", + }, }, - "hover": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "compact": { + "fontFamily": { + "name": "--vkui--media_font_media_title6--font_family--compact", + "value": "var(--vkui--media_font_media_title6--font_family--compact, Proxima Nova, 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)", + }, }, - "normal": { - "name": "--vkui--octavius_color_header_tab_active_themed_alpha", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + "regular": { + "fontFamily": { + "name": "--vkui--media_font_media_title6--font_family--regular", + "value": "var(--vkui--media_font_media_title6--font_family--regular, Proxima Nova, 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)", + }, }, }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": { - "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "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, #0073F7)", + "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)", + }, + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, - "normal": { - "name": "--vkui--octavius_color_header_tab_text_active_themed", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "octaviusColorHeaderTextSecondary": { - "active": { - "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", - }, - "hover": { - "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "sizeArrowHeight": { + "auto": { + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, - "normal": { - "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "regular": { + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "octaviusColorIconEvent": { - "active": { - "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, - "normal": { - "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "regular": { + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "octaviusColorIconEventAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_event_alpha--active", - "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - "normal": { - "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + "regular": { + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "octaviusColorIconFavorite": { - "active": { - "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "sizeArrowWidth": { + "auto": { + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, - "normal": { - "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "regular": { + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "octaviusColorIconFees": { - "active": { - "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", + "sizeAttributeMargin": { + "auto": { + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, - "normal": { - "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #FF6262)", + "regular": { + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "octaviusColorIconFinance": { - "active": { - "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - "normal": { - "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #2FC885)", + "regular": { + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "octaviusColorIconGames": { - "active": { - "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, - "normal": { - "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "regular": { + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "octaviusColorIconMailings": { - "active": { - "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, - "normal": { - "name": "--vkui--octavius_color_icon_mailings", - "value": "var(--vkui--octavius_color_icon_mailings, #FFA447)", + "regular": { + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "octaviusColorIconNews": { - "active": { - "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "regular": { + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "octaviusColorIconOfficial": { - "active": { - "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, - "normal": { - "name": "--vkui--octavius_color_icon_official", - "value": "var(--vkui--octavius_color_icon_official, #EC4750)", + "regular": { + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "octaviusColorIconOrder": { - "active": { - "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, - "normal": { - "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "regular": { + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "octaviusColorIconOrderAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_order_alpha--active", - "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, - "normal": { - "name": "--vkui--octavius_color_icon_order_alpha", - "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + "regular": { + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "octaviusColorIconReceipts": { - "active": { - "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - "normal": { - "name": "--vkui--octavius_color_icon_receipts", - "value": "var(--vkui--octavius_color_icon_receipts, #74BF05)", + "regular": { + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "octaviusColorIconRegistration": { - "active": { - "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, - "normal": { - "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "regular": { + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "octaviusColorIconSchool": { - "active": { - "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "sizeBadgeXS": { + "auto": { + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, - "normal": { - "name": "--vkui--octavius_color_icon_school", - "value": "var(--vkui--octavius_color_icon_school, #C97EEC)", + "regular": { + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "octaviusColorIconSocial": { - "active": { - "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { + "auto": { + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, - "normal": { - "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #7288FF)", + "regular": { + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "octaviusColorIconToMyself": { - "active": { - "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "sizeBasePadding": { + "auto": { + "name": "--vkui--size_base_padding", + "value": "var(--vkui--size_base_padding)", }, - "hover": { - "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "compactX": { + "name": "--vkui--size_base_padding--compact_x", + "value": "var(--vkui--size_base_padding--compact_x, 16px)", }, - "normal": { - "name": "--vkui--octavius_color_icon_to_myself", - "value": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", + "regular": { + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 20px)", }, }, - "octaviusColorIconTravel": { - "active": { - "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - }, - "hover": { - "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "sizeBasePaddingHorizontal": { + "auto": { + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "regular": { + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "octaviusColorIconTravelAlpha": { - "active": { - "name": "--vkui--octavius_color_icon_travel_alpha--active", - "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - }, - "hover": { - "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "sizeBasePaddingVertical": { + "auto": { + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + "regular": { + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "octaviusColorIconUnread": { - "active": { - "name": "--vkui--octavius_color_icon_unread--active", - "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, #0073F7)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, - "normal": { - "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "octaviusColorLayoutBorderAlpha": { - "active": { - "name": "--vkui--octavius_color_layout_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeBorder2x": { + "auto": { + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, - "normal": { - "name": "--vkui--octavius_color_layout_border_alpha", - "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": { - "name": "--vkui--octavius_color_layout_letter_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, - "normal": { - "name": "--vkui--octavius_color_layout_letter_border_alpha", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "octaviusColorLetterAttachListBackground": { - "name": "--vkui--octavius_color_letter_attach_list_background", - "value": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", - }, - "octaviusColorLetterContactBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_letter_contact_background_alpha--active", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_letter_contact_background_alpha", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "octaviusColorLetterListTextUnread": { - "active": { - "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, - "normal": { - "name": "--vkui--octavius_color_letter_list_text_unread", - "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + "regular": { + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 4px)", }, }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": { - "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, - "normal": { - "name": "--vkui--octavius_color_letter_preview_background_primary", - "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + "regular": { + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": { - "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - }, - "hover": { - "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, - "normal": { - "name": "--vkui--octavius_color_letter_preview_background_secondary", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + "regular": { + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "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))", - }, - "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))", + "sizeBorderWidthAccent": { + "auto": { + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, - "normal": { - "name": "--vkui--octavius_color_list_background_positive_alpha", - "value": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", + "regular": { + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - }, - "hover": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "sizeBorderWidthAccentSecondary": { + "auto": { + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, - "normal": { - "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + "regular": { + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 4px)", }, }, - "octaviusColorListIconPrimary": { - "active": { - "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "sizeBorderWidthBar": { + "auto": { + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, - "normal": { - "name": "--vkui--octavius_color_list_icon_primary", - "value": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "octaviusColorListLetterAdvBackground": { - "active": { - "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "sizeBorderWidthTab": { + "auto": { + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + "regular": { + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "octaviusColorListLetterBackground": { - "active": { - "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "sizeBulletMargin": { + "auto": { + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + "regular": { + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "octaviusColorListLetterSeparatorAlpha": { - "active": { - "name": "--vkui--octavius_color_list_letter_separator_alpha--active", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - }, - "hover": { - "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "octaviusColorListTextPrimary": { - "active": { - "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_list_text_primary", - "value": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "octaviusColorListTextUnread": { - "active": { - "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_list_text_unread", - "value": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "octaviusColorNotificationBorder": { - "active": { - "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #ffffff)", + "regular": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorOverlayBackground": { - "active": { - "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_overlay_background", - "value": "var(--vkui--octavius_color_overlay_background, transparent)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "octaviusColorPlaceholderBackground": { - "active": { - "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "regular": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorPortalMenuBackground": { - "active": { - "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, - "normal": { - "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_portal_search_background_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - }, - "hover": { - "name": "--vkui--octavius_color_portal_search_background_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "normal": { - "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + "regular": { + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - }, - "hover": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, - "normal": { - "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + "regular": { + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "octaviusColorPromoBackground": { - "active": { - "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - }, - "hover": { - "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "sizeButtonIconPadding": { + "auto": { + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, - "normal": { - "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "regular": { + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 20px)", }, }, - "octaviusColorSidebarButtonBackground": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "compact": { + "name": "--vkui--size_button_large_height--compact", + "value": "var(--vkui--size_button_large_height--compact, 36px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_background", - "value": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", + "regular": { + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "octaviusColorSidebarButtonIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "compact": { + "name": "--vkui--size_button_medium_height--compact", + "value": "var(--vkui--size_button_medium_height--compact, 32px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_icon", - "value": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "octaviusColorSidebarButtonText": { - "active": { - "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_button_text", - "value": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 80px)", }, }, - "octaviusColorSidebarComposeButtonBackground": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "sizeButtonMorePadding": { + "auto": { + "name": "--vkui--size_button_more_padding", + "value": "var(--vkui--size_button_more_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_background", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + "regular": { + "name": "--vkui--size_button_more_padding--regular", + "value": "var(--vkui--size_button_more_padding--regular, 8px)", }, }, - "octaviusColorSidebarComposeButtonIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_icon", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", + "regular": { + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, - "octaviusColorSidebarComposeButtonText": { - "active": { - "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "sizeButtonSliderHeight": { + "auto": { + "name": "--vkui--size_button_slider_height", + "value": "var(--vkui--size_button_slider_height)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_compose_button_text", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", + "regular": { + "name": "--vkui--size_button_slider_height--regular", + "value": "var(--vkui--size_button_slider_height--regular, 24px)", }, }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "sizeButtonSliderWidth": { + "auto": { + "name": "--vkui--size_button_slider_width", + "value": "var(--vkui--size_button_slider_width)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_button_slider_width--regular", + "value": "var(--vkui--size_button_slider_width--regular, 12px)", }, }, - "octaviusColorSidebarCounterText": { - "active": { - "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "sizeButtonSliderWidthPointer": { + "auto": { + "name": "--vkui--size_button_slider_width_pointer", + "value": "var(--vkui--size_button_slider_width_pointer)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + "regular": { + "name": "--vkui--size_button_slider_width_pointer--regular", + "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, }, - "octaviusColorSidebarIconEvent": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "compact": { + "name": "--vkui--size_button_small_height--compact", + "value": "var(--vkui--size_button_small_height--compact, 28px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + "regular": { + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, - "octaviusColorSidebarIconFavorite": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "octaviusColorSidebarIconFees": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + "regular": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "octaviusColorSidebarIconFinance": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, }, - "octaviusColorSidebarIconOrder": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + "regular": { + "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, }, - "octaviusColorSidebarIconRegistration": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, }, - "octaviusColorSidebarIconTravel": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + "regular": { + "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, }, - "octaviusColorSidebarIconUnread": { - "active": { - "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "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, #0073F7)", + "sizeCardBorderRadius": { + "auto": { + "name": "--vkui--size_card_border_radius", + "value": "var(--vkui--size_card_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_icon_unread", - "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", + "regular": { + "name": "--vkui--size_card_border_radius--regular", + "value": "var(--vkui--size_card_border_radius--regular, 16px)", }, }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "sizeCardgridPadding": { + "auto": { + "name": "--vkui--size_cardgrid_padding", + "value": "var(--vkui--size_cardgrid_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", + "regular": { + "name": "--vkui--size_cardgrid_padding--regular", + "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "sizeCardgridPaddingVertical": { + "auto": { + "name": "--vkui--size_cardgrid_padding_vertical", + "value": "var(--vkui--size_cardgrid_padding_vertical)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_button_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + "regular": { + "name": "--vkui--size_cardgrid_padding_vertical--regular", + "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, }, - "octaviusColorSidebarItemIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "sizeCheckBorderRadius": { + "auto": { + "name": "--vkui--size_check_border_radius", + "value": "var(--vkui--size_check_border_radius)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + "regular": { + "name": "--vkui--size_check_border_radius--regular", + "value": "var(--vkui--size_check_border_radius--regular, 4px)", }, }, - "octaviusColorSidebarItemIconActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", }, }, - "octaviusColorSidebarItemIconPrimary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "sizeChoiceMargin": { + "auto": { + "name": "--vkui--size_choice_margin", + "value": "var(--vkui--size_choice_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_choice_margin--regular", + "value": "var(--vkui--size_choice_margin--regular, 8px)", }, }, - "octaviusColorSidebarItemIconSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "sizeControlButtonWidthMin": { + "auto": { + "name": "--vkui--size_control_button_width_min", + "value": "var(--vkui--size_control_button_width_min)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "compact": { + "name": "--vkui--size_control_button_width_min--compact", + "value": "var(--vkui--size_control_button_width_min--compact, 130px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + "compactX": { + "name": "--vkui--size_control_button_width_min--compact_x", + "value": "var(--vkui--size_control_button_width_min--compact_x, 130px)", }, - }, - "octaviusColorSidebarItemText": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "regular": { + "name": "--vkui--size_control_button_width_min--regular", + "value": "var(--vkui--size_control_button_width_min--regular, 94px)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + }, + "sizeDivPadding": { + "auto": { + "name": "--vkui--size_div_padding", + "value": "var(--vkui--size_div_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + "regular": { + "name": "--vkui--size_div_padding--regular", + "value": "var(--vkui--size_div_padding--regular, 4px)", }, }, - "octaviusColorSidebarItemTextActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "sizeDotBullet": { + "auto": { + "name": "--vkui--size_dot_bullet", + "value": "var(--vkui--size_dot_bullet)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_dot_bullet--regular", + "value": "var(--vkui--size_dot_bullet--regular, 4px)", }, }, - "octaviusColorSidebarItemTextPrimary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "sizeDotClickable": { + "auto": { + "name": "--vkui--size_dot_clickable", + "value": "var(--vkui--size_dot_clickable)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + "regular": { + "name": "--vkui--size_dot_clickable--regular", + "value": "var(--vkui--size_dot_clickable--regular, 12px)", }, }, - "octaviusColorSidebarItemTextSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "sizeDotIndicate": { + "auto": { + "name": "--vkui--size_dot_indicate", + "value": "var(--vkui--size_dot_indicate)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + "regular": { + "name": "--vkui--size_dot_indicate--regular", + "value": "var(--vkui--size_dot_indicate--regular, 8px)", }, }, - "octaviusColorSidebarScrollbarAlpha": { - "active": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "sizeFieldHeight": { + "auto": { + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "compact": { + "name": "--vkui--size_field_height--compact", + "value": "var(--vkui--size_field_height--compact, 36px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "octaviusColorSidebarShortItemIcon": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "sizeFieldHorizontalMargin": { + "auto": { + "name": "--vkui--size_field_horizontal_margin", + "value": "var(--vkui--size_field_horizontal_margin)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "compact": { + "name": "--vkui--size_field_horizontal_margin--compact", + "value": "var(--vkui--size_field_horizontal_margin--compact, 16px)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + "compactX": { + "name": "--vkui--size_field_horizontal_margin--compact_x", + "value": "var(--vkui--size_field_horizontal_margin--compact_x, 16px)", }, - }, - "octaviusColorSidebarShortItemIconActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + "regular": { + "name": "--vkui--size_field_horizontal_margin--regular", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + }, + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + "regular": { + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "sizeFieldSetMargin": { + "auto": { + "name": "--vkui--size_field_set_margin", + "value": "var(--vkui--size_field_set_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + "regular": { + "name": "--vkui--size_field_set_margin--regular", + "value": "var(--vkui--size_field_set_margin--regular, 32px)", }, }, - "octaviusColorSidebarShortItemText": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text", - "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + "regular": { + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, - "octaviusColorSidebarShortItemTextActive": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", - }, - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", - }, - "hover": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - }, - "normal": { - "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", - }, - }, - "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, #2C2D31)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_background--hover", - "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", - }, - "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, #006FEF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_accent--hover", - "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, #0077FF)", - }, - }, - "octaviusColorSnackbarIconNegative": { - "active": { - "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_negative--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", - }, - "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, #0CB465)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_positive--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", - }, - "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, #90929A)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", - }, - "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, #EB9305)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_icon_warning--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", - }, - "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, #187CEF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_text_accent--hover", - "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, #1A85FF)", - }, - }, - "octaviusColorSnackbarTextContrast": { - "active": { - "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--octavius_color_snackbar_text_contrast--hover", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", - }, - "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))", - }, - }, - "octaviusColorTextFees": { - "active": { - "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - }, - "hover": { - "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - }, - "normal": { - "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", - }, - }, - "octaviusColorTextFinance": { - "active": { - "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", - }, - "hover": { - "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - }, - "normal": { - "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #27B275)", - }, - }, - "octaviusColorTextGames": { - "active": { - "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", - }, - "hover": { - "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - }, - "normal": { - "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #EBAF00)", - }, - }, - "octaviusColorTextMailings": { - "active": { - "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - }, - "hover": { - "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - }, - "normal": { - "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", - }, - }, - "octaviusColorTextNews": { - "active": { - "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", - }, - "hover": { - "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - }, - "normal": { - "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #08ABD9)", - }, - }, - "octaviusColorTextSchool": { - "active": { - "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", - }, - "hover": { - "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - }, - "normal": { - "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #C97EEC)", - }, - }, - "octaviusColorTextSocial": { - "active": { - "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - }, - "hover": { - "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - }, - "normal": { - "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #556AD9)", - }, - }, - "octaviusColorTextToMyself": { - "active": { - "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - }, - "hover": { - "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - }, - "normal": { - "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", - }, - }, - "octaviusColorThreadFooterBackground": { - "active": { - "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - }, - "hover": { - "name": "--vkui--octavius_color_thread_footer_background--hover", - "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - }, - "normal": { - "name": "--vkui--octavius_color_thread_footer_background", - "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", - }, - }, - "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--octavius_size_headline_height", - "value": "var(--vkui--octavius_size_headline_height)", - }, - "regular": { - "name": "--vkui--octavius_size_headline_height--regular", - "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", - }, - }, - "octaviusSizeLayoutWidthMax": { - "auto": { - "name": "--vkui--octavius_size_layout_width_max", - "value": "var(--vkui--octavius_size_layout_width_max)", - }, - "regular": { - "name": "--vkui--octavius_size_layout_width_max--regular", - "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", - }, - }, - "octaviusSizeLayoutWidthMin": { - "auto": { - "name": "--vkui--octavius_size_layout_width_min", - "value": "var(--vkui--octavius_size_layout_width_min)", - }, - "regular": { - "name": "--vkui--octavius_size_layout_width_min--regular", - "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", - }, - }, - "octaviusSizeSidebarPaddingTop": { + "sizeFieldWidthMin": { "auto": { - "name": "--vkui--octavius_size_sidebar_padding_top", - "value": "var(--vkui--octavius_size_sidebar_padding_top)", - }, - "regular": { - "name": "--vkui--octavius_size_sidebar_padding_top--regular", - "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", + "name": "--vkui--size_field_width_min", + "value": "var(--vkui--size_field_width_min)", }, - }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "auto": { - "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", + "compactX": { + "name": "--vkui--size_field_width_min--compact_x", + "value": "var(--vkui--size_field_width_min--compact_x, 288px)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 380px)", }, }, - "octaviusSizeSidebarWidgetsHeightMin": { + "sizeFormItemPaddingVertical": { "auto": { - "name": "--vkui--octavius_size_sidebar_widgets_height_min", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", }, "regular": { - "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", - "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", - }, - }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", - }, - "hover": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - }, - "normal": { - "name": "--vkui--octavius_text_decoration_empty_state_text_link", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "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)", + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", }, - "sizeArrow": { + "sizeHeaderIcon": { "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", }, "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "sizeArrowHeight": { + "sizeIconMargin": { "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "name": "--vkui--size_icon_margin", + "value": "var(--vkui--size_icon_margin)", }, "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 8px)", }, }, - "sizeArrowPadding": { + "sizeIconMorePadding": { "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "name": "--vkui--size_icon_more_padding", + "value": "var(--vkui--size_icon_more_padding)", }, "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "sizeArrowPromo": { + "sizeIconUI": { "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "compact": { + "name": "--vkui--size_icon_u_i--compact", + "value": "var(--vkui--size_icon_u_i--compact, 16px)", }, - }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "compactX": { + "name": "--vkui--size_icon_u_i--compact_x", + "value": "var(--vkui--size_icon_u_i--compact_x, 16px)", }, "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 18px)", }, }, - "sizeAttributeMargin": { + "sizeIllustrationL": { "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "sizeAvatarL": { + "sizeIllustrationM": { "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "sizeAvatarM": { + "sizeIllustrationS": { "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", }, "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "sizeAvatarS": { + "sizeIllustrationXM": { "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "sizeAvatarXL": { + "sizeIllustrationXXL": { "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "sizeAvatarXS": { + "sizeLabelHorizontalMargin": { "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "sizeBadgeL": { + "sizeLabelVerticalMargin": { "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", }, "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "sizeBadgeM": { + "sizeLabelWidth": { "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "sizeBadgeS": { + "sizeMenuMargin": { "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", }, "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "sizeBadgeXL": { + "sizeMenuPadding": { "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", }, "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, }, - "sizeBadgeXS": { + "sizeOptionHierarchy": { "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { + "sizePanelHeaderHeight": { "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, "compact": { - "name": "--vkui--size_base_margin--compact", - "value": "var(--vkui--size_base_margin--compact, 12px)", + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 8px)", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "sizeBasePadding": { + "sizePopupBasePadding": { "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)", + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", }, - }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "compactX": { + "name": "--vkui--size_popup_base_padding--compact_x", + "value": "var(--vkui--size_popup_base_padding--compact_x, 20px)", }, "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 32px)", }, }, - "sizeBasePaddingVertical": { + "sizePopupHeaderPadding": { "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)", + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", }, - }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "compactX": { + "name": "--vkui--size_popup_header_padding--compact_x", + "value": "var(--vkui--size_popup_header_padding--compact_x, 16px)", }, "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, - "sizeBorder2x": { + "sizePopupLarge": { "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "sizeBorder3x": { + "sizePopupMargin": { "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "name": "--vkui--size_popup_margin", + "value": "var(--vkui--size_popup_margin)", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "compact": { + "name": "--vkui--size_popup_margin--compact", + "value": "var(--vkui--size_popup_margin--compact, 8px)", }, - }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "compactX": { + "name": "--vkui--size_popup_margin--compact_x", + "value": "var(--vkui--size_popup_margin--compact_x, 8px)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 2px)", + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 24px)", }, }, - "sizeBorderRadiusPaper": { + "sizePopupMedium": { "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "sizeBorderRadiusPromo": { + "sizePopupSmall": { "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", }, "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "sizeBorderRadiusRounded": { + "sizeProgress": { "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", }, "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", }, }, - "sizeBorderWidthAccent": { + "sizeProgressScroll": { "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "name": "--vkui--size_progress_scroll", + "value": "var(--vkui--size_progress_scroll)", }, "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "name": "--vkui--size_progress_scroll--regular", + "value": "var(--vkui--size_progress_scroll--regular, 12px)", }, }, - "sizeBorderWidthAccentSecondary": { + "sizePromoButtonClose": { "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "name": "--vkui--size_promo_button_close", + "value": "var(--vkui--size_promo_button_close)", }, "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "name": "--vkui--size_promo_button_close--regular", + "value": "var(--vkui--size_promo_button_close--regular, 32px)", }, }, - "sizeBorderWidthBar": { + "sizeSearchHeight": { "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)", + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - }, - "sizeBorderWidthTab": { - "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "sizeBulletMargin": { + "sizeSelectIconPadding": { "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 7px)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { + "sizeSliceBottomPadding": { "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "name": "--vkui--size_slice_bottom_padding", + "value": "var(--vkui--size_slice_bottom_padding)", }, "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "name": "--vkui--size_slice_bottom_padding--regular", + "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { + "sizeSliceTopPadding": { "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "name": "--vkui--size_slice_top_padding", + "value": "var(--vkui--size_slice_top_padding)", }, "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "name": "--vkui--size_slice_top_padding--regular", + "value": "var(--vkui--size_slice_top_padding--regular, 40px)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { + "sizeSplitColPaddingHorizontal": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { + "sizeSubnavigationBarGap": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { + "sizeSubnavigationBarPaddingVertical": { "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { + "sizeSwitchHeight": { "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)", + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", }, - }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "sizeButtonGroupGapSmall": { + "sizeSwitchPin": { "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)", + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", }, - }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "sizeButtonIconPadding": { + "sizeSwitchWidth": { "auto": { - "name": "--vkui--size_button_icon_padding", - "value": "var(--vkui--size_button_icon_padding)", + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", }, "compact": { - "name": "--vkui--size_button_icon_padding--compact", - "value": "var(--vkui--size_button_icon_padding--compact, 20px)", + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, "regular": { - "name": "--vkui--size_button_icon_padding--regular", - "value": "var(--vkui--size_button_icon_padding--regular, 16px)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "sizeButtonLargeHeight": { + "sizeTabMargin": { "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "name": "--vkui--size_tab_margin", + "value": "var(--vkui--size_tab_margin)", }, "compact": { - "name": "--vkui--size_button_large_height--compact", - "value": "var(--vkui--size_button_large_height--compact, 36px)", + "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_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "name": "--vkui--size_tab_margin--regular", + "value": "var(--vkui--size_tab_margin--regular, 8px)", }, }, - "sizeButtonMediumHeight": { + "sizeTabPadding": { "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "name": "--vkui--size_tab_padding", + "value": "var(--vkui--size_tab_padding)", }, "compact": { - "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 48px)", - }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 32px)", + "name": "--vkui--size_tab_padding--compact", + "value": "var(--vkui--size_tab_padding--compact, 0px)", }, - }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "compactX": { + "name": "--vkui--size_tab_padding--compact_x", + "value": "var(--vkui--size_tab_padding--compact_x, 0px)", }, "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "name": "--vkui--size_tab_padding--regular", + "value": "var(--vkui--size_tab_padding--regular, 16px)", }, }, - "sizeButtonMorePadding": { + "sizeTableHorizontalPadding": { "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "name": "--vkui--size_table_horizontal_padding", + "value": "var(--vkui--size_table_horizontal_padding)", }, "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "name": "--vkui--size_table_horizontal_padding--regular", + "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, }, - "sizeButtonPaddingHorizontal": { + "sizeTableVerticalPadding": { "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, 20px)", + "name": "--vkui--size_table_vertical_padding", + "value": "var(--vkui--size_table_vertical_padding)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 16px)", + "name": "--vkui--size_table_vertical_padding--regular", + "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, }, - "sizeButtonSliderHeight": { + "sizeTagMargin": { "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "name": "--vkui--size_tag_margin", + "value": "var(--vkui--size_tag_margin)", }, "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "name": "--vkui--size_tag_margin--regular", + "value": "var(--vkui--size_tag_margin--regular, 8px)", }, }, - "sizeButtonSliderWidth": { + "sizeTagPadding": { "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", + "name": "--vkui--size_tag_padding", + "value": "var(--vkui--size_tag_padding)", }, "regular": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", + "name": "--vkui--size_tag_padding--regular", + "value": "var(--vkui--size_tag_padding--regular, 8px)", }, }, - "sizeButtonSliderWidthPointer": { + "sizeTipMargin": { "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", + "name": "--vkui--size_tip_margin", + "value": "var(--vkui--size_tip_margin)", }, "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "name": "--vkui--size_tip_margin--regular", + "value": "var(--vkui--size_tip_margin--regular, 4px)", }, }, - "sizeButtonSmallHeight": { + "sizeTooltipMargin": { "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 32px)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { + "sizeVerticalPadding": { "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "name": "--vkui--size_vertical_padding", + "value": "var(--vkui--size_vertical_padding)", }, "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "name": "--vkui--size_vertical_padding--regular", + "value": "var(--vkui--size_vertical_padding--regular, 0px)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "sizeWysiwygIcon": { "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "name": "--vkui--size_wysiwyg_icon", + "value": "var(--vkui--size_wysiwyg_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, 130px)", - }, - "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 104px)", - }, - }, - "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, 48px)", - }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 32px)", - }, - }, - "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, 16px)", - }, - }, - "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)", - }, - "compact": { - "name": "--vkui--size_field_vertical_margin--compact", - "value": "var(--vkui--size_field_vertical_margin--compact, 24px)", - }, - "regular": { - "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 20px)", - }, - }, - "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)", - }, - "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, 12px)", - }, - "regular": { - "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 8px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_m--regular", - "value": "var(--vkui--size_illustration_m--regular, 96px)", - }, - }, - "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)", - }, - "regular": { - "name": "--vkui--size_illustration_x_x_l--regular", - "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", - }, - }, - "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)", - }, - }, - "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)", + "name": "--vkui--size_wysiwyg_icon--regular", + "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, }, "spacingSize2Xl": { @@ -162633,11 +154025,11 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusCompact)", + "value": "var(--vkui--theme_name, mycom)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, octavius)", + "value": "var(--vkui--theme_name_base, mycom)", }, "themeType": "cssVars", "toneValueActive": { @@ -162672,21 +154064,45 @@ exports[`shapshots octaviusCompact 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", @@ -162755,7 +154171,7 @@ exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots mycom theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -162763,9 +154179,17 @@ exports[`shapshots octaviusCompact 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", @@ -162852,11 +154276,6 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#0073F7", "normal": "#0077ff", }, - "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", - "normal": "#c1341b", - }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", "hover": "rgba(145, 147, 153, 0.52)", @@ -162873,9 +154292,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -163037,16 +154456,6 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, - "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", - }, - "colorBackgroundThumbnailAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", @@ -163113,9 +154522,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -163222,111 +154631,106 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "rgba(44, 45, 46, 0.54)", "normal": "rgba(44, 45, 46, 0.5)", }, - "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", - "normal": "#2951ff", - }, - "colorPaletteBlue1Alpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", - }, - "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", - "normal": "#26dfdf", - }, - "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", - "normal": "#aee113", - }, - "colorPaletteGreen1Alpha": { - "active": "rgba(92, 186, 56, 0.2)", - "hover": "rgba(92, 186, 56, 0.16)", - "normal": "rgba(92, 186, 56, 0.12)", + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", - "normal": "#59c354", + "colorPrimaryAuto": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteGreen2Alpha": { - "active": "rgba(0, 230, 180, 0.16)", - "hover": "rgba(0, 230, 180, 0.12)", - "normal": "rgba(0, 230, 180, 0.08)", + "colorPrimaryBase": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", - "normal": "#37eb94", + "colorPrimaryDeti": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", - "normal": "#00b1b3", + "colorPrimaryDobro": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, - "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", - "normal": "#ff8b2e", + "colorPrimaryHealth": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteOrange1Alpha": { - "active": "rgba(255, 158, 0, 0.2)", - "hover": "rgba(255, 158, 0, 0.16)", - "normal": "rgba(255, 158, 0, 0.12)", + "colorPrimaryHealthNew": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "colorPrimaryHitech": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", - "normal": "#eb1981", + "colorPrimaryKino": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", - "normal": "#ff71bb", + "colorPrimaryLady": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", - "normal": "#6c00ff", + "colorPrimaryMycom": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, - "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", - "normal": "#ae73ff", + "colorPrimaryPets": { + "active": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", }, - "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", - "normal": "#ffc311", + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, - "colorPanelHeaderIcon": { + "colorPrimaryRealty": { "active": "#006FEF", "hover": "#0073F7", - "normal": "#0077ff", + "normal": "#0077FF", }, "colorRating": { "active": "#EBC405", "hover": "#F5CC02", "normal": "#ffd400", }, + "colorSale": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, "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", @@ -163403,9 +154807,9 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -163432,60 +154836,10 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "hover": "#939CA9", "normal": "#99A2AD", }, - "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", - "normal": "#B3F0DD", - }, - "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", - "normal": "#FFD2A8", - }, - "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", - "normal": "#FFB2DA", - }, - "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", - "normal": "#CEB3F0", - }, - "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", - "normal": "#A4DEFF", - }, - "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", - "normal": "#205B5B", - }, - "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", - "normal": "#5B3620", - }, - "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", - "normal": "#51205B", - }, - "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", - "normal": "#38205B", - }, - "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", - "normal": "#203F5B", - }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -163656,11 +155010,11 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "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)", + "elevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", "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": "Proxima Nova, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -163668,7 +155022,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", @@ -163678,7 +155032,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -163686,7 +155040,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", @@ -163696,7 +155050,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -163704,7 +155058,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", @@ -163714,7 +155068,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "23px", "fontWeight": 500, "lineHeight": "28px", @@ -163722,13 +155076,13 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "22px", "fontWeight": 500, "lineHeight": "22px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "21px", "fontWeight": 500, "lineHeight": "26px", @@ -163736,7 +155090,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "19px", "fontWeight": 500, "lineHeight": "24px", @@ -163744,18 +155098,20 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, 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", + "fontFamily": "Proxima Nova, 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": "Proxima Nova, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -163763,7 +155119,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", @@ -163777,7 +155133,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, "lineHeight": "32px", @@ -163785,35 +155141,55 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontH1": { "compact": { - "fontSize": "32px", + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "36px", "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": "48px", }, }, "fontH2": { "compact": { - "fontSize": "28px", + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "34px", + }, + }, + "fontH3": { + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", }, }, + "fontH4": { + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "22px", + }, + }, "fontHeadline": { "compact": { "fontSize": "15px", "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -163825,7 +155201,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -163837,7 +155213,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -163845,7 +155221,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", @@ -163857,7 +155233,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -163869,15 +155245,15 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "lineHeight": "20px", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -163885,7 +155261,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -163893,7 +155269,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -163905,969 +155281,602 @@ exports[`shapshots octaviusCompact 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%", - "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "gridAsideContent": { + "compact": "300px", + "compactX": "300px", + "large": "380px", + "regular": "100%", }, - "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "gridColumnX2": { + "compact": "430px", + "compactX": "280px", + "large": "580px", + "regular": "100%", }, - "octaviusColorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "gridColumnX3": { + "compact": "280px", + "compactX": "180px", + "large": "380px", + "regular": "100%", }, - "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "gridColumnX4": { + "compact": "205px", + "compactX": "130px", + "large": "280px", + "regular": "100%", }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "gridColumnX6": { + "compact": "130px", + "compactX": "80px", + "large": "180px", + "regular": "100%", }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "gridMainContent": { + "compact": "620px", + "compactX": "620px", + "large": "780px", + "regular": "100%", }, - "octaviusColorButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "gridMainContentWide": { + "compact": "620px", + "compactX": "620px", + "large": "860px", + "regular": "100%", }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "gridWrapperContent": { + "compact": "940px", + "compactX": "620px", + "large": "1260px", + "regular": "100%", }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "mediaFontMediaCaption": { + "compact": { + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "26px", + }, + "regular": { + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "22px", + }, }, - "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": "15px", + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": "20px", + }, + "regular": { + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": "16px", + }, }, - "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "mediaFontMediaLead": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "26px", + }, }, - "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "mediaFontMediaParagraph": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, }, - "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "mediaFontMediaParagraphNumbering": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "18px", + "fontStyle": "italic", + "fontWeight": 700, + "letterSpacing": "0.003em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "16px", + "fontStyle": "italic", + "fontWeight": 700, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, }, - "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "24px", + }, }, - "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "mediaFontMediaQuote": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "26px", + }, }, - "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "mediaFontMediaQuotePerson": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "letterSpacing": "-0.005em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "18px", + "fontWeight": 600, + "letterSpacing": "-0.005em", + "lineHeight": "24px", + }, }, - "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 400, + "lineHeight": "26px", + }, }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "transparent", + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, }, - "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "mediaFontMediaTitle1": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "48px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "56px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "30px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, }, - "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "mediaFontMediaTitle1Tiny": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "40px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "48px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "30px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, }, - "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "mediaFontMediaTitle2": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "36px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "44px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "34px", + }, }, - "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", + "mediaFontMediaTitle2Tiny": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "40px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "26px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "32px", + }, }, - "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", + "mediaFontMediaTitle3": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "40px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "26px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "32px", + }, }, - "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "mediaFontMediaTitle4": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "36px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "30px", + }, }, - "octaviusColorHeaderProgress": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "mediaFontMediaTitle5": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "32px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "28px", + }, }, - "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "mediaFontMediaTitle6": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "28px", + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "26px", + }, }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "mediaSizeGap": "20px", + "mediaSizeGrid": "60px", + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": "8px", }, - "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", + "sizeArrowHeight": { + "regular": "8px", }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeArrowPadding": { + "regular": "12px", }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeArrowPromo": { + "regular": "40px", }, - "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", - "normal": "#b6b8be", + "sizeArrowWidth": { + "regular": "12px", }, - "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeAttributeMargin": { + "regular": "4px", }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "sizeAvatarL": { + "regular": "96px", }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "sizeAvatarM": { + "regular": "48px", }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeAvatarS": { + "regular": "32px", }, - "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", - "normal": "#93969b", + "sizeAvatarXL": { + "regular": "128px", }, - "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "sizeAvatarXS": { + "regular": "24px", }, - "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "sizeBadgeL": { + "regular": "44px", }, - "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "sizeBadgeM": { + "regular": "24px", }, - "octaviusColorIconFees": { - "active": "#EB5B5F", - "hover": "#F55F61", - "normal": "#FF6262", + "sizeBadgeS": { + "regular": "16px", }, - "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2FC885", + "sizeBadgeXL": { + "regular": "56px", }, - "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "sizeBadgeXS": { + "regular": "12px", }, - "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", - "normal": "#FFA447", + "sizeBase": "4px", + "sizeBaseMargin": { + "regular": "12px", }, - "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "sizeBasePadding": { + "compactX": "16px", + "regular": "20px", }, - "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", - "normal": "#EC4750", + "sizeBasePaddingHorizontal": { + "regular": "16px", }, - "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "sizeBasePaddingVertical": { + "regular": "12px", }, - "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "sizeBorder1x": { + "regular": "1px", }, - "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", - "normal": "#74BF05", + "sizeBorder2x": { + "regular": "0.5px", }, - "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "sizeBorder3x": { + "regular": "0.33px", }, - "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "sizeBorderRadius": { + "regular": "8px", }, - "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", + "sizeBorderRadiusPaper": { + "regular": "4px", }, - "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", - "normal": "#1DC7D2", + "sizeBorderRadiusPromo": { + "regular": "20px", }, - "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "sizeBorderRadiusRounded": { + "regular": "48px", }, - "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "sizeBorderWidthAccent": { + "regular": "8px", }, - "octaviusColorIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "sizeBorderWidthAccentSecondary": { + "regular": "4px", }, - "octaviusColorLayoutBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeBorderWidthBar": { + "regular": "4px", }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeBorderWidthTab": { + "regular": "2px", }, - "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", - "normal": "transparent", + "sizeBulletMargin": { + "regular": "12px", }, - "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", }, - "octaviusColorListBackgroundPositiveAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", }, - "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", }, - "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", + "sizeButtonGroupGapMedium": { + "regular": "12px", }, - "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", + "sizeButtonGroupGapSmall": { + "regular": "8px", }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeButtonGroupGapSpace": { + "regular": "1px", }, - "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonIconPadding": { + "regular": "20px", }, - "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", }, - "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", }, - "octaviusColorOverlayBackground": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "sizeButtonMinimumWidth": { + "regular": "80px", }, - "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonMorePadding": { + "regular": "8px", }, - "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonPaddingHorizontal": { + "regular": "20px", }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "sizeButtonSliderHeight": { + "regular": "24px", }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "sizeButtonSliderWidth": { + "regular": "12px", }, - "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", + "sizeButtonSliderWidthPointer": { + "regular": "16px", }, - "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", }, - "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", }, - "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", }, - "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", }, - "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeCardBorderRadius": { + "regular": "16px", }, - "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "sizeCardgridPadding": { + "regular": "12px", }, - "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "sizeCardgridPaddingVertical": { + "regular": "8px", }, - "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "sizeCheckBorderRadius": { + "regular": "4px", }, - "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "sizeCheckbox": { + "regular": "16px", }, - "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "sizeChoiceMargin": { + "regular": "8px", }, - "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "sizeControlButtonWidthMin": { + "compact": "130px", + "compactX": "130px", + "regular": "94px", }, - "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "sizeDivPadding": { + "regular": "4px", }, - "octaviusColorSidebarIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "sizeDotBullet": { + "regular": "4px", }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "sizeDotClickable": { + "regular": "12px", }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "sizeDotIndicate": { + "regular": "8px", }, - "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", }, - "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeFieldHorizontalMargin": { + "compact": "16px", + "compactX": "16px", + "regular": "20px", }, - "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "sizeFieldSetMargin": { + "regular": "32px", }, - "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "sizeFieldVerticalMargin": { + "regular": "24px", }, - "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeFieldWidthMin": { + "compactX": "288px", + "regular": "380px", }, - "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeFormItemPaddingVertical": { + "regular": "12px", }, - "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "sizeIconMargin": { + "regular": "8px", }, - "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "sizeIconMorePadding": { + "regular": "12px", }, - "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeIconUI": { + "compact": "16px", + "compactX": "16px", + "regular": "18px", }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "sizeIllustrationL": { + "regular": "144px", }, - "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "sizeIllustrationM": { + "regular": "96px", }, - "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeIllustrationS": { + "regular": "48px", }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "sizeIllustrationXM": { + "regular": "72px", }, - "octaviusColorSidebarWidgetBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "rgba(255, 255, 255, 0.16)", + "sizeIllustrationXXL": { + "regular": "228px", }, - "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "sizeLabelHorizontalMargin": { + "regular": "16px", }, - "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "sizeLabelVerticalMargin": { + "regular": "4px", }, - "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#FF5C5C", + "sizeLabelWidth": { + "regular": "184px", }, - "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", - "normal": "#9C9DA2", - }, - "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", - "normal": "#1A85FF", - }, - "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSnackbarTransparent": { - "active": "rgba(255, 255, 255, 0.04)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", - }, - "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", - }, - "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", - }, - "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", - }, - "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", - }, - "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", - }, - "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", - }, - "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", - }, - "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", - }, - "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", - }, - "octaviusSizeLayoutWidthMax": { - "regular": "2150px", - }, - "octaviusSizeLayoutWidthMin": { - "regular": "761px", - }, - "octaviusSizeSidebarPaddingTop": { - "regular": "12px", - }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "regular": "104px", - }, - "octaviusSizeSidebarWidgetsHeightMin": { - "regular": "64px", - }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", - }, - "octaviusTextShadowEmptyStateText": "none", - "octaviusTextShadowSidebarItemText": "none", - "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": { - "compact": "12px", - "regular": "8px", - }, - "sizeBasePadding": { - "compact": "20px", - "regular": "16px", - }, - "sizeBasePaddingHorizontal": { - "regular": "16px", - }, - "sizeBasePaddingVertical": { - "regular": "12px", - }, - "sizeBorder1x": { - "regular": "1px", - }, - "sizeBorder2x": { - "regular": "0.5px", - }, - "sizeBorder3x": { - "regular": "0.33px", - }, - "sizeBorderRadius": { - "regular": "2px", - }, - "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": "48px", - "regular": "32px", - }, - "sizeButtonMinimumWidth": { - "regular": "80px", - }, - "sizeButtonMorePadding": { - "regular": "8px", - }, - "sizeButtonPaddingHorizontal": { - "compact": "20px", - "regular": "16px", - }, - "sizeButtonSliderHeight": { - "regular": "24px", - }, - "sizeButtonSliderWidth": { - "regular": "12px", - }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", - }, - "sizeButtonSmallHeight": { - "regular": "32px", - }, - "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", - }, - "sizeControlButtonWidthMin": { - "compact": "130px", - "regular": "104px", - }, - "sizeDivPadding": { - "regular": "4px", - }, - "sizeDotBullet": { - "regular": "4px", - }, - "sizeDotClickable": { - "regular": "12px", - }, - "sizeDotIndicate": { - "regular": "8px", - }, - "sizeFieldHeight": { - "compact": "48px", - "regular": "32px", - }, - "sizeFieldHorizontalMargin": { - "regular": "16px", - }, - "sizeFieldHorizontalPadding": { - "regular": "12px", - }, - "sizeFieldSetMargin": { - "regular": "32px", - }, - "sizeFieldVerticalMargin": { - "compact": "24px", - "regular": "20px", - }, - "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", - }, - "sizeFormItemPaddingVertical": { - "regular": "12px", - }, - "sizeGrid": "20px", - "sizeHeaderIcon": { - "regular": "20px", - }, - "sizeIconMargin": { - "compact": "12px", - "regular": "8px", - }, - "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", + "sizeMenuMargin": { + "regular": "2px", }, "sizeMenuPadding": { "regular": "8px", @@ -164880,19 +155889,20 @@ exports[`shapshots octaviusCompact 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", @@ -164914,7 +155924,6 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -164945,9 +155954,13 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "regular": "34px", }, "sizeTabMargin": { + "compact": "32px", + "compactX": "32px", "regular": "8px", }, "sizeTabPadding": { + "compact": "0px", + "compactX": "0px", "regular": "16px", }, "sizeTableHorizontalPadding": { @@ -164984,8 +155997,8 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusCompact", - "themeNameBase": "octavius", + "themeName": "mycom", + "themeNameBase": "mycom", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -164995,10 +156008,16 @@ exports[`shapshots octaviusCompact 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", @@ -165018,7 +156037,7 @@ exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1` } `; -exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots mycom theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -165026,9 +156045,17 @@ exports[`shapshots octaviusCompact 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.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", @@ -165115,11 +156142,6 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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)", - "hover": "var(--vkui--color_alert--hover, #B9331C)", - "normal": "var(--vkui--color_alert, #c1341b)", - }, "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))", @@ -165136,9 +156158,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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "active": "var(--vkui--color_background_accent--active, #009FE4)", + "hover": "var(--vkui--color_background_accent--hover, #00A5EB)", + "normal": "var(--vkui--color_background_accent, #00abf2)", }, "colorBackgroundAccentAlternative": { "active": "var(--vkui--color_background_accent_alternative--active, #EB9305)", @@ -165300,16 +156322,6 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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))", }, - "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", - "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", - }, - "colorBackgroundThumbnailAlpha": { - "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", - }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #EBDFA4)", "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", @@ -165376,9 +156388,9 @@ 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, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "active": "var(--vkui--color_icon_accent--active, #009FE4)", + "hover": "var(--vkui--color_icon_accent--hover, #00A5EB)", + "normal": "var(--vkui--color_icon_accent, #00abf2)", }, "colorIconAccentThemed": { "active": "var(--vkui--color_icon_accent_themed--active, #006FEF)", @@ -165485,111 +156497,106 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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))", }, - "colorPaletteBlue1": { - "active": "var(--vkui--color_palette_blue1--active, #264CEF)", - "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", - "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, #009FE4)", - "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", - "normal": "var(--vkui--color_palette_blue2, #00abf2)", - }, - "colorPaletteBlue3": { - "active": "var(--vkui--color_palette_blue3--active, #23CED2)", - "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", - "normal": "var(--vkui--color_palette_blue3, #26dfdf)", - }, - "colorPaletteGreen1": { - "active": "var(--vkui--color_palette_green1--active, #A0D016)", - "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", - "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))", + "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)", }, - "colorPaletteGreen2": { - "active": "var(--vkui--color_palette_green2--active, #52B552)", - "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", - "normal": "var(--vkui--color_palette_green2, #59c354)", + "colorPrimaryAuto": { + "active": "var(--vkui--color_primary_auto--active, #006FEF)", + "hover": "var(--vkui--color_primary_auto--hover, #0073F7)", + "normal": "var(--vkui--color_primary_auto, #0077FF)", }, - "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))", + "colorPrimaryBase": { + "active": "var(--vkui--color_primary_base--active, #006FEF)", + "hover": "var(--vkui--color_primary_base--hover, #0073F7)", + "normal": "var(--vkui--color_primary_base, #0077FF)", }, - "colorPaletteGreen3": { - "active": "var(--vkui--color_palette_green3--active, #33D98D)", - "hover": "var(--vkui--color_palette_green3--hover, #35E291)", - "normal": "var(--vkui--color_palette_green3, #37eb94)", + "colorPrimaryDeti": { + "active": "var(--vkui--color_primary_deti--active, #006FEF)", + "hover": "var(--vkui--color_primary_deti--hover, #0073F7)", + "normal": "var(--vkui--color_primary_deti, #0077FF)", }, - "colorPaletteGreen4": { - "active": "var(--vkui--color_palette_green4--active, #00A4AA)", - "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", - "normal": "var(--vkui--color_palette_green4, #00b1b3)", + "colorPrimaryDobro": { + "active": "var(--vkui--color_primary_dobro--active, #EBC405)", + "hover": "var(--vkui--color_primary_dobro--hover, #F5CC02)", + "normal": "var(--vkui--color_primary_dobro, #ffd400)", }, - "colorPaletteOrange1": { - "active": "var(--vkui--color_palette_orange1--active, #EB812F)", - "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", - "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", + "colorPrimaryHealth": { + "active": "var(--vkui--color_primary_health--active, #006FEF)", + "hover": "var(--vkui--color_primary_health--hover, #0073F7)", + "normal": "var(--vkui--color_primary_health, #0077FF)", }, - "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))", + "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)", }, - "colorPaletteRed1": { - "active": "var(--vkui--color_palette_red1--active, #E82A38)", - "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", - "normal": "var(--vkui--color_palette_red1, #fc2c38)", + "colorPrimaryHitech": { + "active": "var(--vkui--color_primary_hitech--active, #006FEF)", + "hover": "var(--vkui--color_primary_hitech--hover, #0073F7)", + "normal": "var(--vkui--color_primary_hitech, #0077FF)", }, - "colorPaletteRed2": { - "active": "var(--vkui--color_palette_red2--active, #D8187C)", - "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", - "normal": "var(--vkui--color_palette_red2, #eb1981)", + "colorPrimaryKino": { + "active": "var(--vkui--color_primary_kino--active, #006FEF)", + "hover": "var(--vkui--color_primary_kino--hover, #0073F7)", + "normal": "var(--vkui--color_primary_kino, #0077FF)", }, - "colorPaletteRed3": { - "active": "var(--vkui--color_palette_red3--active, #EB69B1)", - "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", - "normal": "var(--vkui--color_palette_red3, #ff71bb)", + "colorPrimaryLady": { + "active": "var(--vkui--color_primary_lady--active, #006FEF)", + "hover": "var(--vkui--color_primary_lady--hover, #0073F7)", + "normal": "var(--vkui--color_primary_lady, #0077FF)", }, - "colorPaletteViolet1": { - "active": "var(--vkui--color_palette_violet1--active, #6301EF)", - "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", - "normal": "var(--vkui--color_palette_violet1, #6c00ff)", + "colorPrimaryMycom": { + "active": "var(--vkui--color_primary_mycom--active, #009FE4)", + "hover": "var(--vkui--color_primary_mycom--hover, #00A5EB)", + "normal": "var(--vkui--color_primary_mycom, #00abf2)", }, - "colorPaletteViolet2": { - "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", - "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", - "normal": "var(--vkui--color_palette_violet2, #ae73ff)", + "colorPrimaryPets": { + "active": "var(--vkui--color_primary_pets--active, #fc627e)", + "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "normal": "var(--vkui--color_primary_pets, #fc738c)", }, - "colorPaletteYellow1": { - "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", - "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", - "normal": "var(--vkui--color_palette_yellow1, #ffc311)", + "colorPrimaryPharma": { + "active": "var(--vkui--color_primary_pharma--active, #1BC39A)", + "hover": "var(--vkui--color_primary_pharma--hover, #1CCB9E)", + "normal": "var(--vkui--color_primary_pharma, #1DD3A2)", }, - "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)", + "colorPrimaryRealty": { + "active": "var(--vkui--color_primary_realty--active, #006FEF)", + "hover": "var(--vkui--color_primary_realty--hover, #0073F7)", + "normal": "var(--vkui--color_primary_realty, #0077FF)", }, "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, #E82A38)", + "hover": "var(--vkui--color_sale--hover, #F22B38)", + "normal": "var(--vkui--color_sale, #fc2c38)", + }, "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)", @@ -165666,9 +156673,9 @@ 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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077ff)", + "active": "var(--vkui--color_stroke_accent--active, #009FE4)", + "hover": "var(--vkui--color_stroke_accent--hover, #00A5EB)", + "normal": "var(--vkui--color_stroke_accent, #00abf2)", }, "colorStrokeAccentThemed": { "active": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", @@ -165695,60 +156702,10 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "hover": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, - "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", - "normal": "var(--vkui--color_tag_background_mint, #B3F0DD)", - }, - "colorTagBackgroundOrange": { - "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", - "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", - "normal": "var(--vkui--color_tag_background_orange, #FFD2A8)", - }, - "colorTagBackgroundPink": { - "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", - "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", - "normal": "var(--vkui--color_tag_background_pink, #FFB2DA)", - }, - "colorTagBackgroundPurple": { - "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", - "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", - "normal": "var(--vkui--color_tag_background_purple, #CEB3F0)", - }, - "colorTagBackgroundSky": { - "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", - "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", - "normal": "var(--vkui--color_tag_background_sky, #A4DEFF)", - }, - "colorTagTextMint": { - "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", - "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", - "normal": "var(--vkui--color_tag_text_mint, #205B5B)", - }, - "colorTagTextOrange": { - "active": "var(--vkui--color_tag_text_orange--active, #543322)", - "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", - "normal": "var(--vkui--color_tag_text_orange, #5B3620)", - }, - "colorTagTextPink": { - "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", - "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", - "normal": "var(--vkui--color_tag_text_pink, #51205B)", - }, - "colorTagTextPurple": { - "active": "var(--vkui--color_tag_text_purple--active, #341F59)", - "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", - "normal": "var(--vkui--color_tag_text_purple, #38205B)", - }, - "colorTagTextSky": { - "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", - "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", - "normal": "var(--vkui--color_tag_text_sky, #203F5B)", - }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "active": "var(--vkui--color_text_accent--active, #009FE4)", + "hover": "var(--vkui--color_text_accent--hover, #00A5EB)", + "normal": "var(--vkui--color_text_accent, #00abf2)", }, "colorTextAccentThemed": { "active": "var(--vkui--color_text_accent_themed--active, #0068E2)", @@ -165919,11 +156876,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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))", + "elevation3": "var(--vkui--elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", "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, Proxima Nova, 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)", @@ -165931,7 +156888,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Proxima Nova, 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)", @@ -165941,7 +156898,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontCaption2": { "regular": { - "fontFamily": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, Proxima Nova, 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)", @@ -165949,7 +156906,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Proxima Nova, 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)", @@ -165959,7 +156916,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontCaption3": { "regular": { - "fontFamily": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, Proxima Nova, 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)", @@ -165967,7 +156924,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Proxima Nova, 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)", @@ -165977,7 +156934,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "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, Proxima Nova, 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)", @@ -165985,13 +156942,13 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "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, Proxima Nova, 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)", + "fontFamily": "var(--vkui--font_display_title2--font_family--regular, Proxima Nova, 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)", @@ -165999,7 +156956,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "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, Proxima Nova, 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)", @@ -166007,18 +156964,20 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "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, Proxima Nova, 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)", + "fontFamily": "var(--vkui--font_family, Proxima Nova, 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, Proxima Nova, 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)", @@ -166026,7 +156985,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Proxima Nova, 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)", @@ -166040,7 +156999,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h0--font_family--regular, Proxima Nova, 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)", @@ -166048,26 +157007,46 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontH1": { "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "fontFamily": "var(--vkui--font_h1--font_family--compact, Proxima Nova, 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, Proxima Nova, 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, Proxima Nova, 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, Proxima Nova, 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, Proxima Nova, 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, Proxima Nova, 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": { @@ -166076,7 +157055,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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, Proxima Nova, 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)", @@ -166088,7 +157067,7 @@ exports[`shapshots octaviusCompact 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, Proxima Nova, 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)", @@ -166100,7 +157079,7 @@ exports[`shapshots octaviusCompact 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_headline2--font_family--regular, Proxima Nova, 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)", @@ -166108,7 +157087,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontParagraph": { "regular": { - "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_paragraph--font_family--regular, Proxima Nova, 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)", @@ -166120,7 +157099,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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, Proxima Nova, 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)", @@ -166132,15 +157111,15 @@ exports[`shapshots octaviusCompact 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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 13px)", + "fontFamily": "var(--vkui--font_text--font_family--regular, Proxima Nova, 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)", + "fontFamily": "var(--vkui--font_title1--font_family--regular, Proxima Nova, 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)", @@ -166148,7 +157127,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title2--font_family--regular, Proxima Nova, 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)", @@ -166156,7 +157135,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_title3--font_family--regular, Proxima Nova, 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)", @@ -166168,690 +157147,323 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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%)", - "octaviusColorActionArchive": { - "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", - "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", - }, - "octaviusColorBackground": { - "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))", - "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))", + "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, 380px)", + "regular": "var(--vkui--grid_aside_content--regular, 100%)", }, - "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))", + "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%)", }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", - "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", - "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "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%)", }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 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%)", }, - "octaviusColorButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", + "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%)", }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "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%)", }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "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%)", }, - "octaviusColorButtonEmptyStateText": { - "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "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%)", }, - "octaviusColorButtonIcon": { - "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_icon, #333333)", + "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)", + }, }, - "octaviusColorButtonText": { - "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_text, #333333)", + "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)", + }, }, - "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "mediaFontMediaLead": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_lead--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusColorDatasetBackground": { - "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "mediaFontMediaParagraph": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_paragraph--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", + "mediaFontMediaParagraphNumbering": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_paragraph_numbering--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusColorEmptyStateTextLink": { - "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", - "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", - "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + "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)", + }, }, - "octaviusColorHeaderBackground": { - "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)", + "mediaFontMediaQuote": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_quote--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "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)", + "mediaFontMediaQuotePerson": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_quote_person--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusColorHeaderButtonText": { - "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)", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "var(--vkui--media_font_media_subtitle_light--font_family--regular, Proxima Nova, 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)", + }, }, - "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))", + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "var(--vkui--media_font_media_text_secondary_light--font_family--regular, Proxima Nova, 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)", + }, }, - "octaviusColorHeaderIcon": { - "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)", - "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, #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, #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, #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, #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, #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, 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)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", - }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", - "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", - }, - "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", - }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", - }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", - "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, #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)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", - }, - "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", - }, - "octaviusColorIconEventAlpha": { - "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", - "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", - }, - "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", - }, - "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", - "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", - }, - "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", - }, - "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", - "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", - }, - "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", - "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", - }, - "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", - "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", - }, - "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", - "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", - }, - "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", - }, - "octaviusColorIconOrderAlpha": { - "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", - }, - "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", - "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", - }, - "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", - }, - "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", - }, - "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", - "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", - }, - "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", - "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", - }, - "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", - }, - "octaviusColorIconTravelAlpha": { - "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", - "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", - }, - "octaviusColorIconUnread": { - "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))", - "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", - "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", - }, - "octaviusColorLetterListTextUnread": { - "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", - }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", - "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", - }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", - "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", - }, - "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))", - }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", - "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", - }, - "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", - }, - "octaviusColorListLetterAdvBackground": { - "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", - "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", - }, - "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", - "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", - }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", - }, - "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", - }, - "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", - }, - "octaviusColorNotificationBorder": { - "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", - }, - "octaviusColorOverlayBackground": { - "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_overlay_background, transparent)", - }, - "octaviusColorPlaceholderBackground": { - "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", - }, - "octaviusColorPortalMenuBackground": { - "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", - }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", - "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", - }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", - "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", - }, - "octaviusColorPromoBackground": { - "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", - "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", - }, - "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", - }, - "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", - }, - "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", - }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", - }, - "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", - }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", - }, - "octaviusColorSidebarCounterText": { - "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", - }, - "octaviusColorSidebarIconEvent": { - "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", - }, - "octaviusColorSidebarIconFavorite": { - "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", - }, - "octaviusColorSidebarIconFees": { - "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", - }, - "octaviusColorSidebarIconFinance": { - "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", - }, - "octaviusColorSidebarIconOrder": { - "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", - }, - "octaviusColorSidebarIconRegistration": { - "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", - }, - "octaviusColorSidebarIconTravel": { - "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", - }, - "octaviusColorSidebarIconUnread": { - "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))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", - }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", - }, - "octaviusColorSidebarItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", - }, - "octaviusColorSidebarItemIconActive": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", - }, - "octaviusColorSidebarItemIconPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", - }, - "octaviusColorSidebarItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", - }, - "octaviusColorSidebarItemText": { - "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", - }, - "octaviusColorSidebarItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", - }, - "octaviusColorSidebarItemTextPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", - }, - "octaviusColorSidebarItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", - }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", - }, - "octaviusColorSidebarShortItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", - }, - "octaviusColorSidebarShortItemIconActive": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", - }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", - }, - "octaviusColorSidebarShortItemText": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", - }, - "octaviusColorSidebarShortItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", - }, - "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, #2C2D31)", - "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", - "normal": "var(--vkui--octavius_color_snackbar_background, #303030)", - }, - "octaviusColorSnackbarIconAccent": { - "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)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", - "normal": "var(--vkui--octavius_color_snackbar_icon_negative, #FF5C5C)", - }, - "octaviusColorSnackbarIconPositive": { - "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", - "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--octavius_color_snackbar_icon_positive, #0DC268)", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", - "normal": "var(--vkui--octavius_color_snackbar_icon_secondary, #9C9DA2)", - }, - "octaviusColorSnackbarIconWarning": { - "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", - "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", - "normal": "var(--vkui--octavius_color_snackbar_icon_warning, #FF9E00)", - }, - "octaviusColorSnackbarTextAccent": { - "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)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", - "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))", - }, - "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", - }, - "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - "normal": "var(--vkui--octavius_color_text_finance, #27B275)", - }, - "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", - "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", - }, - "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", - }, - "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", - "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", - }, - "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", - }, - "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - "normal": "var(--vkui--octavius_color_text_social, #556AD9)", - }, - "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", - }, - "octaviusColorThreadFooterBackground": { - "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + "mediaFontMediaTitle1": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title1--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "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)", + "mediaFontMediaTitle1Tiny": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title1_tiny--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusSizeLayoutWidthMax": { - "regular": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", + "mediaFontMediaTitle2": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title2--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusSizeLayoutWidthMin": { - "regular": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", + "mediaFontMediaTitle2Tiny": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title2_tiny--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusSizeSidebarPaddingTop": { - "regular": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", + "mediaFontMediaTitle3": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title3--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusSizeSidebarWidgetsHeightCompactMin": { - "regular": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", + "mediaFontMediaTitle4": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title4--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusSizeSidebarWidgetsHeightMin": { - "regular": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", + "mediaFontMediaTitle5": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title5--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusTextDecorationEmptyStateTextLink": { - "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", - "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + "mediaFontMediaTitle6": { + "compact": { + "fontFamily": "var(--vkui--media_font_media_title6--font_family--compact, Proxima Nova, 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, Proxima Nova, 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)", + }, }, - "octaviusTextShadowEmptyStateText": "var(--vkui--octavius_text_shadow_empty_state_text, none)", - "octaviusTextShadowSidebarItemText": "var(--vkui--octavius_text_shadow_sidebar_item_text, none)", + "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)", "sizeArrow": { @@ -166904,12 +157516,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "compact": "var(--vkui--size_base_margin--compact, 12px)", - "regular": "var(--vkui--size_base_margin--regular, 8px)", + "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)", @@ -166927,10 +157538,10 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 2px)", + "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)", @@ -166942,7 +157553,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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)", @@ -166981,16 +157592,15 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 48px)", - "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)", @@ -166999,8 +157609,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 20px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, "sizeButtonSliderHeight": { "regular": "var(--vkui--size_button_slider_height--regular, 24px)", @@ -167012,7 +157621,8 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 32px)", + "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)", @@ -167052,7 +157662,8 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars }, "sizeControlButtonWidthMin": { "compact": "var(--vkui--size_control_button_width_min--compact, 130px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 104px)", + "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)", @@ -167067,11 +157678,13 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 48px)", - "regular": "var(--vkui--size_field_height--regular, 32px)", + "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, 16px)", + "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": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", @@ -167080,12 +157693,11 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "compact": "var(--vkui--size_field_vertical_margin--compact, 24px)", - "regular": "var(--vkui--size_field_vertical_margin--regular, 20px)", + "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)", @@ -167095,15 +157707,15 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 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)", @@ -167143,19 +157755,20 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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)", @@ -167177,7 +157790,6 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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": { @@ -167208,9 +157820,13 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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": { @@ -167247,8 +157863,8 @@ exports[`shapshots octaviusCompact 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)", - "themeName": "var(--vkui--theme_name, octaviusCompact)", - "themeNameBase": "var(--vkui--theme_name_base, octavius)", + "themeName": "var(--vkui--theme_name, mycom)", + "themeNameBase": "var(--vkui--theme_name_base, mycom)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -167258,10 +157874,16 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars "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)", @@ -167281,7 +157903,7 @@ exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars } `; -exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = ` +exports[`shapshots mycom theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -167289,9 +157911,17 @@ exports[`shapshots octaviusCompact 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", @@ -167378,11 +158008,6 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#0073F7", "normal": "#0077ff", }, - "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", - "normal": "#c1341b", - }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", "hover": "rgba(145, 147, 153, 0.52)", @@ -167399,9 +158024,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -167563,16 +158188,6 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, - "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", - }, - "colorBackgroundThumbnailAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", - }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", @@ -167639,9 +158254,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -167748,111 +158363,106 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "rgba(44, 45, 46, 0.54)", "normal": "rgba(44, 45, 46, 0.5)", }, - "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", - "normal": "#2951ff", - }, - "colorPaletteBlue1Alpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", - }, - "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", - "normal": "#00abf2", - }, - "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", - "normal": "#26dfdf", - }, - "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", - "normal": "#aee113", - }, - "colorPaletteGreen1Alpha": { - "active": "rgba(92, 186, 56, 0.2)", - "hover": "rgba(92, 186, 56, 0.16)", - "normal": "rgba(92, 186, 56, 0.12)", + "colorPanelHeaderIcon": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", - "normal": "#59c354", + "colorPrimaryAuto": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteGreen2Alpha": { - "active": "rgba(0, 230, 180, 0.16)", - "hover": "rgba(0, 230, 180, 0.12)", - "normal": "rgba(0, 230, 180, 0.08)", + "colorPrimaryBase": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", - "normal": "#37eb94", + "colorPrimaryDeti": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", - "normal": "#00b1b3", + "colorPrimaryDobro": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, - "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", - "normal": "#ff8b2e", + "colorPrimaryHealth": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteOrange1Alpha": { - "active": "rgba(255, 158, 0, 0.2)", - "hover": "rgba(255, 158, 0, 0.16)", - "normal": "rgba(255, 158, 0, 0.12)", + "colorPrimaryHealthNew": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "colorPrimaryHitech": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", - "normal": "#eb1981", + "colorPrimaryKino": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", - "normal": "#ff71bb", + "colorPrimaryLady": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", - "normal": "#6c00ff", + "colorPrimaryMycom": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, - "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", - "normal": "#ae73ff", + "colorPrimaryPets": { + "active": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", }, - "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", - "normal": "#ffc311", + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, - "colorPanelHeaderIcon": { + "colorPrimaryRealty": { "active": "#006FEF", "hover": "#0073F7", - "normal": "#0077ff", + "normal": "#0077FF", }, "colorRating": { "active": "#EBC405", "hover": "#F5CC02", "normal": "#ffd400", }, + "colorSale": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, "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", @@ -167929,9 +158539,9 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -167958,80 +158568,30 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "hover": "#939CA9", "normal": "#99A2AD", }, - "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", - "normal": "#B3F0DD", - }, - "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", - "normal": "#FFD2A8", + "colorTextAccent": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, - "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", - "normal": "#FFB2DA", + "colorTextAccentThemed": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, - "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", - "normal": "#CEB3F0", + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", - "normal": "#A4DEFF", + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, - "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", - "normal": "#205B5B", - }, - "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", - "normal": "#5B3620", - }, - "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", - "normal": "#51205B", - }, - "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", - "normal": "#38205B", - }, - "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", - "normal": "#203F5B", - }, - "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", + "colorTextLink": { + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { "active": "#0068E2", @@ -168182,11 +158742,11 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "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)", + "elevation3": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", "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": "Proxima Nova, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -168194,7 +158754,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", @@ -168204,7 +158764,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -168212,7 +158772,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", @@ -168222,7 +158782,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -168230,7 +158790,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "letterSpacing": "0.16px", @@ -168240,7 +158800,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontDisplayTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 23, "fontWeight": 500, "lineHeight": 28, @@ -168248,13 +158808,13 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontDisplayTitle2": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 22, "fontWeight": 500, "lineHeight": 22, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 21, "fontWeight": 500, "lineHeight": 26, @@ -168262,7 +158822,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontDisplayTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 19, "fontWeight": 500, "lineHeight": 24, @@ -168270,18 +158830,20 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontDisplayTitle4": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, 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", + "fontFamily": "Proxima Nova, 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": "Proxima Nova, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -168289,7 +158851,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", @@ -168303,7 +158865,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, "lineHeight": 32, @@ -168311,35 +158873,55 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontH1": { "compact": { - "fontSize": 32, + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 36, "fontWeight": 500, - "lineHeight": 28, + "lineHeight": 48, }, }, "fontH2": { "compact": { - "fontSize": 28, + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 34, + }, + }, + "fontH3": { + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, }, }, + "fontH4": { + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 22, + }, + }, "fontHeadline": { "compact": { "fontSize": 15, "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -168351,7 +158933,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -168363,7 +158945,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -168371,7 +158953,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 15, "fontWeight": 400, "lineHeight": 20, @@ -168383,7 +158965,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "lineHeight": 18, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -168395,15 +158977,15 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "lineHeight": 20, }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -168411,7 +158993,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -168419,7 +159001,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "Proxima Nova, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -168431,945 +159013,578 @@ exports[`shapshots octaviusCompact 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%", - "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "gridAsideContent": { + "compact": 300, + "compactX": 300, + "large": 380, + "regular": "100%", }, - "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "gridColumnX2": { + "compact": 430, + "compactX": 280, + "large": 580, + "regular": "100%", }, - "octaviusColorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.2)", - "hover": "rgba(0, 95, 249, 0.16)", - "normal": "rgba(0, 95, 249, 0.12)", + "gridColumnX3": { + "compact": 280, + "compactX": 180, + "large": 380, + "regular": "100%", }, - "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "gridColumnX4": { + "compact": 205, + "compactX": 130, + "large": 280, + "regular": "100%", }, - "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.2)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "gridColumnX6": { + "compact": 130, + "compactX": 80, + "large": 180, + "regular": "100%", }, - "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "gridMainContent": { + "compact": 620, + "compactX": 620, + "large": 780, + "regular": "100%", }, - "octaviusColorButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "gridMainContentWide": { + "compact": 620, + "compactX": 620, + "large": 860, + "regular": "100%", }, - "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "gridWrapperContent": { + "compact": 940, + "compactX": 620, + "large": 1260, + "regular": "100%", }, - "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "mediaFontMediaCaption": { + "compact": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 26, + }, + "regular": { + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 22, + }, }, - "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": 15, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 20, + }, + "regular": { + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 16, + }, }, - "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "mediaFontMediaLead": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 18, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 26, + }, }, - "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "mediaFontMediaParagraph": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 18, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": 32, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": 28, + }, }, - "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "mediaFontMediaParagraphNumbering": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 18, + "fontStyle": "italic", + "fontWeight": 700, + "letterSpacing": "0.003em", + "lineHeight": 32, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 16, + "fontStyle": "italic", + "fontWeight": 700, + "letterSpacing": "0.003em", + "lineHeight": 28, + }, }, - "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 24, + }, }, - "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "mediaFontMediaQuote": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 18, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 26, + }, }, - "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "mediaFontMediaQuotePerson": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "letterSpacing": "-0.005em", + "lineHeight": 32, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 18, + "fontWeight": 600, + "letterSpacing": "-0.005em", + "lineHeight": 24, + }, }, - "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 400, + "lineHeight": 26, + }, }, - "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "transparent", + "mediaFontMediaTextSecondaryLight": { + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, }, - "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "mediaFontMediaTitle1": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 48, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 56, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 30, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, }, - "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "mediaFontMediaTitle1Tiny": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 40, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 48, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 30, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, }, - "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "mediaFontMediaTitle2": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 36, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 44, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 34, + }, }, - "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", + "mediaFontMediaTitle2Tiny": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 40, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 26, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 32, + }, }, - "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", + "mediaFontMediaTitle3": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 40, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 26, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 32, + }, }, - "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "mediaFontMediaTitle4": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 36, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 30, + }, }, - "octaviusColorHeaderProgress": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "mediaFontMediaTitle5": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 32, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 28, + }, }, - "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "mediaFontMediaTitle6": { + "compact": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 28, + }, + "regular": { + "fontFamily": "Proxima Nova, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": 26, + }, }, - "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "mediaSizeGap": 20, + "mediaSizeGrid": 60, + "opacityDisable": 0.48, + "opacityDisableAccessibility": 0.64, + "sizeArrow": { + "regular": 8, }, - "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", + "sizeArrowHeight": { + "regular": 8, }, - "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeArrowPadding": { + "regular": 12, }, - "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeArrowPromo": { + "regular": 40, }, - "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", - "normal": "#b6b8be", + "sizeArrowWidth": { + "regular": 12, }, - "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeAttributeMargin": { + "regular": 4, }, - "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "sizeAvatarL": { + "regular": 96, }, - "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "sizeAvatarM": { + "regular": 48, }, - "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeAvatarS": { + "regular": 32, }, - "octaviusColorHeaderTextSecondary": { - "active": "#878B93", - "hover": "#8D9197", - "normal": "#93969b", + "sizeAvatarXL": { + "regular": 128, }, - "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "sizeAvatarXS": { + "regular": 24, }, - "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "sizeBadgeL": { + "regular": 44, }, - "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "sizeBadgeM": { + "regular": 24, }, - "octaviusColorIconFees": { - "active": "#EB5B5F", - "hover": "#F55F61", - "normal": "#FF6262", + "sizeBadgeS": { + "regular": 16, }, - "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2FC885", + "sizeBadgeXL": { + "regular": 56, }, - "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "sizeBadgeXS": { + "regular": 12, }, - "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", - "normal": "#FFA447", + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, }, - "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "sizeBasePadding": { + "compactX": 16, + "regular": 20, }, - "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", - "normal": "#EC4750", + "sizeBasePaddingHorizontal": { + "regular": 16, }, - "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "sizeBasePaddingVertical": { + "regular": 12, }, - "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "sizeBorder1x": { + "regular": 1, }, - "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", - "normal": "#74BF05", + "sizeBorder2x": { + "regular": 0.5, }, - "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "sizeBorder3x": { + "regular": 0.33, }, - "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "sizeBorderRadius": { + "regular": 8, }, - "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", + "sizeBorderRadiusPaper": { + "regular": 4, }, - "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", - "normal": "#1DC7D2", + "sizeBorderRadiusPromo": { + "regular": 20, }, - "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "sizeBorderRadiusRounded": { + "regular": 48, }, - "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "sizeBorderWidthAccent": { + "regular": 8, }, - "octaviusColorIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "sizeBorderWidthAccentSecondary": { + "regular": 4, }, - "octaviusColorLayoutBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeBorderWidthBar": { + "regular": 4, }, - "octaviusColorLayoutLetterBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeBorderWidthTab": { + "regular": 2, }, - "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", - "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", - "normal": "transparent", + "sizeBulletMargin": { + "regular": 12, }, - "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, }, - "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, }, - "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, }, - "octaviusColorListBackgroundPositiveAlpha": { - "active": "rgba(13, 194, 104, 0.16)", - "hover": "rgba(13, 194, 104, 0.12)", - "normal": "rgba(13, 194, 104, 0.08)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, }, - "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, }, - "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, }, - "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", + "sizeButtonGroupGapMedium": { + "regular": 12, }, - "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", - "normal": "#ffffff", + "sizeButtonGroupGapSmall": { + "regular": 8, }, - "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeButtonGroupGapSpace": { + "regular": 1, }, - "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonIconPadding": { + "regular": 20, }, - "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, }, - "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, }, - "octaviusColorOverlayBackground": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "sizeButtonMinimumWidth": { + "regular": 80, }, - "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonMorePadding": { + "regular": 8, }, - "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonPaddingHorizontal": { + "regular": 20, }, - "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "sizeButtonSliderHeight": { + "regular": 24, }, - "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "sizeButtonSliderWidth": { + "regular": 12, }, - "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", + "sizeButtonSliderWidthPointer": { + "regular": 16, }, - "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, }, - "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, }, - "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, }, - "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, }, - "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, }, - "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, }, - "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeCardBorderRadius": { + "regular": 16, }, - "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "sizeCardgridPadding": { + "regular": 12, }, - "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "sizeCardgridPaddingVertical": { + "regular": 8, }, - "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "sizeCheckBorderRadius": { + "regular": 4, }, - "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "sizeCheckbox": { + "regular": 16, }, - "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "sizeChoiceMargin": { + "regular": 8, }, - "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "sizeControlButtonWidthMin": { + "compact": 130, + "compactX": 130, + "regular": 94, }, - "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "sizeDivPadding": { + "regular": 4, }, - "octaviusColorSidebarIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "sizeDotBullet": { + "regular": 4, }, - "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "sizeDotClickable": { + "regular": 12, }, - "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "sizeDotIndicate": { + "regular": 8, }, - "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "sizeFieldHeight": { + "compact": 36, + "regular": 44, }, - "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeFieldHorizontalMargin": { + "compact": 16, + "compactX": 16, + "regular": 20, }, - "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeFieldHorizontalPadding": { + "regular": 12, }, - "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "sizeFieldSetMargin": { + "regular": 32, }, - "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "sizeFieldVerticalMargin": { + "regular": 24, }, - "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeFieldWidthMin": { + "compactX": 288, + "regular": 380, }, - "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeFormItemPaddingVertical": { + "regular": 12, }, - "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, }, - "octaviusColorSidebarScrollbarAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "sizeIconMargin": { + "regular": 8, }, - "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "sizeIconMorePadding": { + "regular": 12, }, - "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeIconUI": { + "compact": 16, + "compactX": 16, + "regular": 18, }, - "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", - }, - "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "octaviusColorSidebarWidgetBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", - }, - "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#FF5C5C", - }, - "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", - }, - "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", - "normal": "#9C9DA2", - }, - "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", - }, - "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", - "normal": "#1A85FF", - }, - "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "octaviusColorSnackbarTransparent": { - "active": "rgba(255, 255, 255, 0.04)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.16)", - }, - "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", - }, - "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", - }, - "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", - }, - "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", - }, - "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", - }, - "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", - }, - "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", - }, - "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", - }, - "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", - }, - "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": "underline", - "hover": "underline", - "normal": "none", - }, - "octaviusTextShadowEmptyStateText": "none", - "octaviusTextShadowSidebarItemText": "none", - "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": { - "compact": 12, - "regular": 8, - }, - "sizeBasePadding": { - "compact": 20, - "regular": 16, - }, - "sizeBasePaddingHorizontal": { - "regular": 16, - }, - "sizeBasePaddingVertical": { - "regular": 12, - }, - "sizeBorder1x": { - "regular": 1, - }, - "sizeBorder2x": { - "regular": 0.5, - }, - "sizeBorder3x": { - "regular": 0.33, - }, - "sizeBorderRadius": { - "regular": 2, - }, - "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": 48, - "regular": 32, - }, - "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonMorePadding": { - "regular": 8, - }, - "sizeButtonPaddingHorizontal": { - "compact": 20, - "regular": 16, - }, - "sizeButtonSliderHeight": { - "regular": 24, - }, - "sizeButtonSliderWidth": { - "regular": 12, - }, - "sizeButtonSliderWidthPointer": { - "regular": 16, - }, - "sizeButtonSmallHeight": { - "regular": 32, - }, - "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": 130, - "regular": 104, - }, - "sizeDivPadding": { - "regular": 4, - }, - "sizeDotBullet": { - "regular": 4, - }, - "sizeDotClickable": { - "regular": 12, - }, - "sizeDotIndicate": { - "regular": 8, - }, - "sizeFieldHeight": { - "compact": 48, - "regular": 32, - }, - "sizeFieldHorizontalMargin": { - "regular": 16, - }, - "sizeFieldHorizontalPadding": { - "regular": 12, - }, - "sizeFieldSetMargin": { - "regular": 32, - }, - "sizeFieldVerticalMargin": { - "compact": 24, - "regular": 20, - }, - "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, - }, - "sizeFormItemPaddingVertical": { - "regular": 12, - }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, - }, - "sizeIconMargin": { - "compact": 12, - "regular": 8, - }, - "sizeIconMorePadding": { - "compact": 8, - "regular": 12, - }, - "sizeIconUI": { - "regular": 16, - }, - "sizeIllustrationL": { - "regular": 144, + "sizeIllustrationL": { + "regular": 144, }, "sizeIllustrationM": { "regular": 96, @@ -169406,19 +159621,20 @@ exports[`shapshots octaviusCompact 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, @@ -169440,7 +159656,6 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -169471,9 +159686,13 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "regular": 34, }, "sizeTabMargin": { + "compact": 32, + "compactX": 32, "regular": 8, }, "sizeTabPadding": { + "compact": 0, + "compactX": 0, "regular": 16, }, "sizeTableHorizontalPadding": { @@ -169510,8 +159729,8 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusCompact", - "themeNameBase": "octavius", + "themeName": "mycom", + "themeNameBase": "mycom", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -169521,10 +159740,16 @@ exports[`shapshots octaviusCompact 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, @@ -169544,7 +159769,7 @@ exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = } `; -exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octavius theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -169579,11 +159804,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -169593,25 +159818,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077ff)", + "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", @@ -169621,25 +159846,25 @@ exports[`shapshots octaviusCompactDark 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", @@ -169649,11 +159874,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -169663,11 +159888,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -169677,11 +159902,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -169691,25 +159916,25 @@ exports[`shapshots octaviusCompactDark 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", @@ -169719,11 +159944,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -169733,25 +159958,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { "name": "--vkui--color_accent_red", @@ -169761,11 +159986,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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", @@ -169775,11 +160000,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -169789,25 +160014,25 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAlert": { "active": { "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #C6442D)", + "value": "var(--vkui--color_alert--active, #B2311E)", }, "hover": { "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #C33C24)", + "value": "var(--vkui--color_alert--hover, #B9331C)", }, "normal": { "name": "--vkui--color_alert", @@ -169817,15 +160042,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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": { @@ -169845,25 +160070,25 @@ exports[`shapshots octaviusCompactDark 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, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", @@ -169873,11 +160098,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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", @@ -169887,39 +160112,39 @@ exports[`shapshots octaviusCompactDark 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", @@ -169929,81 +160154,81 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, "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", @@ -170013,11 +160238,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -170041,137 +160266,137 @@ exports[`shapshots octaviusCompactDark 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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -170181,389 +160406,389 @@ exports[`shapshots octaviusCompactDark 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, #3C3C3D)", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #333334)", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #2b2b2c)", + "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(51, 51, 51, 0.88))", + "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(51, 51, 51, 0.84))", + "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(51, 51, 51, 0.8))", + "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))", }, }, "colorBackgroundThumbnail": { "active": { "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #313131)", + "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #282828)", + "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "value": "var(--vkui--color_background_thumbnail, #EBECEF)", }, }, "colorBackgroundThumbnailAlpha": { "active": { "name": "--vkui--color_background_thumbnail_alpha--active", - "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--color_background_thumbnail_alpha--hover", - "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--color_background_thumbnail_alpha", - "value": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, }, "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, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "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", @@ -170573,11 +160798,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -170587,67 +160812,67 @@ exports[`shapshots octaviusCompactDark 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, #DA300E)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ED330a)", }, }, "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", @@ -170657,25 +160882,25 @@ exports[`shapshots octaviusCompactDark 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", @@ -170685,67 +160910,67 @@ exports[`shapshots octaviusCompactDark 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", @@ -170755,53 +160980,53 @@ exports[`shapshots octaviusCompactDark 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", @@ -170811,39 +161036,39 @@ exports[`shapshots octaviusCompactDark 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))", }, }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", - "value": "var(--vkui--color_palette_blue1--active, #3A5FFF)", + "value": "var(--vkui--color_palette_blue1--active, #264CEF)", }, "hover": { "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #3258FF)", + "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", }, "normal": { "name": "--vkui--color_palette_blue1", @@ -170867,11 +161092,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteBlue2": { "active": { "name": "--vkui--color_palette_blue2--active", - "value": "var(--vkui--color_palette_blue2--active, #14B2F3)", + "value": "var(--vkui--color_palette_blue2--active, #009FE4)", }, "hover": { "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #0AAEF3)", + "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_palette_blue2", @@ -170881,11 +161106,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteBlue3": { "active": { "name": "--vkui--color_palette_blue3--active", - "value": "var(--vkui--color_palette_blue3--active, #37E2E2)", + "value": "var(--vkui--color_palette_blue3--active, #23CED2)", }, "hover": { "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", + "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", }, "normal": { "name": "--vkui--color_palette_blue3", @@ -170895,11 +161120,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteGreen1": { "active": { "name": "--vkui--color_palette_green1--active", - "value": "var(--vkui--color_palette_green1--active, #B4E326)", + "value": "var(--vkui--color_palette_green1--active, #A0D016)", }, "hover": { "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #B1E21C)", + "value": "var(--vkui--color_palette_green1--hover, #A7D915)", }, "normal": { "name": "--vkui--color_palette_green1", @@ -170923,11 +161148,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteGreen2": { "active": { "name": "--vkui--color_palette_green2--active", - "value": "var(--vkui--color_palette_green2--active, #66C862)", + "value": "var(--vkui--color_palette_green2--active, #52B552)", }, "hover": { "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #60C55B)", + "value": "var(--vkui--color_palette_green2--hover, #55BC53)", }, "normal": { "name": "--vkui--color_palette_green2", @@ -170951,11 +161176,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteGreen3": { "active": { "name": "--vkui--color_palette_green3--active", - "value": "var(--vkui--color_palette_green3--active, #47ED9D)", + "value": "var(--vkui--color_palette_green3--active, #33D98D)", }, "hover": { "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #3FEC98)", + "value": "var(--vkui--color_palette_green3--hover, #35E291)", }, "normal": { "name": "--vkui--color_palette_green3", @@ -170965,11 +161190,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteGreen4": { "active": { "name": "--vkui--color_palette_green4--active", - "value": "var(--vkui--color_palette_green4--active, #14B7B9)", + "value": "var(--vkui--color_palette_green4--active, #00A4AA)", }, "hover": { "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #0AB4B6)", + "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", }, "normal": { "name": "--vkui--color_palette_green4", @@ -170979,11 +161204,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteOrange1": { "active": { "name": "--vkui--color_palette_orange1--active", - "value": "var(--vkui--color_palette_orange1--active, #FF943F)", + "value": "var(--vkui--color_palette_orange1--active, #EB812F)", }, "hover": { "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #FF9036)", + "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", }, "normal": { "name": "--vkui--color_palette_orange1", @@ -171007,11 +161232,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteRed1": { "active": { "name": "--vkui--color_palette_red1--active", - "value": "var(--vkui--color_palette_red1--active, #FC3D48)", + "value": "var(--vkui--color_palette_red1--active, #E82A38)", }, "hover": { "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #FC3440)", + "value": "var(--vkui--color_palette_red1--hover, #F22B38)", }, "normal": { "name": "--vkui--color_palette_red1", @@ -171021,11 +161246,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteRed2": { "active": { "name": "--vkui--color_palette_red2--active", - "value": "var(--vkui--color_palette_red2--active, #ED2B8B)", + "value": "var(--vkui--color_palette_red2--active, #D8187C)", }, "hover": { "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #EC2286)", + "value": "var(--vkui--color_palette_red2--hover, #E2197E)", }, "normal": { "name": "--vkui--color_palette_red2", @@ -171035,11 +161260,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteRed3": { "active": { "name": "--vkui--color_palette_red3--active", - "value": "var(--vkui--color_palette_red3--active, #FF7CC0)", + "value": "var(--vkui--color_palette_red3--active, #EB69B1)", }, "hover": { "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #FF77BE)", + "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", }, "normal": { "name": "--vkui--color_palette_red3", @@ -171049,11 +161274,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteViolet1": { "active": { "name": "--vkui--color_palette_violet1--active", - "value": "var(--vkui--color_palette_violet1--active, #7814FF)", + "value": "var(--vkui--color_palette_violet1--active, #6301EF)", }, "hover": { "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #720AFF)", + "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", }, "normal": { "name": "--vkui--color_palette_violet1", @@ -171063,11 +161288,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteViolet2": { "active": { "name": "--vkui--color_palette_violet2--active", - "value": "var(--vkui--color_palette_violet2--active, #B47EFF)", + "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", }, "hover": { "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #B179FF)", + "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", }, "normal": { "name": "--vkui--color_palette_violet2", @@ -171077,11 +161302,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorPaletteYellow1": { "active": { "name": "--vkui--color_palette_yellow1--active", - "value": "var(--vkui--color_palette_yellow1--active, #FFC824)", + "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", }, "hover": { "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", + "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", }, "normal": { "name": "--vkui--color_palette_yellow1", @@ -171091,25 +161316,25 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "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", @@ -171119,137 +161344,137 @@ exports[`shapshots octaviusCompactDark 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)", }, }, "colorSocialBehance": { "active": { "name": "--vkui--color_social_behance--active", - "value": "var(--vkui--color_social_behance--active, #2A75FF)", + "value": "var(--vkui--color_social_behance--active, #1562EF)", }, "hover": { "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #206FFF)", + "value": "var(--vkui--color_social_behance--hover, #1665F7)", }, "normal": { "name": "--vkui--color_social_behance", @@ -171259,11 +161484,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialDribbble": { "active": { "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", + "value": "var(--vkui--color_social_dribbble--active, #D74783)", }, "hover": { "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", }, "normal": { "name": "--vkui--color_social_dribbble", @@ -171273,11 +161498,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialFb": { "active": { "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #2A82F3)", + "value": "var(--vkui--color_social_fb--active, #166FE4)", }, "hover": { "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #217CF3)", + "value": "var(--vkui--color_social_fb--hover, #1773EB)", }, "normal": { "name": "--vkui--color_social_fb", @@ -171287,11 +161512,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialMir": { "active": { "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #2488DD)", + "value": "var(--vkui--color_social_mir--active, #1075CD)", }, "hover": { "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #1B83DB)", + "value": "var(--vkui--color_social_mir--hover, #107AD4)", }, "normal": { "name": "--vkui--color_social_mir", @@ -171301,11 +161526,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialOk": { "active": { "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #EF8C1C)", + "value": "var(--vkui--color_social_ok--active, #DB790C)", }, "hover": { "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #EF8712)", + "value": "var(--vkui--color_social_ok--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_social_ok", @@ -171315,11 +161540,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialTwitter": { "active": { "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", + "value": "var(--vkui--color_social_twitter--active, #1B95E4)", }, "hover": { "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", }, "normal": { "name": "--vkui--color_social_twitter", @@ -171329,11 +161554,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorSocialVk": { "active": { "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #4E93E2)", + "value": "var(--vkui--color_social_vk--active, #3A80D3)", }, "hover": { "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #478FE1)", + "value": "var(--vkui--color_social_vk--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_social_vk", @@ -171343,39 +161568,39 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "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", @@ -171385,25 +161610,25 @@ exports[`shapshots octaviusCompactDark 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, #DA300E)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ED330a)", }, }, "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", @@ -171413,25 +161638,25 @@ exports[`shapshots octaviusCompactDark 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)", }, }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", - "value": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", + "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", }, "hover": { "name": "--vkui--color_tag_background_mint--hover", - "value": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", + "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", }, "normal": { "name": "--vkui--color_tag_background_mint", @@ -171441,11 +161666,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagBackgroundOrange": { "active": { "name": "--vkui--color_tag_background_orange--active", - "value": "var(--vkui--color_tag_background_orange--active, #FFD6AF)", + "value": "var(--vkui--color_tag_background_orange--active, #EBC29F)", }, "hover": { "name": "--vkui--color_tag_background_orange--hover", - "value": "var(--vkui--color_tag_background_orange--hover, #FFD4AB)", + "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", }, "normal": { "name": "--vkui--color_tag_background_orange", @@ -171455,11 +161680,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagBackgroundPink": { "active": { "name": "--vkui--color_tag_background_pink--active", - "value": "var(--vkui--color_tag_background_pink--active, #FFB8DD)", + "value": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", }, "hover": { "name": "--vkui--color_tag_background_pink--hover", - "value": "var(--vkui--color_tag_background_pink--hover, #FFB5DB)", + "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", }, "normal": { "name": "--vkui--color_tag_background_pink", @@ -171469,11 +161694,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagBackgroundPurple": { "active": { "name": "--vkui--color_tag_background_purple--active", - "value": "var(--vkui--color_tag_background_purple--active, #D2B9F1)", + "value": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", }, "hover": { "name": "--vkui--color_tag_background_purple--hover", - "value": "var(--vkui--color_tag_background_purple--hover, #D0B6F1)", + "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", }, "normal": { "name": "--vkui--color_tag_background_purple", @@ -171483,11 +161708,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagBackgroundSky": { "active": { "name": "--vkui--color_tag_background_sky--active", - "value": "var(--vkui--color_tag_background_sky--active, #ABE1FF)", + "value": "var(--vkui--color_tag_background_sky--active, #97CEEF)", }, "hover": { "name": "--vkui--color_tag_background_sky--hover", - "value": "var(--vkui--color_tag_background_sky--hover, #A8DFFF)", + "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", }, "normal": { "name": "--vkui--color_tag_background_sky", @@ -171497,11 +161722,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextMint": { "active": { "name": "--vkui--color_tag_text_mint--active", - "value": "var(--vkui--color_tag_text_mint--active, #326868)", + "value": "var(--vkui--color_tag_text_mint--active, #1D5559)", }, "hover": { "name": "--vkui--color_tag_text_mint--hover", - "value": "var(--vkui--color_tag_text_mint--hover, #296262)", + "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", }, "normal": { "name": "--vkui--color_tag_text_mint", @@ -171511,11 +161736,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextOrange": { "active": { "name": "--vkui--color_tag_text_orange--active", - "value": "var(--vkui--color_tag_text_orange--active, #684632)", + "value": "var(--vkui--color_tag_text_orange--active, #543322)", }, "hover": { "name": "--vkui--color_tag_text_orange--hover", - "value": "var(--vkui--color_tag_text_orange--hover, #623E29)", + "value": "var(--vkui--color_tag_text_orange--hover, #573421)", }, "normal": { "name": "--vkui--color_tag_text_orange", @@ -171525,11 +161750,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextPink": { "active": { "name": "--vkui--color_tag_text_pink--active", - "value": "var(--vkui--color_tag_text_pink--active, #5F3268)", + "value": "var(--vkui--color_tag_text_pink--active, #4B1F59)", }, "hover": { "name": "--vkui--color_tag_text_pink--hover", - "value": "var(--vkui--color_tag_text_pink--hover, #582962)", + "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", }, "normal": { "name": "--vkui--color_tag_text_pink", @@ -171539,11 +161764,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextPurple": { "active": { "name": "--vkui--color_tag_text_purple--active", - "value": "var(--vkui--color_tag_text_purple--active, #483268)", + "value": "var(--vkui--color_tag_text_purple--active, #341F59)", }, "hover": { "name": "--vkui--color_tag_text_purple--hover", - "value": "var(--vkui--color_tag_text_purple--hover, #402962)", + "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", }, "normal": { "name": "--vkui--color_tag_text_purple", @@ -171553,11 +161778,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTagTextSky": { "active": { "name": "--vkui--color_tag_text_sky--active", - "value": "var(--vkui--color_tag_text_sky--active, #324E68)", + "value": "var(--vkui--color_tag_text_sky--active, #1D3B59)", }, "hover": { "name": "--vkui--color_tag_text_sky--hover", - "value": "var(--vkui--color_tag_text_sky--hover, #294762)", + "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", }, "normal": { "name": "--vkui--color_tag_text_sky", @@ -171567,39 +161792,39 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #2C8FFF)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "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", @@ -171609,53 +161834,53 @@ exports[`shapshots octaviusCompactDark 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, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "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", @@ -171665,11 +161890,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -171679,39 +161904,39 @@ exports[`shapshots octaviusCompactDark 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", @@ -171721,39 +161946,39 @@ exports[`shapshots octaviusCompactDark 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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", @@ -171763,57 +161988,57 @@ exports[`shapshots octaviusCompactDark 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "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": { @@ -171833,137 +162058,137 @@ exports[`shapshots octaviusCompactDark 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", @@ -171973,11 +162198,11 @@ exports[`shapshots octaviusCompactDark 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", @@ -171987,62 +162212,62 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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", @@ -173024,7 +163249,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 13px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -173193,29 +163418,29 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", + "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", + "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", + "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #222223)", + "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #19191A)", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -173249,39 +163474,39 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", }, "normal": { "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, "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))", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "hover": { "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_button_background_alpha", @@ -173291,151 +163516,151 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", }, "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", }, "normal": { "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, }, "octaviusColorButtonIcon": { "active": { "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_icon, #333333)", }, }, "octaviusColorButtonText": { "active": { "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_text, #333333)", }, }, "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))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", + "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #232324)", + "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_empty_state_text, #333333)", }, }, "octaviusColorEmptyStateTextLink": { "active": { "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", + "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, }, "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #353536)", + "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, #2C2C2D)", + "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #232324)", + "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(255, 255, 255, 0.2))", + "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(255, 255, 255, 0.16))", + "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", @@ -173445,15 +163670,15 @@ exports[`shapshots octaviusCompactDark 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, #D7D8DB)", + "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, #EBEDF0)", + "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": { @@ -173473,11 +163698,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_icon", @@ -173487,53 +163712,53 @@ exports[`shapshots octaviusCompactDark 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, #C8CAD0)", }, "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, #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, #D7D8DB)", + "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, #EBEDF0)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_progress", @@ -173543,81 +163768,81 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", + "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, #383838)", + "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, #303030)", + "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, #414141)", + "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, #383838)", + "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, #303030)", + "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, #4F4F4F)", + "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, #484848)", + "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, #404040)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, }, "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", }, "normal": { "name": "--vkui--octavius_color_header_search_icon", @@ -173627,67 +163852,67 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + "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, #E8E9EB)", + "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, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", @@ -173697,53 +163922,53 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", + "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", + "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #FF6262)", + "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", + "value": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", @@ -173753,11 +163978,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", + "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", @@ -173767,25 +163992,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", + "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, }, "octaviusColorIconMailings": { "active": { "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", + "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", }, "hover": { "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", }, "normal": { "name": "--vkui--octavius_color_icon_mailings", @@ -173795,25 +164020,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, }, "octaviusColorIconOfficial": { "active": { "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", + "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", }, "hover": { "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", }, "normal": { "name": "--vkui--octavius_color_icon_official", @@ -173823,39 +164048,39 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_order_alpha", - "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, }, "octaviusColorIconReceipts": { "active": { "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", + "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", }, "hover": { "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", }, "normal": { "name": "--vkui--octavius_color_icon_receipts", @@ -173865,25 +164090,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, }, "octaviusColorIconSchool": { "active": { "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", + "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", }, "hover": { "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", + "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", }, "normal": { "name": "--vkui--octavius_color_icon_school", @@ -173893,25 +164118,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "value": "var(--vkui--octavius_color_icon_social, #7288FF)", }, }, "octaviusColorIconToMyself": { "active": { "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", }, "hover": { "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", }, "normal": { "name": "--vkui--octavius_color_icon_to_myself", @@ -173921,39 +164146,39 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", @@ -173963,29 +164188,29 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", }, "hover": { "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_layout_border_alpha", - "value": "var(--vkui--octavius_color_layout_border_alpha, transparent)", + "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_layout_letter_border_alpha", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, }, "octaviusColorLetterAttachListBackground": { @@ -173995,11 +164220,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", }, "normal": { "name": "--vkui--octavius_color_letter_contact_background_alpha", @@ -174009,43 +164234,43 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorLetterListTextUnread": { "active": { "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_letter_list_text_unread", - "value": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, }, "octaviusColorLetterPreviewBackgroundPrimary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #1D1D1D)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", }, "normal": { "name": "--vkui--octavius_color_letter_preview_background_primary", - "value": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, }, "octaviusColorLetterPreviewBackgroundSecondary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #191919)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", }, "normal": { "name": "--vkui--octavius_color_letter_preview_background_secondary", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, }, "octaviusColorListBackgroundPositiveAlpha": { @@ -174065,25 +164290,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #303733)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", }, "normal": { "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, }, "octaviusColorListIconPrimary": { "active": { "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_icon_primary", @@ -174093,53 +164318,53 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #1E1E1E)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", }, "normal": { "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", }, "normal": { "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #232324)", + "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, }, "octaviusColorListTextPrimary": { "active": { "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_text_primary", @@ -174149,11 +164374,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorListTextUnread": { "active": { "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_text_unread", @@ -174163,25 +164388,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #141414)", + "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #000000)", + "value": "var(--vkui--octavius_color_notification_border, #ffffff)", }, }, "octaviusColorOverlayBackground": { "active": { "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", }, "hover": { "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_overlay_background", @@ -174191,81 +164416,81 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #000000)", + "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", + "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", }, "normal": { "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #414141)", + "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", + "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #303030)", + "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, }, "octaviusColorSidebarButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_background", @@ -174275,11 +164500,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_icon", @@ -174289,11 +164514,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_text", @@ -174303,25 +164528,25 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarComposeButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_background", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", }, }, "octaviusColorSidebarComposeButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_icon", @@ -174331,11 +164556,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarComposeButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_text", @@ -174345,11 +164570,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha", @@ -174359,123 +164584,123 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #43BDFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #EF4444)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC985)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", @@ -174485,11 +164710,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_background_alpha", @@ -174499,225 +164724,225 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, }, "octaviusColorSidebarItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, }, "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, }, "octaviusColorSidebarItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, }, "octaviusColorSidebarItemTextPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, }, "octaviusColorSidebarItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, }, "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))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", }, }, "octaviusColorSidebarShortItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", }, }, "octaviusColorSidebarShortItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #9C9DA2)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", }, }, "octaviusColorSidebarShortItemText": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text", - "value": "var(--vkui--octavius_color_sidebar_short_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, }, "octaviusColorSidebarShortItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", }, }, "octaviusColorSidebarShortItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -174737,11 +164962,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarBackground": { "active": { "name": "--vkui--octavius_color_snackbar_background--active", - "value": "var(--vkui--octavius_color_snackbar_background--active, #414141)", + "value": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", }, "hover": { "name": "--vkui--octavius_color_snackbar_background--hover", - "value": "var(--vkui--octavius_color_snackbar_background--hover, #383838)", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", }, "normal": { "name": "--vkui--octavius_color_snackbar_background", @@ -174751,11 +164976,11 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", @@ -174765,11 +164990,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconNegative": { "active": { "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #FF6969)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_negative--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_negative", @@ -174779,11 +165004,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconPositive": { "active": { "name": "--vkui--octavius_color_snackbar_icon_positive--active", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #20C774)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_positive--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #17C46E)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_positive", @@ -174793,11 +165018,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconSecondary": { "active": { "name": "--vkui--octavius_color_snackbar_icon_secondary--active", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_secondary", @@ -174807,11 +165032,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarIconWarning": { "active": { "name": "--vkui--octavius_color_snackbar_icon_warning--active", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #FFA614)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_warning--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #FFA20A)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_warning", @@ -174821,11 +165046,11 @@ 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, #2C8FFF)", + "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, #238AFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", @@ -174835,11 +165060,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorSnackbarTextContrast": { "active": { "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_contrast--hover", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_contrast", @@ -174863,127 +165088,127 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #52C392)", + "value": "var(--vkui--octavius_color_text_finance, #27B275)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "value": "var(--vkui--octavius_color_text_games, #EBAF00)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #37C1E8)", + "value": "var(--vkui--octavius_color_text_news, #08ABD9)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #D392F2)", + "value": "var(--vkui--octavius_color_text_school, #C97EEC)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #7688E9)", + "value": "var(--vkui--octavius_color_text_social, #556AD9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #414141)", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", }, "hover": { "name": "--vkui--octavius_color_thread_footer_background--hover", - "value": "var(--vkui--octavius_color_thread_footer_background--hover, #383838)", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", }, "normal": { "name": "--vkui--octavius_color_thread_footer_background", - "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", + "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, }, "octaviusElevationCard": { @@ -175105,15 +165330,15 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "octaviusTextDecorationEmptyStateTextLink": { "active": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", }, "hover": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", }, "normal": { "name": "--vkui--octavius_text_decoration_empty_state_text_link", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, underline)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", }, }, "octaviusTextShadowEmptyStateText": { @@ -175301,13 +165526,9 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--size_base_margin", "value": "var(--vkui--size_base_margin)", }, - "compact": { - "name": "--vkui--size_base_margin--compact", - "value": "var(--vkui--size_base_margin--compact, 12px)", - }, "regular": { "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 8px)", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, "sizeBasePadding": { @@ -175381,7 +165602,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 2px)", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, "sizeBorderRadiusPaper": { @@ -175589,11 +165810,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 48px)", + "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, 32px)", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, "sizeButtonMinimumWidth": { @@ -175623,11 +165844,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 20px)", + "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, 16px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, }, "sizeButtonSliderHeight": { @@ -175665,9 +165886,13 @@ exports[`shapshots octaviusCompactDark 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, 32px)", + "value": "var(--vkui--size_button_small_height--regular, 30px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -175797,11 +166022,11 @@ exports[`shapshots octaviusCompactDark 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)", + "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, 104px)", + "value": "var(--vkui--size_control_button_width_min--regular, 130px)", }, }, "sizeDivPadding": { @@ -175851,11 +166076,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 48px)", + "value": "var(--vkui--size_field_height--compact, 36px)", }, "regular": { "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 32px)", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, "sizeFieldHorizontalMargin": { @@ -175865,7 +166090,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "regular": { "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 16px)", + "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, }, "sizeFieldHorizontalPadding": { @@ -175893,13 +166118,9 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = "name": "--vkui--size_field_vertical_margin", "value": "var(--vkui--size_field_vertical_margin)", }, - "compact": { - "name": "--vkui--size_field_vertical_margin--compact", - "value": "var(--vkui--size_field_vertical_margin--compact, 24px)", - }, "regular": { "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 20px)", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, "sizeFieldWidthMin": { @@ -175947,11 +166168,11 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "compact": { "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 12px)", + "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": { @@ -176466,7 +166687,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusCompactDark)", + "value": "var(--vkui--theme_name, octavius)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -176588,7 +166809,7 @@ exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = } `; -exports[`shapshots octaviusCompactDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octavius theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -176606,94 +166827,94 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAlert": { - "active": "#C6442D", - "hover": "#C33C24", + "active": "#B2311E", + "hover": "#B9331C", "normal": "#c1341b", }, "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)", @@ -176701,68 +166922,68 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", + "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -176771,293 +166992,293 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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)", }, "colorPaletteBlue1": { - "active": "#3A5FFF", - "hover": "#3258FF", + "active": "#264CEF", + "hover": "#274EF7", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -177066,18 +167287,18 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#14B2F3", - "hover": "#0AAEF3", + "active": "#009FE4", + "hover": "#00A5EB", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#37E2E2", - "hover": "#2FE0E0", + "active": "#23CED2", + "hover": "#24D7D9", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#B4E326", - "hover": "#B1E21C", + "active": "#A0D016", + "hover": "#A7D915", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -177086,8 +167307,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#66C862", - "hover": "#60C55B", + "active": "#52B552", + "hover": "#55BC53", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -177096,18 +167317,18 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#47ED9D", - "hover": "#3FEC98", + "active": "#33D98D", + "hover": "#35E291", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#14B7B9", - "hover": "#0AB4B6", + "active": "#00A4AA", + "hover": "#00ABAE", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#FF943F", - "hover": "#FF9036", + "active": "#EB812F", + "hover": "#F5862F", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -177116,294 +167337,294 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#FC3D48", - "hover": "#FC3440", + "active": "#E82A38", + "hover": "#F22B38", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#ED2B8B", - "hover": "#EC2286", + "active": "#D8187C", + "hover": "#E2197E", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#FF7CC0", - "hover": "#FF77BE", + "active": "#EB69B1", + "hover": "#F56DB6", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#7814FF", - "hover": "#720AFF", + "active": "#6301EF", + "hover": "#6801F7", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#B47EFF", - "hover": "#B179FF", + "active": "#A06BEF", + "hover": "#A76FF7", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#FFC824", - "hover": "#FFC51B", + "active": "#EBB515", + "hover": "#F5BC13", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", }, "colorSocialBehance": { - "active": "#2A75FF", - "hover": "#206FFF", + "active": "#1562EF", + "hover": "#1665F7", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#EC5A92", - "hover": "#EB538E", + "active": "#D74783", + "hover": "#E14A86", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#2A82F3", - "hover": "#217CF3", + "active": "#166FE4", + "hover": "#1773EB", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#2488DD", - "hover": "#1B83DB", + "active": "#1075CD", + "hover": "#107AD4", "normal": "#117eda", }, "colorSocialOk": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#2FA9F3", - "hover": "#26A5F3", + "active": "#1B95E4", + "hover": "#1C9BEB", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTagBackgroundMint": { - "active": "#B9F1E0", - "hover": "#B6F1DE", + "active": "#A5DED0", + "hover": "#ACE7D7", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#FFD6AF", - "hover": "#FFD4AB", + "active": "#EBC29F", + "hover": "#F5CAA4", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#FFB8DD", - "hover": "#FFB5DB", + "active": "#EBA5CD", + "hover": "#F5ACD4", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#D2B9F1", - "hover": "#D0B6F1", + "active": "#BEA6E2", + "hover": "#C6ACE9", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#ABE1FF", - "hover": "#A8DFFF", + "active": "#97CEEF", + "hover": "#9DD6F7", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#326868", - "hover": "#296262", + "active": "#1D5559", + "hover": "#1F585A", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#684632", - "hover": "#623E29", + "active": "#543322", + "hover": "#573421", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#5F3268", - "hover": "#582962", + "active": "#4B1F59", + "hover": "#4E1F5A", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#483268", - "hover": "#402962", + "active": "#341F59", + "hover": "#361F5A", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#324E68", - "hover": "#294762", + "active": "#1D3B59", + "hover": "#1F3D5A", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -177411,81 +167632,81 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", + "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)", @@ -177703,7 +167924,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, @@ -177743,14 +167964,14 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -177763,79 +167984,79 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorButtonText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorEmptyStateTextLink": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { "active": "rgba(39, 43, 55, 0.58)", @@ -177843,210 +168064,210 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", + "active": "#A7ABB4", + "hover": "#AFB1B9", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", + "active": "#878B93", + "hover": "#8D9197", "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorIconFees": { - "active": "#FF6F6F", - "hover": "#FF6868", + "active": "#EB5B5F", + "hover": "#F55F61", "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", + "active": "#2BB97F", + "hover": "#2DC182", "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { - "active": "#FFAB56", - "hover": "#FFA84E", + "active": "#EB9846", + "hover": "#F59E47", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { - "active": "#EE565E", - "hover": "#ED4E57", + "active": "#D9434E", + "hover": "#E3454F", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { - "active": "#7FC419", - "hover": "#7AC20F", + "active": "#6BB109", + "hover": "#6FB807", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorIconSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", + "active": "#B975DE", + "hover": "#C17AE5", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#2FCBD6", - "hover": "#26C9D4", + "active": "#1BB8C6", + "hover": "#1CC0CC", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#222222", - "hover": "#191919", - "normal": "#0F0F0F", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -178054,239 +168275,239 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", }, "octaviusColorSidebarButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.16)", - "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)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -178294,43 +168515,43 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", + "active": "#EB565A", + "hover": "#F5595B", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", + "active": "#90929A", + "hover": "#96979E", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", + "active": "#187CEF", + "hover": "#1980F7", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -178339,49 +168560,49 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", }, "octaviusElevationCard": "none", "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", @@ -178416,9 +168637,9 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "64px", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "none", - "hover": "none", - "normal": "underline", + "active": "underline", + "hover": "underline", + "normal": "none", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -178474,8 +168695,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho }, "sizeBase": "4px", "sizeBaseMargin": { - "compact": "12px", - "regular": "8px", + "regular": "12px", }, "sizeBasePadding": { "compact": "20px", @@ -178497,7 +168717,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "2px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -178559,8 +168779,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "48px", - "regular": "32px", + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -178569,8 +168789,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "20px", - "regular": "16px", + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -178582,7 +168802,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "32px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -178621,8 +168842,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "130px", - "regular": "104px", + "compact": "104px", + "regular": "130px", }, "sizeDivPadding": { "regular": "4px", @@ -178637,11 +168858,11 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "8px", }, "sizeFieldHeight": { - "compact": "48px", - "regular": "32px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { - "regular": "16px", + "regular": "20px", }, "sizeFieldHorizontalPadding": { "regular": "12px", @@ -178650,8 +168871,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "32px", }, "sizeFieldVerticalMargin": { - "compact": "24px", - "regular": "20px", + "regular": "24px", }, "sizeFieldWidthMin": { "compact": "380px", @@ -178665,8 +168885,8 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "regular": "20px", }, "sizeIconMargin": { - "compact": "12px", - "regular": "8px", + "compact": "8px", + "regular": "12px", }, "sizeIconMorePadding": { "compact": "8px", @@ -178817,7 +169037,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusCompactDark", + "themeName": "octavius", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -178851,7 +169071,7 @@ exports[`shapshots octaviusCompactDark theme should match pixelify theme snapsho } `; -exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octavius theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -178869,94 +169089,94 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, }, "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, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", "normal": "var(--vkui--color_accent_red, #ED330A)", }, "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, #1482FF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", - "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + "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, #C6442D)", - "hover": "var(--vkui--color_alert--hover, #C33C24)", + "active": "var(--vkui--color_alert--active, #B2311E)", + "hover": "var(--vkui--color_alert--hover, #B9331C)", "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -178964,68 +169184,68 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "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": { @@ -179034,293 +169254,293 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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, 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))", + "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, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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(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))", + "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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #313131)", - "hover": "var(--vkui--color_background_thumbnail--hover, #282828)", - "normal": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", }, "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))", + "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, "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)", - }, - "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--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, #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, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "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, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330a)", }, "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))", }, "colorPaletteBlue1": { - "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", - "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", + "active": "var(--vkui--color_palette_blue1--active, #264CEF)", + "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", "normal": "var(--vkui--color_palette_blue1, #2951ff)", }, "colorPaletteBlue1Alpha": { @@ -179329,18 +169549,18 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--color_palette_blue2--active, #009FE4)", + "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", "normal": "var(--vkui--color_palette_blue2, #00abf2)", }, "colorPaletteBlue3": { - "active": "var(--vkui--color_palette_blue3--active, #37E2E2)", - "hover": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", + "active": "var(--vkui--color_palette_blue3--active, #23CED2)", + "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", "normal": "var(--vkui--color_palette_blue3, #26dfdf)", }, "colorPaletteGreen1": { - "active": "var(--vkui--color_palette_green1--active, #B4E326)", - "hover": "var(--vkui--color_palette_green1--hover, #B1E21C)", + "active": "var(--vkui--color_palette_green1--active, #A0D016)", + "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", "normal": "var(--vkui--color_palette_green1, #aee113)", }, "colorPaletteGreen1Alpha": { @@ -179349,8 +169569,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--color_palette_green2--active, #52B552)", + "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", "normal": "var(--vkui--color_palette_green2, #59c354)", }, "colorPaletteGreen2Alpha": { @@ -179359,18 +169579,18 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--color_palette_green3--active, #33D98D)", + "hover": "var(--vkui--color_palette_green3--hover, #35E291)", "normal": "var(--vkui--color_palette_green3, #37eb94)", }, "colorPaletteGreen4": { - "active": "var(--vkui--color_palette_green4--active, #14B7B9)", - "hover": "var(--vkui--color_palette_green4--hover, #0AB4B6)", + "active": "var(--vkui--color_palette_green4--active, #00A4AA)", + "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", "normal": "var(--vkui--color_palette_green4, #00b1b3)", }, "colorPaletteOrange1": { - "active": "var(--vkui--color_palette_orange1--active, #FF943F)", - "hover": "var(--vkui--color_palette_orange1--hover, #FF9036)", + "active": "var(--vkui--color_palette_orange1--active, #EB812F)", + "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", }, "colorPaletteOrange1Alpha": { @@ -179379,294 +169599,294 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--color_palette_red1--active, #E82A38)", + "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", "normal": "var(--vkui--color_palette_red1, #fc2c38)", }, "colorPaletteRed2": { - "active": "var(--vkui--color_palette_red2--active, #ED2B8B)", - "hover": "var(--vkui--color_palette_red2--hover, #EC2286)", + "active": "var(--vkui--color_palette_red2--active, #D8187C)", + "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", "normal": "var(--vkui--color_palette_red2, #eb1981)", }, "colorPaletteRed3": { - "active": "var(--vkui--color_palette_red3--active, #FF7CC0)", - "hover": "var(--vkui--color_palette_red3--hover, #FF77BE)", + "active": "var(--vkui--color_palette_red3--active, #EB69B1)", + "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", "normal": "var(--vkui--color_palette_red3, #ff71bb)", }, "colorPaletteViolet1": { - "active": "var(--vkui--color_palette_violet1--active, #7814FF)", - "hover": "var(--vkui--color_palette_violet1--hover, #720AFF)", + "active": "var(--vkui--color_palette_violet1--active, #6301EF)", + "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", "normal": "var(--vkui--color_palette_violet1, #6c00ff)", }, "colorPaletteViolet2": { - "active": "var(--vkui--color_palette_violet2--active, #B47EFF)", - "hover": "var(--vkui--color_palette_violet2--hover, #B179FF)", + "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", "normal": "var(--vkui--color_palette_violet2, #ae73ff)", }, "colorPaletteYellow1": { - "active": "var(--vkui--color_palette_yellow1--active, #FFC824)", - "hover": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", + "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "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)", + "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)", }, "colorSocialBehance": { - "active": "var(--vkui--color_social_behance--active, #2A75FF)", - "hover": "var(--vkui--color_social_behance--hover, #206FFF)", + "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, #EC5A92)", - "hover": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "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, #2A82F3)", - "hover": "var(--vkui--color_social_fb--hover, #217CF3)", + "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, #2488DD)", - "hover": "var(--vkui--color_social_mir--hover, #1B83DB)", + "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, #EF8C1C)", - "hover": "var(--vkui--color_social_ok--hover, #EF8712)", + "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, #2FA9F3)", - "hover": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "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, #4E93E2)", - "hover": "var(--vkui--color_social_vk--hover, #478FE1)", + "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, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "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, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330a)", }, "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)", }, "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", + "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", "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)", + "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", "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)", + "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", "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)", + "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", "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)", + "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", "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)", + "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", "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)", + "active": "var(--vkui--color_tag_text_orange--active, #543322)", + "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", "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)", + "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", "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)", + "active": "var(--vkui--color_tag_text_purple--active, #341F59)", + "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", "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)", + "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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))", @@ -179674,81 +169894,81 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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, #1482FF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + "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)", + "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))", @@ -179966,7 +170186,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 13px)", + "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)", }, @@ -180006,14 +170226,14 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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%)", "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)", + "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", - "hover": "var(--vkui--octavius_color_background--hover, #222223)", - "normal": "var(--vkui--octavius_color_background, #19191A)", + "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))", @@ -180026,79 +170246,79 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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))", - "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))", + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, "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))", + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "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))", + "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "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))", + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, "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))", + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, "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)", + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_icon, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_text, #333333)", }, "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))", + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, "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)", + "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, "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)", + "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(255, 255, 255, 0.2))", - "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.16))", + "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, #D7D8DB)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", - "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(39, 43, 55, 0.58))", @@ -180106,210 +170326,210 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", + "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, #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, #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, #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, #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, #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, #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, #1482FF)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", + "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, #414141)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #383838)", - "normal": "var(--vkui--octavius_color_header_search_background, #303030)", + "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, #414141)", - "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #383838)", - "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", + "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, #4F4F4F)", - "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #484848)", - "normal": "var(--vkui--octavius_color_header_search_chip_background, #404040)", + "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, #4D4D4D)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, "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))", + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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, #E9EAEC)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + "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, #9C9EA3)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", - "normal": "var(--vkui--octavius_color_icon_event, #FF6262)", + "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, "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))", + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, "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)", + "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", + "active": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", + "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, "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)", + "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", - "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #EE565E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "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)", + "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, "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))", + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "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)", + "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", + "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", - "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", }, "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", + "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "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)", + "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, "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))", + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", + "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(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)", + "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, "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))", + "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", "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))", + "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, "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)", + "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, "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)", + "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "var(--vkui--octavius_color_list_background_positive_alpha--active, rgba(13, 194, 104, 0.16))", @@ -180317,239 +170537,239 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", }, "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", "normal": "var(--vkui--octavius_color_overlay_background, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, "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)", + "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, "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)", + "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", }, "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", }, "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", }, "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", "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))", + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 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)", + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, "octaviusColorSidebarIconUnread": { - "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", + "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(255, 255, 255, 0.24))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", "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))", + "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, "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))", + "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -180557,43 +170777,43 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", + "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", "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)", + "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, #FF6969)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", + "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", "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)", + "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, #D7D8DB)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", + "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_snackbar_text_contrast, #FFFFFF)", }, "octaviusColorSnackbarTransparent": { @@ -180602,49 +170822,49 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", - "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", - "normal": "var(--vkui--octavius_color_text_finance, #52C392)", + "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "normal": "var(--vkui--octavius_color_text_finance, #27B275)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", - "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", - "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", - "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", - "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", - "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", + "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", - "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", - "normal": "var(--vkui--octavius_color_text_school, #D392F2)", + "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", - "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", - "normal": "var(--vkui--octavius_color_text_social, #7688E9)", + "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "normal": "var(--vkui--octavius_color_text_social, #556AD9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", - "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, "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)", + "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", @@ -180679,9 +170899,9 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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)", + "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", }, "octaviusTextShadowEmptyStateText": "var(--vkui--octavius_text_shadow_empty_state_text, none)", "octaviusTextShadowSidebarItemText": "var(--vkui--octavius_text_shadow_sidebar_item_text, none)", @@ -180737,8 +170957,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV }, "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "compact": "var(--vkui--size_base_margin--compact, 12px)", - "regular": "var(--vkui--size_base_margin--regular, 8px)", + "regular": "var(--vkui--size_base_margin--regular, 12px)", }, "sizeBasePadding": { "compact": "var(--vkui--size_base_padding--compact, 20px)", @@ -180760,7 +170979,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 2px)", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -180822,8 +171041,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 48px)", - "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)", @@ -180832,8 +171051,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "compact": "var(--vkui--size_button_padding_horizontal--compact, 20px)", - "regular": "var(--vkui--size_button_padding_horizontal--regular, 16px)", + "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)", @@ -180845,7 +171064,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 32px)", + "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)", @@ -180884,8 +171104,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, "sizeControlButtonWidthMin": { - "compact": "var(--vkui--size_control_button_width_min--compact, 130px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 104px)", + "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)", @@ -180900,11 +171120,11 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 48px)", - "regular": "var(--vkui--size_field_height--regular, 32px)", + "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, 16px)", + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", @@ -180913,8 +171133,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "compact": "var(--vkui--size_field_vertical_margin--compact, 24px)", - "regular": "var(--vkui--size_field_vertical_margin--regular, 20px)", + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, "sizeFieldWidthMin": { "compact": "var(--vkui--size_field_width_min--compact, 380px)", @@ -180928,8 +171147,8 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "regular": "var(--vkui--size_header_icon--regular, 20px)", }, "sizeIconMargin": { - "compact": "var(--vkui--size_icon_margin--compact, 12px)", - "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)", @@ -181080,7 +171299,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV "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, octaviusCompactDark)", + "themeName": "var(--vkui--theme_name, octavius)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -181114,7 +171333,7 @@ exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssV } `; -exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octavius theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -181132,94 +171351,94 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAlert": { - "active": "#C6442D", - "hover": "#C33C24", + "active": "#B2311E", + "hover": "#B9331C", "normal": "#c1341b", }, "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)", @@ -181227,68 +171446,68 @@ exports[`shapshots octaviusCompactDark 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": "#1482FF", - "hover": "#0A7CFF", + "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -181297,293 +171516,293 @@ exports[`shapshots octaviusCompactDark 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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)", }, "colorPaletteBlue1": { - "active": "#3A5FFF", - "hover": "#3258FF", + "active": "#264CEF", + "hover": "#274EF7", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -181592,18 +171811,18 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#14B2F3", - "hover": "#0AAEF3", + "active": "#009FE4", + "hover": "#00A5EB", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#37E2E2", - "hover": "#2FE0E0", + "active": "#23CED2", + "hover": "#24D7D9", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#B4E326", - "hover": "#B1E21C", + "active": "#A0D016", + "hover": "#A7D915", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -181612,8 +171831,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#66C862", - "hover": "#60C55B", + "active": "#52B552", + "hover": "#55BC53", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -181622,18 +171841,18 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#47ED9D", - "hover": "#3FEC98", + "active": "#33D98D", + "hover": "#35E291", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#14B7B9", - "hover": "#0AB4B6", + "active": "#00A4AA", + "hover": "#00ABAE", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#FF943F", - "hover": "#FF9036", + "active": "#EB812F", + "hover": "#F5862F", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -181642,294 +171861,294 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#FC3D48", - "hover": "#FC3440", + "active": "#E82A38", + "hover": "#F22B38", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#ED2B8B", - "hover": "#EC2286", + "active": "#D8187C", + "hover": "#E2197E", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#FF7CC0", - "hover": "#FF77BE", + "active": "#EB69B1", + "hover": "#F56DB6", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#7814FF", - "hover": "#720AFF", + "active": "#6301EF", + "hover": "#6801F7", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#B47EFF", - "hover": "#B179FF", + "active": "#A06BEF", + "hover": "#A76FF7", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#FFC824", - "hover": "#FFC51B", + "active": "#EBB515", + "hover": "#F5BC13", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", }, "colorSocialBehance": { - "active": "#2A75FF", - "hover": "#206FFF", + "active": "#1562EF", + "hover": "#1665F7", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#EC5A92", - "hover": "#EB538E", + "active": "#D74783", + "hover": "#E14A86", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#2A82F3", - "hover": "#217CF3", + "active": "#166FE4", + "hover": "#1773EB", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#2488DD", - "hover": "#1B83DB", + "active": "#1075CD", + "hover": "#107AD4", "normal": "#117eda", }, "colorSocialOk": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#2FA9F3", - "hover": "#26A5F3", + "active": "#1B95E4", + "hover": "#1C9BEB", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTagBackgroundMint": { - "active": "#B9F1E0", - "hover": "#B6F1DE", + "active": "#A5DED0", + "hover": "#ACE7D7", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#FFD6AF", - "hover": "#FFD4AB", + "active": "#EBC29F", + "hover": "#F5CAA4", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#FFB8DD", - "hover": "#FFB5DB", + "active": "#EBA5CD", + "hover": "#F5ACD4", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#D2B9F1", - "hover": "#D0B6F1", + "active": "#BEA6E2", + "hover": "#C6ACE9", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#ABE1FF", - "hover": "#A8DFFF", + "active": "#97CEEF", + "hover": "#9DD6F7", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#326868", - "hover": "#296262", + "active": "#1D5559", + "hover": "#1F585A", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#684632", - "hover": "#623E29", + "active": "#543322", + "hover": "#573421", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#5F3268", - "hover": "#582962", + "active": "#4B1F59", + "hover": "#4E1F5A", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#483268", - "hover": "#402962", + "active": "#341F59", + "hover": "#361F5A", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#324E68", - "hover": "#294762", + "active": "#1D3B59", + "hover": "#1F3D5A", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", - }, + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -181937,81 +172156,81 @@ exports[`shapshots octaviusCompactDark 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", + "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)", @@ -182229,9 +172448,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { @@ -182269,14 +172488,14 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -182289,79 +172508,79 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorButtonText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorEmptyStateTextLink": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { "active": "rgba(39, 43, 55, 0.58)", @@ -182369,210 +172588,210 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", + "active": "#A7ABB4", + "hover": "#AFB1B9", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", + "active": "#878B93", + "hover": "#8D9197", "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorIconFees": { - "active": "#FF6F6F", - "hover": "#FF6868", + "active": "#EB5B5F", + "hover": "#F55F61", "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", + "active": "#2BB97F", + "hover": "#2DC182", "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { - "active": "#FFAB56", - "hover": "#FFA84E", + "active": "#EB9846", + "hover": "#F59E47", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { - "active": "#EE565E", - "hover": "#ED4E57", + "active": "#D9434E", + "hover": "#E3454F", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { - "active": "#7FC419", - "hover": "#7AC20F", + "active": "#6BB109", + "hover": "#6FB807", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorIconSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", + "active": "#B975DE", + "hover": "#C17AE5", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#2FCBD6", - "hover": "#26C9D4", + "active": "#1BB8C6", + "hover": "#1CC0CC", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#222222", - "hover": "#191919", - "normal": "#0F0F0F", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -182580,239 +172799,239 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", }, "octaviusColorSidebarButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.16)", - "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)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -182820,43 +173039,43 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", + "active": "#EB565A", + "hover": "#F5595B", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", + "active": "#90929A", + "hover": "#96979E", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", + "active": "#187CEF", + "hover": "#1980F7", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -182865,49 +173084,49 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", }, "octaviusElevationCard": "none", "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", @@ -182942,9 +173161,9 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 64, }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "none", - "hover": "none", - "normal": "underline", + "active": "underline", + "hover": "underline", + "normal": "none", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -183000,8 +173219,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` }, "sizeBase": 4, "sizeBaseMargin": { - "compact": 12, - "regular": 8, + "regular": 12, }, "sizeBasePadding": { "compact": 20, @@ -183023,7 +173241,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 2, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -183085,8 +173303,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 48, - "regular": 32, + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -183095,8 +173313,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 20, - "regular": 16, + "compact": 16, + "regular": 20, }, "sizeButtonSliderHeight": { "regular": 24, @@ -183108,7 +173326,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 16, }, "sizeButtonSmallHeight": { - "regular": 32, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -183147,8 +173366,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 130, - "regular": 104, + "compact": 104, + "regular": 130, }, "sizeDivPadding": { "regular": 4, @@ -183163,11 +173382,11 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 8, }, "sizeFieldHeight": { - "compact": 48, - "regular": 32, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { - "regular": 16, + "regular": 20, }, "sizeFieldHorizontalPadding": { "regular": 12, @@ -183176,8 +173395,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 32, }, "sizeFieldVerticalMargin": { - "compact": 24, - "regular": 20, + "regular": 24, }, "sizeFieldWidthMin": { "compact": 380, @@ -183191,8 +173409,8 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "regular": 20, }, "sizeIconMargin": { - "compact": 12, - "regular": 8, + "compact": 8, + "regular": 12, }, "sizeIconMorePadding": { "compact": 8, @@ -183343,7 +173561,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusCompactDark", + "themeName": "octavius", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -183377,7 +173595,7 @@ exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1` } `; -exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusCompact theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -183412,11 +173630,11 @@ exports[`shapshots octaviusDark 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", @@ -183426,25 +173644,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077ff)", + "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", @@ -183454,25 +173672,25 @@ exports[`shapshots octaviusDark 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", @@ -183482,11 +173700,11 @@ exports[`shapshots octaviusDark 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", @@ -183496,11 +173714,11 @@ exports[`shapshots octaviusDark 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", @@ -183510,11 +173728,11 @@ exports[`shapshots octaviusDark 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", @@ -183524,25 +173742,25 @@ exports[`shapshots octaviusDark 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", @@ -183552,11 +173770,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -183566,25 +173784,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { "name": "--vkui--color_accent_red", @@ -183594,11 +173812,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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", @@ -183608,11 +173826,11 @@ exports[`shapshots octaviusDark 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", @@ -183622,25 +173840,25 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, "colorAlert": { "active": { "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #C6442D)", + "value": "var(--vkui--color_alert--active, #B2311E)", }, "hover": { "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #C33C24)", + "value": "var(--vkui--color_alert--hover, #B9331C)", }, "normal": { "name": "--vkui--color_alert", @@ -183650,15 +173868,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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": { @@ -183678,25 +173896,25 @@ exports[`shapshots octaviusDark 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, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", @@ -183706,11 +173924,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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", @@ -183720,39 +173938,39 @@ exports[`shapshots octaviusDark 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", @@ -183762,81 +173980,81 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, "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", @@ -183846,11 +174064,11 @@ exports[`shapshots octaviusDark 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", @@ -183874,137 +174092,137 @@ exports[`shapshots octaviusDark 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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -184014,389 +174232,389 @@ exports[`shapshots octaviusDark 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, #3C3C3D)", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #333334)", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #2b2b2c)", + "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(51, 51, 51, 0.88))", + "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(51, 51, 51, 0.84))", + "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(51, 51, 51, 0.8))", + "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))", }, }, "colorBackgroundThumbnail": { "active": { "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #313131)", + "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #282828)", + "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "value": "var(--vkui--color_background_thumbnail, #EBECEF)", }, }, "colorBackgroundThumbnailAlpha": { "active": { "name": "--vkui--color_background_thumbnail_alpha--active", - "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--color_background_thumbnail_alpha--hover", - "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--color_background_thumbnail_alpha", - "value": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, }, "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, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "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", @@ -184406,11 +174624,11 @@ exports[`shapshots octaviusDark 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", @@ -184420,67 +174638,67 @@ exports[`shapshots octaviusDark 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, #DA300E)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ED330a)", }, }, "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", @@ -184490,25 +174708,25 @@ exports[`shapshots octaviusDark 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", @@ -184518,67 +174736,67 @@ exports[`shapshots octaviusDark 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", @@ -184588,53 +174806,53 @@ exports[`shapshots octaviusDark 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", @@ -184644,39 +174862,39 @@ exports[`shapshots octaviusDark 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))", }, }, "colorPaletteBlue1": { "active": { "name": "--vkui--color_palette_blue1--active", - "value": "var(--vkui--color_palette_blue1--active, #3A5FFF)", + "value": "var(--vkui--color_palette_blue1--active, #264CEF)", }, "hover": { "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #3258FF)", + "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", }, "normal": { "name": "--vkui--color_palette_blue1", @@ -184700,11 +174918,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteBlue2": { "active": { "name": "--vkui--color_palette_blue2--active", - "value": "var(--vkui--color_palette_blue2--active, #14B2F3)", + "value": "var(--vkui--color_palette_blue2--active, #009FE4)", }, "hover": { "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #0AAEF3)", + "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", }, "normal": { "name": "--vkui--color_palette_blue2", @@ -184714,11 +174932,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteBlue3": { "active": { "name": "--vkui--color_palette_blue3--active", - "value": "var(--vkui--color_palette_blue3--active, #37E2E2)", + "value": "var(--vkui--color_palette_blue3--active, #23CED2)", }, "hover": { "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", + "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", }, "normal": { "name": "--vkui--color_palette_blue3", @@ -184728,11 +174946,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteGreen1": { "active": { "name": "--vkui--color_palette_green1--active", - "value": "var(--vkui--color_palette_green1--active, #B4E326)", + "value": "var(--vkui--color_palette_green1--active, #A0D016)", }, "hover": { "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #B1E21C)", + "value": "var(--vkui--color_palette_green1--hover, #A7D915)", }, "normal": { "name": "--vkui--color_palette_green1", @@ -184756,11 +174974,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteGreen2": { "active": { "name": "--vkui--color_palette_green2--active", - "value": "var(--vkui--color_palette_green2--active, #66C862)", + "value": "var(--vkui--color_palette_green2--active, #52B552)", }, "hover": { "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #60C55B)", + "value": "var(--vkui--color_palette_green2--hover, #55BC53)", }, "normal": { "name": "--vkui--color_palette_green2", @@ -184784,11 +175002,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteGreen3": { "active": { "name": "--vkui--color_palette_green3--active", - "value": "var(--vkui--color_palette_green3--active, #47ED9D)", + "value": "var(--vkui--color_palette_green3--active, #33D98D)", }, "hover": { "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #3FEC98)", + "value": "var(--vkui--color_palette_green3--hover, #35E291)", }, "normal": { "name": "--vkui--color_palette_green3", @@ -184798,11 +175016,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteGreen4": { "active": { "name": "--vkui--color_palette_green4--active", - "value": "var(--vkui--color_palette_green4--active, #14B7B9)", + "value": "var(--vkui--color_palette_green4--active, #00A4AA)", }, "hover": { "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #0AB4B6)", + "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", }, "normal": { "name": "--vkui--color_palette_green4", @@ -184812,11 +175030,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteOrange1": { "active": { "name": "--vkui--color_palette_orange1--active", - "value": "var(--vkui--color_palette_orange1--active, #FF943F)", + "value": "var(--vkui--color_palette_orange1--active, #EB812F)", }, "hover": { "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #FF9036)", + "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", }, "normal": { "name": "--vkui--color_palette_orange1", @@ -184840,11 +175058,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteRed1": { "active": { "name": "--vkui--color_palette_red1--active", - "value": "var(--vkui--color_palette_red1--active, #FC3D48)", + "value": "var(--vkui--color_palette_red1--active, #E82A38)", }, "hover": { "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #FC3440)", + "value": "var(--vkui--color_palette_red1--hover, #F22B38)", }, "normal": { "name": "--vkui--color_palette_red1", @@ -184854,11 +175072,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteRed2": { "active": { "name": "--vkui--color_palette_red2--active", - "value": "var(--vkui--color_palette_red2--active, #ED2B8B)", + "value": "var(--vkui--color_palette_red2--active, #D8187C)", }, "hover": { "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #EC2286)", + "value": "var(--vkui--color_palette_red2--hover, #E2197E)", }, "normal": { "name": "--vkui--color_palette_red2", @@ -184868,11 +175086,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteRed3": { "active": { "name": "--vkui--color_palette_red3--active", - "value": "var(--vkui--color_palette_red3--active, #FF7CC0)", + "value": "var(--vkui--color_palette_red3--active, #EB69B1)", }, "hover": { "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #FF77BE)", + "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", }, "normal": { "name": "--vkui--color_palette_red3", @@ -184882,11 +175100,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteViolet1": { "active": { "name": "--vkui--color_palette_violet1--active", - "value": "var(--vkui--color_palette_violet1--active, #7814FF)", + "value": "var(--vkui--color_palette_violet1--active, #6301EF)", }, "hover": { "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #720AFF)", + "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", }, "normal": { "name": "--vkui--color_palette_violet1", @@ -184896,11 +175114,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteViolet2": { "active": { "name": "--vkui--color_palette_violet2--active", - "value": "var(--vkui--color_palette_violet2--active, #B47EFF)", + "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", }, "hover": { "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #B179FF)", + "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", }, "normal": { "name": "--vkui--color_palette_violet2", @@ -184910,11 +175128,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorPaletteYellow1": { "active": { "name": "--vkui--color_palette_yellow1--active", - "value": "var(--vkui--color_palette_yellow1--active, #FFC824)", + "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", }, "hover": { "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", + "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", }, "normal": { "name": "--vkui--color_palette_yellow1", @@ -184924,25 +175142,25 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "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", @@ -184952,137 +175170,137 @@ exports[`shapshots octaviusDark 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)", }, }, "colorSocialBehance": { "active": { "name": "--vkui--color_social_behance--active", - "value": "var(--vkui--color_social_behance--active, #2A75FF)", + "value": "var(--vkui--color_social_behance--active, #1562EF)", }, "hover": { "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #206FFF)", + "value": "var(--vkui--color_social_behance--hover, #1665F7)", }, "normal": { "name": "--vkui--color_social_behance", @@ -185092,11 +175310,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorSocialDribbble": { "active": { "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", + "value": "var(--vkui--color_social_dribbble--active, #D74783)", }, "hover": { "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", }, "normal": { "name": "--vkui--color_social_dribbble", @@ -185106,11 +175324,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorSocialFb": { "active": { "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #2A82F3)", + "value": "var(--vkui--color_social_fb--active, #166FE4)", }, "hover": { "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #217CF3)", + "value": "var(--vkui--color_social_fb--hover, #1773EB)", }, "normal": { "name": "--vkui--color_social_fb", @@ -185120,11 +175338,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorSocialMir": { "active": { "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #2488DD)", + "value": "var(--vkui--color_social_mir--active, #1075CD)", }, "hover": { "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #1B83DB)", + "value": "var(--vkui--color_social_mir--hover, #107AD4)", }, "normal": { "name": "--vkui--color_social_mir", @@ -185134,11 +175352,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorSocialOk": { "active": { "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #EF8C1C)", + "value": "var(--vkui--color_social_ok--active, #DB790C)", }, "hover": { "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #EF8712)", + "value": "var(--vkui--color_social_ok--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_social_ok", @@ -185148,11 +175366,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorSocialTwitter": { "active": { "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", + "value": "var(--vkui--color_social_twitter--active, #1B95E4)", }, "hover": { "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", }, "normal": { "name": "--vkui--color_social_twitter", @@ -185162,11 +175380,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorSocialVk": { "active": { "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #4E93E2)", + "value": "var(--vkui--color_social_vk--active, #3A80D3)", }, "hover": { "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #478FE1)", + "value": "var(--vkui--color_social_vk--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_social_vk", @@ -185176,39 +175394,39 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "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", @@ -185218,25 +175436,25 @@ exports[`shapshots octaviusDark 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, #DA300E)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ED330a)", }, }, "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", @@ -185246,25 +175464,25 @@ exports[`shapshots octaviusDark 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)", }, }, "colorTagBackgroundMint": { "active": { "name": "--vkui--color_tag_background_mint--active", - "value": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", + "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", }, "hover": { "name": "--vkui--color_tag_background_mint--hover", - "value": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", + "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", }, "normal": { "name": "--vkui--color_tag_background_mint", @@ -185274,11 +175492,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagBackgroundOrange": { "active": { "name": "--vkui--color_tag_background_orange--active", - "value": "var(--vkui--color_tag_background_orange--active, #FFD6AF)", + "value": "var(--vkui--color_tag_background_orange--active, #EBC29F)", }, "hover": { "name": "--vkui--color_tag_background_orange--hover", - "value": "var(--vkui--color_tag_background_orange--hover, #FFD4AB)", + "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", }, "normal": { "name": "--vkui--color_tag_background_orange", @@ -185288,11 +175506,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagBackgroundPink": { "active": { "name": "--vkui--color_tag_background_pink--active", - "value": "var(--vkui--color_tag_background_pink--active, #FFB8DD)", + "value": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", }, "hover": { "name": "--vkui--color_tag_background_pink--hover", - "value": "var(--vkui--color_tag_background_pink--hover, #FFB5DB)", + "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", }, "normal": { "name": "--vkui--color_tag_background_pink", @@ -185302,11 +175520,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagBackgroundPurple": { "active": { "name": "--vkui--color_tag_background_purple--active", - "value": "var(--vkui--color_tag_background_purple--active, #D2B9F1)", + "value": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", }, "hover": { "name": "--vkui--color_tag_background_purple--hover", - "value": "var(--vkui--color_tag_background_purple--hover, #D0B6F1)", + "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", }, "normal": { "name": "--vkui--color_tag_background_purple", @@ -185316,11 +175534,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagBackgroundSky": { "active": { "name": "--vkui--color_tag_background_sky--active", - "value": "var(--vkui--color_tag_background_sky--active, #ABE1FF)", + "value": "var(--vkui--color_tag_background_sky--active, #97CEEF)", }, "hover": { "name": "--vkui--color_tag_background_sky--hover", - "value": "var(--vkui--color_tag_background_sky--hover, #A8DFFF)", + "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", }, "normal": { "name": "--vkui--color_tag_background_sky", @@ -185330,11 +175548,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagTextMint": { "active": { "name": "--vkui--color_tag_text_mint--active", - "value": "var(--vkui--color_tag_text_mint--active, #326868)", + "value": "var(--vkui--color_tag_text_mint--active, #1D5559)", }, "hover": { "name": "--vkui--color_tag_text_mint--hover", - "value": "var(--vkui--color_tag_text_mint--hover, #296262)", + "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", }, "normal": { "name": "--vkui--color_tag_text_mint", @@ -185344,11 +175562,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagTextOrange": { "active": { "name": "--vkui--color_tag_text_orange--active", - "value": "var(--vkui--color_tag_text_orange--active, #684632)", + "value": "var(--vkui--color_tag_text_orange--active, #543322)", }, "hover": { "name": "--vkui--color_tag_text_orange--hover", - "value": "var(--vkui--color_tag_text_orange--hover, #623E29)", + "value": "var(--vkui--color_tag_text_orange--hover, #573421)", }, "normal": { "name": "--vkui--color_tag_text_orange", @@ -185358,11 +175576,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagTextPink": { "active": { "name": "--vkui--color_tag_text_pink--active", - "value": "var(--vkui--color_tag_text_pink--active, #5F3268)", + "value": "var(--vkui--color_tag_text_pink--active, #4B1F59)", }, "hover": { "name": "--vkui--color_tag_text_pink--hover", - "value": "var(--vkui--color_tag_text_pink--hover, #582962)", + "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", }, "normal": { "name": "--vkui--color_tag_text_pink", @@ -185372,11 +175590,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagTextPurple": { "active": { "name": "--vkui--color_tag_text_purple--active", - "value": "var(--vkui--color_tag_text_purple--active, #483268)", + "value": "var(--vkui--color_tag_text_purple--active, #341F59)", }, "hover": { "name": "--vkui--color_tag_text_purple--hover", - "value": "var(--vkui--color_tag_text_purple--hover, #402962)", + "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", }, "normal": { "name": "--vkui--color_tag_text_purple", @@ -185386,11 +175604,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTagTextSky": { "active": { "name": "--vkui--color_tag_text_sky--active", - "value": "var(--vkui--color_tag_text_sky--active, #324E68)", + "value": "var(--vkui--color_tag_text_sky--active, #1D3B59)", }, "hover": { "name": "--vkui--color_tag_text_sky--hover", - "value": "var(--vkui--color_tag_text_sky--hover, #294762)", + "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", }, "normal": { "name": "--vkui--color_tag_text_sky", @@ -185400,39 +175618,39 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #2C8FFF)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "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", @@ -185442,53 +175660,53 @@ exports[`shapshots octaviusDark 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, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "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", @@ -185498,11 +175716,11 @@ exports[`shapshots octaviusDark 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", @@ -185512,39 +175730,39 @@ exports[`shapshots octaviusDark 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", @@ -185554,39 +175772,39 @@ exports[`shapshots octaviusDark 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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", @@ -185596,57 +175814,57 @@ exports[`shapshots octaviusDark 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "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": { @@ -185666,137 +175884,137 @@ exports[`shapshots octaviusDark 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", @@ -185806,11 +176024,11 @@ exports[`shapshots octaviusDark 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", @@ -185820,82 +176038,82 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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": { @@ -186857,7 +177075,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", + "value": "var(--vkui--font_text--font_size--regular, 13px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -187009,7 +177227,7 @@ exports[`shapshots octaviusDark 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", @@ -187017,7 +177235,7 @@ exports[`shapshots octaviusDark 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", @@ -187026,29 +177244,29 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", + "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", + "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", + "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "value": "var(--vkui--octavius_color_background--active, #E2E5E9)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #222223)", + "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #19191A)", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -187082,39 +177300,39 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", }, "normal": { "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, "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))", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "hover": { "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_button_background_alpha", @@ -187124,151 +177342,151 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", }, "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", }, "normal": { "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, }, "octaviusColorButtonIcon": { "active": { "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_icon, #333333)", }, }, "octaviusColorButtonText": { "active": { "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_text, #333333)", }, }, "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))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", + "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #232324)", + "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_empty_state_text, #333333)", }, }, "octaviusColorEmptyStateTextLink": { "active": { "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", + "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, }, "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #353536)", + "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, #2C2C2D)", + "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #232324)", + "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(255, 255, 255, 0.2))", + "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(255, 255, 255, 0.16))", + "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", @@ -187278,15 +177496,15 @@ exports[`shapshots octaviusDark 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, #D7D8DB)", + "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, #EBEDF0)", + "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": { @@ -187306,11 +177524,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_icon", @@ -187320,53 +177538,53 @@ exports[`shapshots octaviusDark 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, #C8CAD0)", }, "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, #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, #D7D8DB)", + "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, #EBEDF0)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_header_progress", @@ -187376,81 +177594,81 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", + "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, #383838)", + "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, #303030)", + "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, #414141)", + "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, #383838)", + "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, #303030)", + "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, #4F4F4F)", + "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, #484848)", + "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, #404040)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, }, "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", }, "normal": { "name": "--vkui--octavius_color_header_search_icon", @@ -187460,67 +177678,67 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + "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, #E8E9EB)", + "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, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", @@ -187530,53 +177748,53 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", + "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", + "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #FF6262)", + "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", + "value": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", @@ -187586,11 +177804,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", + "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", @@ -187600,25 +177818,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", + "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, }, "octaviusColorIconMailings": { "active": { "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", + "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", }, "hover": { "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", }, "normal": { "name": "--vkui--octavius_color_icon_mailings", @@ -187628,25 +177846,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, }, "octaviusColorIconOfficial": { "active": { "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", + "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", }, "hover": { "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", }, "normal": { "name": "--vkui--octavius_color_icon_official", @@ -187656,39 +177874,39 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_order_alpha", - "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, }, "octaviusColorIconReceipts": { "active": { "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", + "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", }, "hover": { "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", }, "normal": { "name": "--vkui--octavius_color_icon_receipts", @@ -187698,25 +177916,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, }, "octaviusColorIconSchool": { "active": { "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", + "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", }, "hover": { "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", + "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", }, "normal": { "name": "--vkui--octavius_color_icon_school", @@ -187726,25 +177944,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "value": "var(--vkui--octavius_color_icon_social, #7288FF)", }, }, "octaviusColorIconToMyself": { "active": { "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", }, "hover": { "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", }, "normal": { "name": "--vkui--octavius_color_icon_to_myself", @@ -187754,39 +177972,39 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", @@ -187796,43 +178014,43 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", }, "hover": { "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_layout_border_alpha", - "value": "var(--vkui--octavius_color_layout_border_alpha, transparent)", + "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_layout_letter_border_alpha", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, }, "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%))", + "value": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", }, "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))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", }, "normal": { "name": "--vkui--octavius_color_letter_contact_background_alpha", @@ -187842,43 +178060,43 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorLetterListTextUnread": { "active": { "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_letter_list_text_unread", - "value": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, }, "octaviusColorLetterPreviewBackgroundPrimary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #1D1D1D)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", }, "normal": { "name": "--vkui--octavius_color_letter_preview_background_primary", - "value": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, }, "octaviusColorLetterPreviewBackgroundSecondary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #191919)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", }, "normal": { "name": "--vkui--octavius_color_letter_preview_background_secondary", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, }, "octaviusColorListBackgroundPositiveAlpha": { @@ -187898,25 +178116,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #303733)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", }, "normal": { "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, }, "octaviusColorListIconPrimary": { "active": { "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_icon_primary", @@ -187926,53 +178144,53 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #1E1E1E)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", }, "normal": { "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", }, "normal": { "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #232324)", + "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", }, "normal": { "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, }, "octaviusColorListTextPrimary": { "active": { "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_text_primary", @@ -187982,11 +178200,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorListTextUnread": { "active": { "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_list_text_unread", @@ -187996,25 +178214,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #141414)", + "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #000000)", + "value": "var(--vkui--octavius_color_notification_border, #ffffff)", }, }, "octaviusColorOverlayBackground": { "active": { "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", }, "hover": { "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_overlay_background", @@ -188024,81 +178242,81 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #000000)", + "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", + "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", }, "normal": { "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #414141)", + "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", + "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #303030)", + "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, }, "octaviusColorSidebarButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_background", @@ -188108,11 +178326,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_icon", @@ -188122,11 +178340,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_text", @@ -188136,25 +178354,25 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarComposeButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_background", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", }, }, "octaviusColorSidebarComposeButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_icon", @@ -188164,11 +178382,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarComposeButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_text", @@ -188178,11 +178396,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha", @@ -188192,123 +178410,123 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #43BDFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #EF4444)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC985)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_unread", @@ -188318,11 +178536,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_background_alpha", @@ -188332,225 +178550,225 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, }, "octaviusColorSidebarItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, }, "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, }, "octaviusColorSidebarItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, }, "octaviusColorSidebarItemTextPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, }, "octaviusColorSidebarItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, }, "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))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, "hover": { "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", }, "normal": { "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", - "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", }, }, "octaviusColorSidebarShortItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", }, }, "octaviusColorSidebarShortItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #9C9DA2)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", }, }, "octaviusColorSidebarShortItemText": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text", - "value": "var(--vkui--octavius_color_sidebar_short_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, }, "octaviusColorSidebarShortItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", }, }, "octaviusColorSidebarShortItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -188570,11 +178788,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarBackground": { "active": { "name": "--vkui--octavius_color_snackbar_background--active", - "value": "var(--vkui--octavius_color_snackbar_background--active, #414141)", + "value": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", }, "hover": { "name": "--vkui--octavius_color_snackbar_background--hover", - "value": "var(--vkui--octavius_color_snackbar_background--hover, #383838)", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", }, "normal": { "name": "--vkui--octavius_color_snackbar_background", @@ -188584,11 +178802,11 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", @@ -188598,11 +178816,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconNegative": { "active": { "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #FF6969)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_negative--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_negative", @@ -188612,11 +178830,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconPositive": { "active": { "name": "--vkui--octavius_color_snackbar_icon_positive--active", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #20C774)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_positive--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #17C46E)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_positive", @@ -188626,11 +178844,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconSecondary": { "active": { "name": "--vkui--octavius_color_snackbar_icon_secondary--active", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_secondary", @@ -188640,11 +178858,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconWarning": { "active": { "name": "--vkui--octavius_color_snackbar_icon_warning--active", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #FFA614)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", }, "hover": { "name": "--vkui--octavius_color_snackbar_icon_warning--hover", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #FFA20A)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_warning", @@ -188654,11 +178872,11 @@ 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, #2C8FFF)", + "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, #238AFF)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", @@ -188668,11 +178886,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextContrast": { "active": { "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_snackbar_text_contrast--hover", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_contrast", @@ -188696,127 +178914,127 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #52C392)", + "value": "var(--vkui--octavius_color_text_finance, #27B275)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "value": "var(--vkui--octavius_color_text_games, #EBAF00)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #37C1E8)", + "value": "var(--vkui--octavius_color_text_news, #08ABD9)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #D392F2)", + "value": "var(--vkui--octavius_color_text_school, #C97EEC)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #7688E9)", + "value": "var(--vkui--octavius_color_text_social, #556AD9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #414141)", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", }, "hover": { "name": "--vkui--octavius_color_thread_footer_background--hover", - "value": "var(--vkui--octavius_color_thread_footer_background--hover, #383838)", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", }, "normal": { "name": "--vkui--octavius_color_thread_footer_background", - "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", + "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, }, "octaviusElevationCard": { @@ -188938,15 +179156,15 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "octaviusTextDecorationEmptyStateTextLink": { "active": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", }, "hover": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", }, "normal": { "name": "--vkui--octavius_text_decoration_empty_state_text_link", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, underline)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", }, }, "octaviusTextShadowEmptyStateText": { @@ -189134,9 +179352,13 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_margin", "value": "var(--vkui--size_base_margin)", }, + "compact": { + "name": "--vkui--size_base_margin--compact", + "value": "var(--vkui--size_base_margin--compact, 12px)", + }, "regular": { "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "value": "var(--vkui--size_base_margin--regular, 8px)", }, }, "sizeBasePadding": { @@ -189210,7 +179432,7 @@ exports[`shapshots octaviusDark 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, 2px)", }, }, "sizeBorderRadiusPaper": { @@ -189418,11 +179640,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "value": "var(--vkui--size_button_medium_height--compact, 48px)", }, "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, 32px)", }, }, "sizeButtonMinimumWidth": { @@ -189452,11 +179674,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "value": "var(--vkui--size_button_padding_horizontal--compact, 20px)", }, "regular": { "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 16px)", }, }, "sizeButtonSliderHeight": { @@ -189494,13 +179716,9 @@ exports[`shapshots octaviusDark 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, 32px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -189630,11 +179848,11 @@ exports[`shapshots octaviusDark 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)", }, "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, 104px)", }, }, "sizeDivPadding": { @@ -189684,11 +179902,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "value": "var(--vkui--size_field_height--compact, 48px)", }, "regular": { "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "value": "var(--vkui--size_field_height--regular, 32px)", }, }, "sizeFieldHorizontalMargin": { @@ -189698,7 +179916,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "value": "var(--vkui--size_field_horizontal_margin--regular, 16px)", }, }, "sizeFieldHorizontalPadding": { @@ -189726,9 +179944,13 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_vertical_margin", "value": "var(--vkui--size_field_vertical_margin)", }, + "compact": { + "name": "--vkui--size_field_vertical_margin--compact", + "value": "var(--vkui--size_field_vertical_margin--compact, 24px)", + }, "regular": { "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "value": "var(--vkui--size_field_vertical_margin--regular, 20px)", }, }, "sizeFieldWidthMin": { @@ -189776,11 +179998,11 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", + "value": "var(--vkui--size_icon_margin--compact, 12px)", }, "regular": { "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "value": "var(--vkui--size_icon_margin--regular, 8px)", }, }, "sizeIconMorePadding": { @@ -190295,7 +180517,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusDark)", + "value": "var(--vkui--theme_name, octaviusCompact)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -190417,7 +180639,7 @@ exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusCompact theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -190435,94 +180657,94 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAlert": { - "active": "#C6442D", - "hover": "#C33C24", + "active": "#B2311E", + "hover": "#B9331C", "normal": "#c1341b", }, "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)", @@ -190530,68 +180752,68 @@ exports[`shapshots octaviusDark 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": "#1482FF", - "hover": "#0A7CFF", + "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -190600,293 +180822,293 @@ exports[`shapshots octaviusDark 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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)", }, "colorPaletteBlue1": { - "active": "#3A5FFF", - "hover": "#3258FF", + "active": "#264CEF", + "hover": "#274EF7", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -190895,18 +181117,18 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#14B2F3", - "hover": "#0AAEF3", + "active": "#009FE4", + "hover": "#00A5EB", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#37E2E2", - "hover": "#2FE0E0", + "active": "#23CED2", + "hover": "#24D7D9", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#B4E326", - "hover": "#B1E21C", + "active": "#A0D016", + "hover": "#A7D915", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -190915,8 +181137,8 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#66C862", - "hover": "#60C55B", + "active": "#52B552", + "hover": "#55BC53", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -190925,18 +181147,18 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#47ED9D", - "hover": "#3FEC98", + "active": "#33D98D", + "hover": "#35E291", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#14B7B9", - "hover": "#0AB4B6", + "active": "#00A4AA", + "hover": "#00ABAE", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#FF943F", - "hover": "#FF9036", + "active": "#EB812F", + "hover": "#F5862F", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -190945,294 +181167,294 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#FC3D48", - "hover": "#FC3440", + "active": "#E82A38", + "hover": "#F22B38", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#ED2B8B", - "hover": "#EC2286", + "active": "#D8187C", + "hover": "#E2197E", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#FF7CC0", - "hover": "#FF77BE", + "active": "#EB69B1", + "hover": "#F56DB6", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#7814FF", - "hover": "#720AFF", + "active": "#6301EF", + "hover": "#6801F7", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#B47EFF", - "hover": "#B179FF", + "active": "#A06BEF", + "hover": "#A76FF7", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#FFC824", - "hover": "#FFC51B", + "active": "#EBB515", + "hover": "#F5BC13", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", }, "colorSocialBehance": { - "active": "#2A75FF", - "hover": "#206FFF", + "active": "#1562EF", + "hover": "#1665F7", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#EC5A92", - "hover": "#EB538E", + "active": "#D74783", + "hover": "#E14A86", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#2A82F3", - "hover": "#217CF3", + "active": "#166FE4", + "hover": "#1773EB", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#2488DD", - "hover": "#1B83DB", + "active": "#1075CD", + "hover": "#107AD4", "normal": "#117eda", }, "colorSocialOk": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#2FA9F3", - "hover": "#26A5F3", + "active": "#1B95E4", + "hover": "#1C9BEB", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTagBackgroundMint": { - "active": "#B9F1E0", - "hover": "#B6F1DE", + "active": "#A5DED0", + "hover": "#ACE7D7", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#FFD6AF", - "hover": "#FFD4AB", + "active": "#EBC29F", + "hover": "#F5CAA4", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#FFB8DD", - "hover": "#FFB5DB", + "active": "#EBA5CD", + "hover": "#F5ACD4", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#D2B9F1", - "hover": "#D0B6F1", + "active": "#BEA6E2", + "hover": "#C6ACE9", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#ABE1FF", - "hover": "#A8DFFF", + "active": "#97CEEF", + "hover": "#9DD6F7", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#326868", - "hover": "#296262", + "active": "#1D5559", + "hover": "#1F585A", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#684632", - "hover": "#623E29", + "active": "#543322", + "hover": "#573421", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#5F3268", - "hover": "#582962", + "active": "#4B1F59", + "hover": "#4E1F5A", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#483268", - "hover": "#402962", + "active": "#341F59", + "hover": "#361F5A", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#324E68", - "hover": "#294762", + "active": "#1D3B59", + "hover": "#1F3D5A", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -191240,86 +181462,86 @@ exports[`shapshots octaviusDark 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", @@ -191532,7 +181754,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontSize": "13px", "fontWeight": 400, "lineHeight": "20px", }, @@ -191567,19 +181789,19 @@ exports[`shapshots octaviusDark 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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -191592,79 +181814,79 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorButtonText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorEmptyStateTextLink": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { "active": "rgba(39, 43, 55, 0.58)", @@ -191672,210 +181894,210 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", + "active": "#A7ABB4", + "hover": "#AFB1B9", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", + "active": "#878B93", + "hover": "#8D9197", "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorIconFees": { - "active": "#FF6F6F", - "hover": "#FF6868", + "active": "#EB5B5F", + "hover": "#F55F61", "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", + "active": "#2BB97F", + "hover": "#2DC182", "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { - "active": "#FFAB56", - "hover": "#FFA84E", + "active": "#EB9846", + "hover": "#F59E47", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { - "active": "#EE565E", - "hover": "#ED4E57", + "active": "#D9434E", + "hover": "#E3454F", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { - "active": "#7FC419", - "hover": "#7AC20F", + "active": "#6BB109", + "hover": "#6FB807", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorIconSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", + "active": "#B975DE", + "hover": "#C17AE5", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#2FCBD6", - "hover": "#26C9D4", + "active": "#1BB8C6", + "hover": "#1CC0CC", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, - "octaviusColorLetterAttachListBackground": "linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)", + "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#222222", - "hover": "#191919", - "normal": "#0F0F0F", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -191883,239 +182105,239 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", }, "octaviusColorSidebarButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.16)", - "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)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -192123,43 +182345,43 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", + "active": "#EB565A", + "hover": "#F5595B", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", + "active": "#90929A", + "hover": "#96979E", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", + "active": "#187CEF", + "hover": "#1980F7", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -192168,49 +182390,49 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", }, "octaviusElevationCard": "none", "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", @@ -192245,9 +182467,9 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "64px", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "none", - "hover": "none", - "normal": "underline", + "active": "underline", + "hover": "underline", + "normal": "none", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -192303,7 +182525,8 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = }, "sizeBase": "4px", "sizeBaseMargin": { - "regular": "12px", + "compact": "12px", + "regular": "8px", }, "sizeBasePadding": { "compact": "20px", @@ -192325,7 +182548,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "2px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -192387,8 +182610,8 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "48px", + "regular": "32px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -192397,8 +182620,8 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -192410,8 +182633,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "32px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -192450,8 +182672,8 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "compact": "130px", + "regular": "104px", }, "sizeDivPadding": { "regular": "4px", @@ -192466,11 +182688,11 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": "48px", + "regular": "32px", }, "sizeFieldHorizontalMargin": { - "regular": "20px", + "regular": "16px", }, "sizeFieldHorizontalPadding": { "regular": "12px", @@ -192479,7 +182701,8 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "32px", }, "sizeFieldVerticalMargin": { - "regular": "24px", + "compact": "24px", + "regular": "20px", }, "sizeFieldWidthMin": { "compact": "380px", @@ -192493,8 +182716,8 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "regular": "20px", }, "sizeIconMargin": { - "compact": "8px", - "regular": "12px", + "compact": "12px", + "regular": "8px", }, "sizeIconMorePadding": { "compact": "8px", @@ -192645,7 +182868,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusDark", + "themeName": "octaviusCompact", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -192679,7 +182902,7 @@ exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = } `; -exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusCompact theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -192697,94 +182920,94 @@ exports[`shapshots octaviusDark 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, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", "normal": "var(--vkui--color_accent_red, #ED330A)", }, "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, #1482FF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", - "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + "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, #C6442D)", - "hover": "var(--vkui--color_alert--hover, #C33C24)", + "active": "var(--vkui--color_alert--active, #B2311E)", + "hover": "var(--vkui--color_alert--hover, #B9331C)", "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -192792,68 +183015,68 @@ exports[`shapshots octaviusDark 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, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "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": { @@ -192862,293 +183085,293 @@ exports[`shapshots octaviusDark 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, 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))", + "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, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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(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))", + "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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #313131)", - "hover": "var(--vkui--color_background_thumbnail--hover, #282828)", - "normal": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", }, "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))", + "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, "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))", - }, - "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_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.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, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "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, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330a)", }, "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))", }, "colorPaletteBlue1": { - "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", - "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", + "active": "var(--vkui--color_palette_blue1--active, #264CEF)", + "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", "normal": "var(--vkui--color_palette_blue1, #2951ff)", }, "colorPaletteBlue1Alpha": { @@ -193157,18 +183380,18 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--color_palette_blue2--active, #009FE4)", + "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", "normal": "var(--vkui--color_palette_blue2, #00abf2)", }, "colorPaletteBlue3": { - "active": "var(--vkui--color_palette_blue3--active, #37E2E2)", - "hover": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", + "active": "var(--vkui--color_palette_blue3--active, #23CED2)", + "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", "normal": "var(--vkui--color_palette_blue3, #26dfdf)", }, "colorPaletteGreen1": { - "active": "var(--vkui--color_palette_green1--active, #B4E326)", - "hover": "var(--vkui--color_palette_green1--hover, #B1E21C)", + "active": "var(--vkui--color_palette_green1--active, #A0D016)", + "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", "normal": "var(--vkui--color_palette_green1, #aee113)", }, "colorPaletteGreen1Alpha": { @@ -193177,8 +183400,8 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--color_palette_green2--active, #52B552)", + "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", "normal": "var(--vkui--color_palette_green2, #59c354)", }, "colorPaletteGreen2Alpha": { @@ -193187,18 +183410,18 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--color_palette_green3--active, #33D98D)", + "hover": "var(--vkui--color_palette_green3--hover, #35E291)", "normal": "var(--vkui--color_palette_green3, #37eb94)", }, "colorPaletteGreen4": { - "active": "var(--vkui--color_palette_green4--active, #14B7B9)", - "hover": "var(--vkui--color_palette_green4--hover, #0AB4B6)", + "active": "var(--vkui--color_palette_green4--active, #00A4AA)", + "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", "normal": "var(--vkui--color_palette_green4, #00b1b3)", }, "colorPaletteOrange1": { - "active": "var(--vkui--color_palette_orange1--active, #FF943F)", - "hover": "var(--vkui--color_palette_orange1--hover, #FF9036)", + "active": "var(--vkui--color_palette_orange1--active, #EB812F)", + "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", }, "colorPaletteOrange1Alpha": { @@ -193207,294 +183430,294 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--color_palette_red1--active, #E82A38)", + "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", "normal": "var(--vkui--color_palette_red1, #fc2c38)", }, "colorPaletteRed2": { - "active": "var(--vkui--color_palette_red2--active, #ED2B8B)", - "hover": "var(--vkui--color_palette_red2--hover, #EC2286)", + "active": "var(--vkui--color_palette_red2--active, #D8187C)", + "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", "normal": "var(--vkui--color_palette_red2, #eb1981)", }, "colorPaletteRed3": { - "active": "var(--vkui--color_palette_red3--active, #FF7CC0)", - "hover": "var(--vkui--color_palette_red3--hover, #FF77BE)", + "active": "var(--vkui--color_palette_red3--active, #EB69B1)", + "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", "normal": "var(--vkui--color_palette_red3, #ff71bb)", }, "colorPaletteViolet1": { - "active": "var(--vkui--color_palette_violet1--active, #7814FF)", - "hover": "var(--vkui--color_palette_violet1--hover, #720AFF)", + "active": "var(--vkui--color_palette_violet1--active, #6301EF)", + "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", "normal": "var(--vkui--color_palette_violet1, #6c00ff)", }, "colorPaletteViolet2": { - "active": "var(--vkui--color_palette_violet2--active, #B47EFF)", - "hover": "var(--vkui--color_palette_violet2--hover, #B179FF)", + "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", "normal": "var(--vkui--color_palette_violet2, #ae73ff)", }, "colorPaletteYellow1": { - "active": "var(--vkui--color_palette_yellow1--active, #FFC824)", - "hover": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", + "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "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)", + "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)", }, "colorSocialBehance": { - "active": "var(--vkui--color_social_behance--active, #2A75FF)", - "hover": "var(--vkui--color_social_behance--hover, #206FFF)", + "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, #EC5A92)", - "hover": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "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, #2A82F3)", - "hover": "var(--vkui--color_social_fb--hover, #217CF3)", + "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, #2488DD)", - "hover": "var(--vkui--color_social_mir--hover, #1B83DB)", + "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, #EF8C1C)", - "hover": "var(--vkui--color_social_ok--hover, #EF8712)", + "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, #2FA9F3)", - "hover": "var(--vkui--color_social_twitter--hover, #26A5F3)", + "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, #4E93E2)", - "hover": "var(--vkui--color_social_vk--hover, #478FE1)", + "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, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "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, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330a)", }, "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)", }, "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", + "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", "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)", + "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", "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)", + "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", "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)", + "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", "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)", + "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", "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)", + "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", "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)", + "active": "var(--vkui--color_tag_text_orange--active, #543322)", + "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", "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)", + "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", "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)", + "active": "var(--vkui--color_tag_text_purple--active, #341F59)", + "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", "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)", + "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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))", @@ -193502,86 +183725,86 @@ exports[`shapshots octaviusDark 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, #1482FF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + "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)", @@ -193794,7 +184017,7 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", + "fontSize": "var(--vkui--font_text--font_size--regular, 13px)", "fontWeight": "var(--vkui--font_text--font_weight--regular, 400)", "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", }, @@ -193829,19 +184052,19 @@ exports[`shapshots octaviusDark 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%)", "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)", + "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", - "hover": "var(--vkui--octavius_color_background--hover, #222223)", - "normal": "var(--vkui--octavius_color_background, #19191A)", + "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))", @@ -193854,79 +184077,79 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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))", - "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))", + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, "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))", + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "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))", + "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "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))", + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, "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))", + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, "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)", + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_icon, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_text, #333333)", }, "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))", + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, "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)", + "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, "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)", + "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(255, 255, 255, 0.2))", - "hover": "var(--vkui--octavius_color_header_button_background_alpha--hover, rgba(255, 255, 255, 0.16))", + "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, #D7D8DB)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", - "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(39, 43, 55, 0.58))", @@ -193934,210 +184157,210 @@ exports[`shapshots octaviusDark 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, #D7D8DB)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", + "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, #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, #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, #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, #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, #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, #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, #1482FF)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", + "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, #414141)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #383838)", - "normal": "var(--vkui--octavius_color_header_search_background, #303030)", + "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, #414141)", - "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #383838)", - "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", + "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, #4F4F4F)", - "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #484848)", - "normal": "var(--vkui--octavius_color_header_search_chip_background, #404040)", + "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, #4D4D4D)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, "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))", + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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, #E9EAEC)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + "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, #9C9EA3)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", - "normal": "var(--vkui--octavius_color_icon_event, #FF6262)", + "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, "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))", + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, "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)", + "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", + "active": "var(--vkui--octavius_color_icon_fees--active, #EB5B5F)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #F55F61)", "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", + "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, "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)", + "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", - "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #EE565E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", + "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "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)", + "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, "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))", + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", + "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "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)", + "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", + "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", - "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", }, "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", + "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "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)", + "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, "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))", + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #1482FF)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", + "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(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)", + "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, "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))", + "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, - "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%))", + "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", "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))", + "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, "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)", + "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, "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)", + "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "var(--vkui--octavius_color_list_background_positive_alpha--active, rgba(13, 194, 104, 0.16))", @@ -194145,239 +184368,239 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", + "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", + "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", }, "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", + "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", }, "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))", + "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", "normal": "var(--vkui--octavius_color_overlay_background, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, "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)", + "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, "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)", + "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", + "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", }, "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", }, "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", }, "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", + "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", "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))", + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 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)", + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, "octaviusColorSidebarIconUnread": { - "active": "var(--vkui--octavius_color_sidebar_icon_unread--active, #1482FF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #0A7CFF)", + "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(255, 255, 255, 0.24))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.24))", + "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", "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))", + "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, "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))", + "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -194385,43 +184608,43 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", + "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", "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)", + "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, #FF6969)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", + "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", "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)", + "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", "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)", + "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, #D7D8DB)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", + "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", "normal": "var(--vkui--octavius_color_snackbar_text_contrast, #FFFFFF)", }, "octaviusColorSnackbarTransparent": { @@ -194430,49 +184653,49 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", - "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", - "normal": "var(--vkui--octavius_color_text_finance, #52C392)", + "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "normal": "var(--vkui--octavius_color_text_finance, #27B275)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", - "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", - "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", - "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", - "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", - "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", + "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", - "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", - "normal": "var(--vkui--octavius_color_text_school, #D392F2)", + "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", - "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", - "normal": "var(--vkui--octavius_color_text_social, #7688E9)", + "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "normal": "var(--vkui--octavius_color_text_social, #556AD9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", - "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, "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)", + "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", @@ -194507,9 +184730,9 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", }, "octaviusTextShadowEmptyStateText": "var(--vkui--octavius_text_shadow_empty_state_text, none)", "octaviusTextShadowSidebarItemText": "var(--vkui--octavius_text_shadow_sidebar_item_text, none)", @@ -194565,7 +184788,8 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] }, "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "compact": "var(--vkui--size_base_margin--compact, 12px)", + "regular": "var(--vkui--size_base_margin--regular, 8px)", }, "sizeBasePadding": { "compact": "var(--vkui--size_base_padding--compact, 20px)", @@ -194587,7 +184811,7 @@ exports[`shapshots octaviusDark 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, 2px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -194649,8 +184873,8 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "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)", + "compact": "var(--vkui--size_button_medium_height--compact, 48px)", + "regular": "var(--vkui--size_button_medium_height--regular, 32px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -194659,8 +184883,8 @@ exports[`shapshots octaviusDark 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)", + "compact": "var(--vkui--size_button_padding_horizontal--compact, 20px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 16px)", }, "sizeButtonSliderHeight": { "regular": "var(--vkui--size_button_slider_height--regular, 24px)", @@ -194672,8 +184896,7 @@ exports[`shapshots octaviusDark 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, 32px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -194712,8 +184935,8 @@ exports[`shapshots octaviusDark 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)", + "regular": "var(--vkui--size_control_button_width_min--regular, 104px)", }, "sizeDivPadding": { "regular": "var(--vkui--size_div_padding--regular, 4px)", @@ -194728,11 +184951,11 @@ exports[`shapshots octaviusDark 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)", + "compact": "var(--vkui--size_field_height--compact, 48px)", + "regular": "var(--vkui--size_field_height--regular, 32px)", }, "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "regular": "var(--vkui--size_field_horizontal_margin--regular, 16px)", }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", @@ -194741,7 +184964,8 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "compact": "var(--vkui--size_field_vertical_margin--compact, 24px)", + "regular": "var(--vkui--size_field_vertical_margin--regular, 20px)", }, "sizeFieldWidthMin": { "compact": "var(--vkui--size_field_width_min--compact, 380px)", @@ -194755,8 +184979,8 @@ exports[`shapshots octaviusDark 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)", + "compact": "var(--vkui--size_icon_margin--compact, 12px)", + "regular": "var(--vkui--size_icon_margin--regular, 8px)", }, "sizeIconMorePadding": { "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", @@ -194907,7 +185131,7 @@ exports[`shapshots octaviusDark 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, octaviusDark)", + "themeName": "var(--vkui--theme_name, octaviusCompact)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -194941,7 +185165,7 @@ exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] } `; -exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusCompact theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -194959,94 +185183,94 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAlert": { - "active": "#C6442D", - "hover": "#C33C24", + "active": "#B2311E", + "hover": "#B9331C", "normal": "#c1341b", }, "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)", @@ -195054,68 +185278,68 @@ exports[`shapshots octaviusDark 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": "#1482FF", - "hover": "#0A7CFF", + "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -195124,293 +185348,293 @@ exports[`shapshots octaviusDark 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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)", }, "colorPaletteBlue1": { - "active": "#3A5FFF", - "hover": "#3258FF", + "active": "#264CEF", + "hover": "#274EF7", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -195419,18 +185643,18 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#14B2F3", - "hover": "#0AAEF3", + "active": "#009FE4", + "hover": "#00A5EB", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#37E2E2", - "hover": "#2FE0E0", + "active": "#23CED2", + "hover": "#24D7D9", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#B4E326", - "hover": "#B1E21C", + "active": "#A0D016", + "hover": "#A7D915", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -195439,8 +185663,8 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#66C862", - "hover": "#60C55B", + "active": "#52B552", + "hover": "#55BC53", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -195449,18 +185673,18 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#47ED9D", - "hover": "#3FEC98", + "active": "#33D98D", + "hover": "#35E291", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#14B7B9", - "hover": "#0AB4B6", + "active": "#00A4AA", + "hover": "#00ABAE", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#FF943F", - "hover": "#FF9036", + "active": "#EB812F", + "hover": "#F5862F", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -195469,294 +185693,294 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#FC3D48", - "hover": "#FC3440", + "active": "#E82A38", + "hover": "#F22B38", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#ED2B8B", - "hover": "#EC2286", + "active": "#D8187C", + "hover": "#E2197E", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#FF7CC0", - "hover": "#FF77BE", + "active": "#EB69B1", + "hover": "#F56DB6", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#7814FF", - "hover": "#720AFF", + "active": "#6301EF", + "hover": "#6801F7", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#B47EFF", - "hover": "#B179FF", + "active": "#A06BEF", + "hover": "#A76FF7", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#FFC824", - "hover": "#FFC51B", + "active": "#EBB515", + "hover": "#F5BC13", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", }, "colorSocialBehance": { - "active": "#2A75FF", - "hover": "#206FFF", + "active": "#1562EF", + "hover": "#1665F7", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#EC5A92", - "hover": "#EB538E", + "active": "#D74783", + "hover": "#E14A86", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#2A82F3", - "hover": "#217CF3", + "active": "#166FE4", + "hover": "#1773EB", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#2488DD", - "hover": "#1B83DB", + "active": "#1075CD", + "hover": "#107AD4", "normal": "#117eda", }, "colorSocialOk": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#2FA9F3", - "hover": "#26A5F3", + "active": "#1B95E4", + "hover": "#1C9BEB", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTagBackgroundMint": { - "active": "#B9F1E0", - "hover": "#B6F1DE", + "active": "#A5DED0", + "hover": "#ACE7D7", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#FFD6AF", - "hover": "#FFD4AB", + "active": "#EBC29F", + "hover": "#F5CAA4", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#FFB8DD", - "hover": "#FFB5DB", + "active": "#EBA5CD", + "hover": "#F5ACD4", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#D2B9F1", - "hover": "#D0B6F1", + "active": "#BEA6E2", + "hover": "#C6ACE9", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#ABE1FF", - "hover": "#A8DFFF", + "active": "#97CEEF", + "hover": "#9DD6F7", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#326868", - "hover": "#296262", + "active": "#1D5559", + "hover": "#1F585A", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#684632", - "hover": "#623E29", + "active": "#543322", + "hover": "#573421", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#5F3268", - "hover": "#582962", + "active": "#4B1F59", + "hover": "#4E1F5A", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#483268", - "hover": "#402962", + "active": "#341F59", + "hover": "#361F5A", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#324E68", - "hover": "#294762", + "active": "#1D3B59", + "hover": "#1F3D5A", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -195764,86 +185988,86 @@ exports[`shapshots octaviusDark 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", @@ -196056,9 +186280,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontSize": 13, "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontTitle1": { @@ -196091,19 +186315,19 @@ exports[`shapshots octaviusDark 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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -196116,79 +186340,79 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 119, 255, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorButtonText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorEmptyStateTextLink": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderFilterTextAlpha": { "active": "rgba(39, 43, 55, 0.58)", @@ -196196,210 +186420,210 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", }, "octaviusColorHeaderIconFavorite": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, .48)", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", + "active": "#A7ABB4", + "hover": "#AFB1B9", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", + "active": "#878B93", + "hover": "#8D9197", "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#FF6F6F", - "hover": "#FF6868", - "normal": "#FF6262", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorIconFees": { - "active": "#FF6F6F", - "hover": "#FF6868", + "active": "#EB5B5F", + "hover": "#F55F61", "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#40CC8F", - "hover": "#37CA8A", + "active": "#2BB97F", + "hover": "#2DC182", "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { - "active": "#FFAB56", - "hover": "#FFA84E", + "active": "#EB9846", + "hover": "#F59E47", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { - "active": "#EE565E", - "hover": "#ED4E57", + "active": "#D9434E", + "hover": "#E3454F", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { - "active": "#7FC419", - "hover": "#7AC20F", + "active": "#6BB109", + "hover": "#6FB807", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorIconSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", + "active": "#B975DE", + "hover": "#C17AE5", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#2FCBD6", - "hover": "#26C9D4", + "active": "#1BB8C6", + "hover": "#1CC0CC", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, - "octaviusColorLetterAttachListBackground": "linear-gradient(90deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 80%)", + "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#222222", - "hover": "#191919", - "normal": "#0F0F0F", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -196407,239 +186631,239 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", }, "octaviusColorSidebarButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", }, "octaviusColorSidebarIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.16)", - "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)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarScrollbarAlpha": { - "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.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -196647,43 +186871,43 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", + "active": "#EB565A", + "hover": "#F5595B", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#20C774", - "hover": "#17C46E", + "active": "#0CB465", + "hover": "#0CBB66", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", + "active": "#90929A", + "hover": "#96979E", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#2C8FFF", - "hover": "#238AFF", + "active": "#187CEF", + "hover": "#1980F7", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -196692,49 +186916,49 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", }, "octaviusElevationCard": "none", "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", @@ -196769,9 +186993,9 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 64, }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "none", - "hover": "none", - "normal": "underline", + "active": "underline", + "hover": "underline", + "normal": "none", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -196827,7 +187051,8 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` }, "sizeBase": 4, "sizeBaseMargin": { - "regular": 12, + "compact": 12, + "regular": 8, }, "sizeBasePadding": { "compact": 20, @@ -196849,7 +187074,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 2, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -196911,8 +187136,8 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 48, + "regular": 32, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -196921,8 +187146,8 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeButtonSliderHeight": { "regular": 24, @@ -196934,8 +187159,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": 32, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -196974,8 +187198,8 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "compact": 130, + "regular": 104, }, "sizeDivPadding": { "regular": 4, @@ -196990,11 +187214,11 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": 48, + "regular": 32, }, "sizeFieldHorizontalMargin": { - "regular": 20, + "regular": 16, }, "sizeFieldHorizontalPadding": { "regular": 12, @@ -197003,7 +187227,8 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeFieldVerticalMargin": { - "regular": 24, + "compact": 24, + "regular": 20, }, "sizeFieldWidthMin": { "compact": 380, @@ -197017,8 +187242,8 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { - "compact": 8, - "regular": 12, + "compact": 12, + "regular": 8, }, "sizeIconMorePadding": { "compact": 8, @@ -197169,7 +187394,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusDark", + "themeName": "octaviusCompact", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -197203,7 +187428,7 @@ exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusCompactDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -197238,11 +187463,11 @@ exports[`shapshots octaviusVK 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", @@ -197252,221 +187477,221 @@ exports[`shapshots octaviusVK 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, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "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, #1BE7F9)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "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, #96A0AE)", + "value": "var(--vkui--color_accent_gray--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "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, #45A64A)", + "value": "var(--vkui--color_accent_green--active, #20C774)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + "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, #A1E511)", + "value": "var(--vkui--color_accent_lime--active, #BEFC80)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "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, #EB9405)", + "value": "var(--vkui--color_accent_orange--active, #FFA614)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "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": { "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", - "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, #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, #E059EF)", + "value": "var(--vkui--color_accent_pink--active, #FF498F)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "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, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, #EB3046)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "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, #3A80D3)", + "value": "var(--vkui--color_accent_secondary--active, #FFA614)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "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, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #C66AF4)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #C363F3)", }, "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, #1482FF)", }, "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, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #0077FF)", }, }, "colorAlert": { "active": { "name": "--vkui--color_alert--active", - "value": "var(--vkui--color_alert--active, #B2311E)", + "value": "var(--vkui--color_alert--active, #C6442D)", }, "hover": { "name": "--vkui--color_alert--hover", - "value": "var(--vkui--color_alert--hover, #B9331C)", + "value": "var(--vkui--color_alert--hover, #C33C24)", }, "normal": { "name": "--vkui--color_alert", @@ -197476,15 +187701,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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": { @@ -197504,81 +187729,81 @@ exports[`shapshots octaviusVK 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #222223)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #19191A)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "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, #FFA614)", }, "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, #FFA20A)", }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "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(38, 136, 235, 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(38, 136, 235, 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(38, 136, 235, 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", @@ -197588,99 +187813,99 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #DDE5EF)", + "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, #E6EEF7)", + "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, #f0f7ff)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #DADCE2)", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #E4E5E9)", + "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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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, #414141)", }, "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, #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": { @@ -197694,815 +187919,815 @@ exports[`shapshots octaviusVK 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": { "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, #CCDCEF)", + "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, #D5E5F7)", + "value": "var(--vkui--color_background_info_tint--hover, #222937)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "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, #1A1C20)", + "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, #1B1C1F)", + "value": "var(--vkui--color_background_modal_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "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.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, 51, 10, 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, 51, 10, 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, #EADDDD)", + "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, #F4E6E4)", + "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, #feefeb)", + "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, 51, 10, 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, 51, 10, 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, 51, 10, 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, #45A64A)", + "value": "var(--vkui--color_background_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + "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, #D5E6DA)", + "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, #DFF0E1)", + "value": "var(--vkui--color_background_positive_tint--hover, #21332B)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #333333)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "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, 28, 61, 0.13))", + "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, 28, 61, 0.09))", + "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, 28, 61, 0.05))", + "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)", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "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(204, 228, 255, 0.98))", + "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(204, 228, 255, 0.9400000000000001))", + "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(204, 228, 255, 0.9))", + "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, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #363636)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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.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(0, 0, 0, 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(0, 0, 0, 0.03))", + "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, #D8DAE1)", + "value": "var(--vkui--color_background_thumbnail--active, #313131)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "value": "var(--vkui--color_background_thumbnail--hover, #282828)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #EBECEF)", + "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "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, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #785C14)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #72550A)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "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, 0, 0, 0.36))", + "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, 0, 0, 0.24))", + "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, 0, 0, 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, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "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", - "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, #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, #778292)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 0.56))", + "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(0, 0, 0, 0.52))", + "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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", + "value": "var(--vkui--color_icon_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "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, #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", - "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, #A4A5A9)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #8D8E93)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 0.32))", + "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(0, 0, 0, 0.28))", + "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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #FFA614)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", }, "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #494A4B)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #414243)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 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(0, 28, 61, 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(0, 28, 61, 0.08))", + "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", - "value": "var(--vkui--color_link_contrast, #ffffff)", + "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))", + "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": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "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, #264CEF)", + "value": "var(--vkui--color_palette_blue1--active, #3A5FFF)", }, "hover": { "name": "--vkui--color_palette_blue1--hover", - "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "value": "var(--vkui--color_palette_blue1--hover, #3258FF)", }, "normal": { "name": "--vkui--color_palette_blue1", @@ -198526,11 +188751,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteBlue2": { "active": { "name": "--vkui--color_palette_blue2--active", - "value": "var(--vkui--color_palette_blue2--active, #009FE4)", + "value": "var(--vkui--color_palette_blue2--active, #14B2F3)", }, "hover": { "name": "--vkui--color_palette_blue2--hover", - "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "value": "var(--vkui--color_palette_blue2--hover, #0AAEF3)", }, "normal": { "name": "--vkui--color_palette_blue2", @@ -198540,11 +188765,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteBlue3": { "active": { "name": "--vkui--color_palette_blue3--active", - "value": "var(--vkui--color_palette_blue3--active, #23CED2)", + "value": "var(--vkui--color_palette_blue3--active, #37E2E2)", }, "hover": { "name": "--vkui--color_palette_blue3--hover", - "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "value": "var(--vkui--color_palette_blue3--hover, #2FE0E0)", }, "normal": { "name": "--vkui--color_palette_blue3", @@ -198554,11 +188779,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteGreen1": { "active": { "name": "--vkui--color_palette_green1--active", - "value": "var(--vkui--color_palette_green1--active, #A0D016)", + "value": "var(--vkui--color_palette_green1--active, #B4E326)", }, "hover": { "name": "--vkui--color_palette_green1--hover", - "value": "var(--vkui--color_palette_green1--hover, #A7D915)", + "value": "var(--vkui--color_palette_green1--hover, #B1E21C)", }, "normal": { "name": "--vkui--color_palette_green1", @@ -198582,11 +188807,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteGreen2": { "active": { "name": "--vkui--color_palette_green2--active", - "value": "var(--vkui--color_palette_green2--active, #52B552)", + "value": "var(--vkui--color_palette_green2--active, #66C862)", }, "hover": { "name": "--vkui--color_palette_green2--hover", - "value": "var(--vkui--color_palette_green2--hover, #55BC53)", + "value": "var(--vkui--color_palette_green2--hover, #60C55B)", }, "normal": { "name": "--vkui--color_palette_green2", @@ -198610,11 +188835,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteGreen3": { "active": { "name": "--vkui--color_palette_green3--active", - "value": "var(--vkui--color_palette_green3--active, #33D98D)", + "value": "var(--vkui--color_palette_green3--active, #47ED9D)", }, "hover": { "name": "--vkui--color_palette_green3--hover", - "value": "var(--vkui--color_palette_green3--hover, #35E291)", + "value": "var(--vkui--color_palette_green3--hover, #3FEC98)", }, "normal": { "name": "--vkui--color_palette_green3", @@ -198624,11 +188849,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteGreen4": { "active": { "name": "--vkui--color_palette_green4--active", - "value": "var(--vkui--color_palette_green4--active, #00A4AA)", + "value": "var(--vkui--color_palette_green4--active, #14B7B9)", }, "hover": { "name": "--vkui--color_palette_green4--hover", - "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "value": "var(--vkui--color_palette_green4--hover, #0AB4B6)", }, "normal": { "name": "--vkui--color_palette_green4", @@ -198638,11 +188863,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteOrange1": { "active": { "name": "--vkui--color_palette_orange1--active", - "value": "var(--vkui--color_palette_orange1--active, #EB812F)", + "value": "var(--vkui--color_palette_orange1--active, #FF943F)", }, "hover": { "name": "--vkui--color_palette_orange1--hover", - "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "value": "var(--vkui--color_palette_orange1--hover, #FF9036)", }, "normal": { "name": "--vkui--color_palette_orange1", @@ -198666,11 +188891,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteRed1": { "active": { "name": "--vkui--color_palette_red1--active", - "value": "var(--vkui--color_palette_red1--active, #E82A38)", + "value": "var(--vkui--color_palette_red1--active, #FC3D48)", }, "hover": { "name": "--vkui--color_palette_red1--hover", - "value": "var(--vkui--color_palette_red1--hover, #F22B38)", + "value": "var(--vkui--color_palette_red1--hover, #FC3440)", }, "normal": { "name": "--vkui--color_palette_red1", @@ -198680,11 +188905,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteRed2": { "active": { "name": "--vkui--color_palette_red2--active", - "value": "var(--vkui--color_palette_red2--active, #D8187C)", + "value": "var(--vkui--color_palette_red2--active, #ED2B8B)", }, "hover": { "name": "--vkui--color_palette_red2--hover", - "value": "var(--vkui--color_palette_red2--hover, #E2197E)", + "value": "var(--vkui--color_palette_red2--hover, #EC2286)", }, "normal": { "name": "--vkui--color_palette_red2", @@ -198694,11 +188919,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteRed3": { "active": { "name": "--vkui--color_palette_red3--active", - "value": "var(--vkui--color_palette_red3--active, #EB69B1)", + "value": "var(--vkui--color_palette_red3--active, #FF7CC0)", }, "hover": { "name": "--vkui--color_palette_red3--hover", - "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "value": "var(--vkui--color_palette_red3--hover, #FF77BE)", }, "normal": { "name": "--vkui--color_palette_red3", @@ -198708,11 +188933,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteViolet1": { "active": { "name": "--vkui--color_palette_violet1--active", - "value": "var(--vkui--color_palette_violet1--active, #6301EF)", + "value": "var(--vkui--color_palette_violet1--active, #7814FF)", }, "hover": { "name": "--vkui--color_palette_violet1--hover", - "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "value": "var(--vkui--color_palette_violet1--hover, #720AFF)", }, "normal": { "name": "--vkui--color_palette_violet1", @@ -198722,11 +188947,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteViolet2": { "active": { "name": "--vkui--color_palette_violet2--active", - "value": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "value": "var(--vkui--color_palette_violet2--active, #B47EFF)", }, "hover": { "name": "--vkui--color_palette_violet2--hover", - "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "value": "var(--vkui--color_palette_violet2--hover, #B179FF)", }, "normal": { "name": "--vkui--color_palette_violet2", @@ -198736,11 +188961,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorPaletteYellow1": { "active": { "name": "--vkui--color_palette_yellow1--active", - "value": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "value": "var(--vkui--color_palette_yellow1--active, #FFC824)", }, "hover": { "name": "--vkui--color_palette_yellow1--hover", - "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "value": "var(--vkui--color_palette_yellow1--hover, #FFC51B)", }, "normal": { "name": "--vkui--color_palette_yellow1", @@ -198750,25 +188975,25 @@ exports[`shapshots octaviusVK 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, #1482FF)", }, "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, #0A7CFF)", }, "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)", + "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", @@ -198778,137 +189003,137 @@ exports[`shapshots octaviusVK 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, #494A4B)", }, "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, #414243)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #282829)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #151516)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #323234)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #202022)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #353537)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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.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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #2A2A2A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #212121)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #181818)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #333333)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #2A2A2B)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #464748)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #3E3F40)", }, }, "colorSocialBehance": { "active": { "name": "--vkui--color_social_behance--active", - "value": "var(--vkui--color_social_behance--active, #1562EF)", + "value": "var(--vkui--color_social_behance--active, #2A75FF)", }, "hover": { "name": "--vkui--color_social_behance--hover", - "value": "var(--vkui--color_social_behance--hover, #1665F7)", + "value": "var(--vkui--color_social_behance--hover, #206FFF)", }, "normal": { "name": "--vkui--color_social_behance", @@ -198918,11 +189143,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorSocialDribbble": { "active": { "name": "--vkui--color_social_dribbble--active", - "value": "var(--vkui--color_social_dribbble--active, #D74783)", + "value": "var(--vkui--color_social_dribbble--active, #EC5A92)", }, "hover": { "name": "--vkui--color_social_dribbble--hover", - "value": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "value": "var(--vkui--color_social_dribbble--hover, #EB538E)", }, "normal": { "name": "--vkui--color_social_dribbble", @@ -198932,11 +189157,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorSocialFb": { "active": { "name": "--vkui--color_social_fb--active", - "value": "var(--vkui--color_social_fb--active, #166FE4)", + "value": "var(--vkui--color_social_fb--active, #2A82F3)", }, "hover": { "name": "--vkui--color_social_fb--hover", - "value": "var(--vkui--color_social_fb--hover, #1773EB)", + "value": "var(--vkui--color_social_fb--hover, #217CF3)", }, "normal": { "name": "--vkui--color_social_fb", @@ -198946,11 +189171,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorSocialMir": { "active": { "name": "--vkui--color_social_mir--active", - "value": "var(--vkui--color_social_mir--active, #1075CD)", + "value": "var(--vkui--color_social_mir--active, #2488DD)", }, "hover": { "name": "--vkui--color_social_mir--hover", - "value": "var(--vkui--color_social_mir--hover, #107AD4)", + "value": "var(--vkui--color_social_mir--hover, #1B83DB)", }, "normal": { "name": "--vkui--color_social_mir", @@ -198960,11 +189185,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorSocialOk": { "active": { "name": "--vkui--color_social_ok--active", - "value": "var(--vkui--color_social_ok--active, #DB790C)", + "value": "var(--vkui--color_social_ok--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_social_ok--hover", - "value": "var(--vkui--color_social_ok--hover, #E47D0A)", + "value": "var(--vkui--color_social_ok--hover, #EF8712)", }, "normal": { "name": "--vkui--color_social_ok", @@ -198974,11 +189199,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorSocialTwitter": { "active": { "name": "--vkui--color_social_twitter--active", - "value": "var(--vkui--color_social_twitter--active, #1B95E4)", + "value": "var(--vkui--color_social_twitter--active, #2FA9F3)", }, "hover": { "name": "--vkui--color_social_twitter--hover", - "value": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "value": "var(--vkui--color_social_twitter--hover, #26A5F3)", }, "normal": { "name": "--vkui--color_social_twitter", @@ -198988,11 +189213,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorSocialVk": { "active": { "name": "--vkui--color_social_vk--active", - "value": "var(--vkui--color_social_vk--active, #3A80D3)", + "value": "var(--vkui--color_social_vk--active, #4E93E2)", }, "hover": { "name": "--vkui--color_social_vk--hover", - "value": "var(--vkui--color_social_vk--hover, #3C85D9)", + "value": "var(--vkui--color_social_vk--hover, #478FE1)", }, "normal": { "name": "--vkui--color_social_vk", @@ -199002,95 +189227,95 @@ exports[`shapshots octaviusVK 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, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + "value": "var(--vkui--color_stroke_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "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": { "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, #A5DED0)", + "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, #ACE7D7)", + "value": "var(--vkui--color_tag_background_mint--hover, #B6F1DE)", }, "normal": { "name": "--vkui--color_tag_background_mint", @@ -199100,11 +189325,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagBackgroundOrange": { "active": { "name": "--vkui--color_tag_background_orange--active", - "value": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "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, #F5CAA4)", + "value": "var(--vkui--color_tag_background_orange--hover, #FFD4AB)", }, "normal": { "name": "--vkui--color_tag_background_orange", @@ -199114,11 +189339,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagBackgroundPink": { "active": { "name": "--vkui--color_tag_background_pink--active", - "value": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "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, #F5ACD4)", + "value": "var(--vkui--color_tag_background_pink--hover, #FFB5DB)", }, "normal": { "name": "--vkui--color_tag_background_pink", @@ -199128,11 +189353,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagBackgroundPurple": { "active": { "name": "--vkui--color_tag_background_purple--active", - "value": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "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, #C6ACE9)", + "value": "var(--vkui--color_tag_background_purple--hover, #D0B6F1)", }, "normal": { "name": "--vkui--color_tag_background_purple", @@ -199142,11 +189367,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagBackgroundSky": { "active": { "name": "--vkui--color_tag_background_sky--active", - "value": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "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, #9DD6F7)", + "value": "var(--vkui--color_tag_background_sky--hover, #A8DFFF)", }, "normal": { "name": "--vkui--color_tag_background_sky", @@ -199156,11 +189381,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagTextMint": { "active": { "name": "--vkui--color_tag_text_mint--active", - "value": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "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, #1F585A)", + "value": "var(--vkui--color_tag_text_mint--hover, #296262)", }, "normal": { "name": "--vkui--color_tag_text_mint", @@ -199170,11 +189395,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagTextOrange": { "active": { "name": "--vkui--color_tag_text_orange--active", - "value": "var(--vkui--color_tag_text_orange--active, #543322)", + "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, #573421)", + "value": "var(--vkui--color_tag_text_orange--hover, #623E29)", }, "normal": { "name": "--vkui--color_tag_text_orange", @@ -199184,11 +189409,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagTextPink": { "active": { "name": "--vkui--color_tag_text_pink--active", - "value": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "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, #4E1F5A)", + "value": "var(--vkui--color_tag_text_pink--hover, #582962)", }, "normal": { "name": "--vkui--color_tag_text_pink", @@ -199198,11 +189423,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagTextPurple": { "active": { "name": "--vkui--color_tag_text_purple--active", - "value": "var(--vkui--color_tag_text_purple--active, #341F59)", + "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, #361F5A)", + "value": "var(--vkui--color_tag_text_purple--hover, #402962)", }, "normal": { "name": "--vkui--color_tag_text_purple", @@ -199212,11 +189437,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "colorTagTextSky": { "active": { "name": "--vkui--color_tag_text_sky--active", - "value": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "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, #1F3D5A)", + "value": "var(--vkui--color_tag_text_sky--hover, #294762)", }, "normal": { "name": "--vkui--color_tag_text_sky", @@ -199226,417 +189451,417 @@ exports[`shapshots octaviusVK 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, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "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, #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, #2978D3)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "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", - "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, #6098E2)", }, "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, #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, #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, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", + "value": "var(--vkui--color_text_positive--active, #20C774)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + "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, #000105)", + "value": "var(--vkui--color_text_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #E7E8EA)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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, #3D3E3F)", }, "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, #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, #778292)", + "value": "var(--vkui--color_text_secondary--active, #95979D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #919398)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #8C8E94)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #BFC1C5)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #7F8185)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "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(230, 70, 70, 0.2))", + "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(230, 70, 70, 0.16))", + "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(230, 70, 70, 0.12))", + "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)", + "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, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #525354)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #4B4B4C)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #434445)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "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))", + "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", @@ -199646,62 +189871,62 @@ exports[`shapshots octaviusVK 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, #1482FF)", }, "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, #0A7CFF)", }, "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, #3B3B3C)", }, "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, #333333)", }, "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, #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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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", @@ -199745,7 +189970,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -199775,6 +190000,10 @@ exports[`shapshots octaviusVK 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)", @@ -199787,7 +190016,7 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -199797,6 +190026,10 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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)", @@ -199829,7 +190062,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -199859,6 +190092,10 @@ exports[`shapshots octaviusVK 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)", @@ -199871,7 +190108,7 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -199881,6 +190118,10 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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)", @@ -199913,7 +190154,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -199943,6 +190184,10 @@ exports[`shapshots octaviusVK 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)", @@ -199955,7 +190200,7 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -199965,6 +190210,10 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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)", @@ -200147,11 +190396,11 @@ exports[`shapshots octaviusVK 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -200179,7 +190428,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -200209,6 +190458,10 @@ exports[`shapshots octaviusVK 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)", @@ -200221,7 +190474,7 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -200231,6 +190484,10 @@ exports[`shapshots octaviusVK 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)", @@ -200255,10 +190512,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight", "value": "var(--vkui--font_h0--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h0--letter_spacing", - "value": "var(--vkui--font_h0--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", @@ -200277,7 +190530,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, 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", @@ -200287,10 +190540,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight--regular", "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h0--letter_spacing--regular", - "value": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", - }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", "value": "var(--vkui--font_h0--line_height--regular, 32px)", @@ -200311,10 +190560,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight", "value": "var(--vkui--font_h1--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h1--letter_spacing", - "value": "var(--vkui--font_h1--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", @@ -200333,7 +190578,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, 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", @@ -200343,10 +190588,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight--regular", "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h1--letter_spacing--regular", - "value": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", - }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", "value": "var(--vkui--font_h1--line_height--regular, 28px)", @@ -200367,10 +190608,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight", "value": "var(--vkui--font_h2--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h2--letter_spacing", - "value": "var(--vkui--font_h2--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", @@ -200389,7 +190626,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, 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", @@ -200399,10 +190636,6 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight--regular", "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h2--letter_spacing--regular", - "value": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", - }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", "value": "var(--vkui--font_h2--line_height--regular, 26px)", @@ -200428,14 +190661,24 @@ exports[`shapshots octaviusVK 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, 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", - "value": "var(--vkui--font_headline--font_size--regular, 15px)", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_headline--font_weight--regular", @@ -200466,14 +190709,24 @@ exports[`shapshots octaviusVK 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, 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", - "value": "var(--vkui--font_headline1--font_size--regular, 15px)", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--regular", @@ -200590,10 +190843,20 @@ exports[`shapshots octaviusVK 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, VKSansText, 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", @@ -200628,14 +190891,24 @@ exports[`shapshots octaviusVK 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, VKSansText, Helvetica, Arial, sans-serif)", + "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, 15px)", + "value": "var(--vkui--font_text--font_size--regular, 13px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -200669,7 +190942,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -200707,7 +190980,7 @@ exports[`shapshots octaviusVK 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -200745,7 +191018,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -200757,7 +191030,7 @@ exports[`shapshots octaviusVK 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)", }, }, }, @@ -200804,29 +191077,29 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #DADCE2)", + "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #E4E5E9)", + "value": "var(--vkui--octavius_color_background--hover, #222223)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #EDEEF0)", + "value": "var(--vkui--octavius_color_background, #19191A)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -200846,53 +191119,53 @@ exports[`shapshots octaviusVK 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(38, 136, 235, 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(38, 136, 235, 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(38, 136, 235, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, }, "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.2))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", }, "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.16))", + "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.12))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", }, }, "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.18))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.2))", }, "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.14))", + "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.1))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", }, }, "octaviusColorButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_button_background_alpha--active", - "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--octavius_color_button_background_alpha", @@ -200902,151 +191175,151 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorButtonBackgroundContrastAlpha": { "active": { "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "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.99))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "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(0, 16, 61, 0.06))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", }, }, "octaviusColorButtonIcon": { "active": { "name": "--vkui--octavius_color_button_icon--active", - "value": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "value": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_icon--hover", - "value": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "value": "var(--vkui--octavius_color_button_icon--hover, #E8E9EB)", }, "normal": { "name": "--vkui--octavius_color_button_icon", - "value": "var(--vkui--octavius_color_button_icon, #333333)", + "value": "var(--vkui--octavius_color_button_icon, #E7E8EA)", }, }, "octaviusColorButtonText": { "active": { "name": "--vkui--octavius_color_button_text--active", - "value": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "value": "var(--vkui--octavius_color_button_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_text--hover", - "value": "var(--vkui--octavius_color_button_text--hover, #313233)", + "value": "var(--vkui--octavius_color_button_text--hover, #E8E9EB)", }, "normal": { "name": "--vkui--octavius_color_button_text", - "value": "var(--vkui--octavius_color_button_text, #333333)", + "value": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, }, "octaviusColorContentScrollbarAlpha": { "active": { "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28))", + "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(0, 0, 0, 0.24))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_dataset_background, #232324)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #2A2C2F)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", }, }, "octaviusColorEmptyStateTextLink": { "active": { "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #437DC1)", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #4681C6)", + "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, #4986cc)", + "value": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, }, "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #eff1f3)", + "value": "var(--vkui--octavius_color_header_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #f5f6f8)", + "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #ffffff)", + "value": "var(--vkui--octavius_color_header_background, #232324)", }, }, "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.4))", + "value": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "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.64))", + "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", @@ -201056,179 +191329,179 @@ exports[`shapshots octaviusVK 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, #000105)", + "value": "var(--vkui--octavius_color_header_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #000102)", + "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, #000000)", + "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, }, "octaviusColorHeaderFilterTextAlpha": { "active": { "name": "--vkui--octavius_color_header_filter_text_alpha--active", - "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #237EDD)", + "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #2483E4)", + "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #2688eb)", + "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, }, "octaviusColorHeaderIconAttach": { "active": { "name": "--vkui--octavius_color_header_icon_attach--active", - "value": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #D0D2D7)", + "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, #D9DADD)", + "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #F22B38)", + "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, #FC2C38)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #006FEF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0073F7)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, }, "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #237EDD)", + "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, #2483E4)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #2688eb)", + "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, #D8DBE2)", + "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #E2E4E9)", + "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, #ebedf0)", + "value": "var(--vkui--octavius_color_header_search_background, #303030)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #D8DBE2)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E2E4E9)", + "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, #ebedf0)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, rgba(255, 255, 255, 0.64))", + "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, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "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, #ffffff)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", }, }, "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(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", }, "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, }, "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", }, "normal": { "name": "--vkui--octavius_color_header_search_icon", @@ -201238,165 +191511,165 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #000105)", + "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #000102)", + "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, #000000)", + "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #778292)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", + "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, #818c99)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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(0, 95, 249, .10))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #006FEF)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0073F7)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", + "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, #818c99)", + "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, }, "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #0697ED)", + "value": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #079DF4)", + "value": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #07a3fc)", + "value": "var(--vkui--octavius_color_icon_event, #FF6262)", }, }, "octaviusColorIconEventAlpha": { "active": { "name": "--vkui--octavius_color_icon_event_alpha--active", - "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "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(59, 186, 254, 0.1))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #EB3046)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #F53247)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)", + "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #D50206)", + "value": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #DE0203)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #e70101)", + "value": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, }, "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #1FBA7D)", + "value": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #21C280)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #22c983)", + "value": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, }, "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, }, "octaviusColorIconMailings": { "active": { "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "value": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", }, "hover": { "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", }, "normal": { "name": "--vkui--octavius_color_icon_mailings", @@ -201406,25 +191679,25 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, }, "octaviusColorIconOfficial": { "active": { "name": "--vkui--octavius_color_icon_official--active", - "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", }, "hover": { "name": "--vkui--octavius_color_icon_official--hover", - "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "value": "var(--vkui--octavius_color_icon_official--hover, #ED4E57)", }, "normal": { "name": "--vkui--octavius_color_icon_official", @@ -201434,39 +191707,39 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #EB4CA2)", + "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F54EA7)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff51ab)", + "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", }, }, "octaviusColorIconOrderAlpha": { "active": { "name": "--vkui--octavius_color_icon_order_alpha--active", - "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "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(249, 76, 163, 0.1))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconReceipts": { "active": { "name": "--vkui--octavius_color_icon_receipts--active", - "value": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "value": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", }, "hover": { "name": "--vkui--octavius_color_icon_receipts--hover", - "value": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "value": "var(--vkui--octavius_color_icon_receipts--hover, #7AC20F)", }, "normal": { "name": "--vkui--octavius_color_icon_receipts", @@ -201476,25 +191749,25 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #EB9405)", + "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #F59A02)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ffa000)", + "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", }, }, "octaviusColorIconSchool": { "active": { "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "value": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", }, "hover": { "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "value": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", }, "normal": { "name": "--vkui--octavius_color_icon_school", @@ -201504,25 +191777,25 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #7288FF)", + "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, }, "octaviusColorIconToMyself": { "active": { "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", }, "hover": { "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", }, "normal": { "name": "--vkui--octavius_color_icon_to_myself", @@ -201532,71 +191805,71 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #AE18EF)", + "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #B519F7)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #bd19ff)", + "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", }, }, "octaviusColorIconTravelAlpha": { "active": { "name": "--vkui--octavius_color_icon_travel_alpha--active", - "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "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(193, 93, 243, 0.1))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #237EDD)", + "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, #2483E4)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #2688eb)", + "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, }, "octaviusColorLayoutBorderAlpha": { "active": { "name": "--vkui--octavius_color_layout_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_layout_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "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, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_layout_border_alpha, transparent)", }, }, "octaviusColorLayoutLetterBorderAlpha": { "active": { "name": "--vkui--octavius_color_layout_letter_border_alpha--active", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--octavius_color_layout_letter_border_alpha--hover", - "value": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "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, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 0, 0, 0.4))", }, }, "octaviusColorLetterAttachListBackground": { @@ -201606,11 +191879,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorLetterContactBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_letter_contact_background_alpha--active", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--octavius_color_letter_contact_background_alpha--hover", - "value": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "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", @@ -201620,43 +191893,43 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorLetterListTextUnread": { "active": { "name": "--vkui--octavius_color_letter_list_text_unread--active", - "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "value": "var(--vkui--octavius_color_letter_list_text_unread--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_letter_list_text_unread--hover", - "value": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "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, #2c2d2e)", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #FFFFFF)", }, }, "octaviusColorLetterPreviewBackgroundPrimary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_primary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary--active, #272727)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_primary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "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, #F9F9FA)", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #141414)", }, }, "octaviusColorLetterPreviewBackgroundSecondary": { "active": { "name": "--vkui--octavius_color_letter_preview_background_secondary--active", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #222222)", }, "hover": { "name": "--vkui--octavius_color_letter_preview_background_secondary--hover", - "value": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "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, #F3F3F5)", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #0F0F0F)", }, }, "octaviusColorListBackgroundPositiveAlpha": { @@ -201676,25 +191949,25 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "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, #F2FAF4)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", }, }, "octaviusColorListIconPrimary": { "active": { "name": "--vkui--octavius_color_list_icon_primary--active", - "value": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_icon_primary--hover", - "value": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_icon_primary--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_icon_primary", @@ -201704,53 +191977,53 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "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, #F0F5FF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #DADCE2)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #E4E5E9)", + "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, #ffffff)", + "value": "var(--vkui--octavius_color_list_letter_background, #232324)", }, }, "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.2))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.48))", }, "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.16))", + "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.12))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", }, }, "octaviusColorListTextPrimary": { "active": { "name": "--vkui--octavius_color_list_text_primary--active", - "value": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_text_primary--hover", - "value": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_text_primary--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_text_primary", @@ -201760,11 +192033,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorListTextUnread": { "active": { "name": "--vkui--octavius_color_list_text_unread--active", - "value": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "value": "var(--vkui--octavius_color_list_text_unread--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_list_text_unread--hover", - "value": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_list_text_unread--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_list_text_unread", @@ -201774,25 +192047,25 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "value": "var(--vkui--octavius_color_notification_border--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #ffffff)", + "value": "var(--vkui--octavius_color_notification_border, #000000)", }, }, "octaviusColorOverlayBackground": { "active": { "name": "--vkui--octavius_color_overlay_background--active", - "value": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_overlay_background--hover", - "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--octavius_color_overlay_background--hover, rgba(255, 255, 255, 0.04))", }, "normal": { "name": "--vkui--octavius_color_overlay_background", @@ -201802,81 +192075,81 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "value": "var(--vkui--octavius_color_placeholder_background, #000000)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "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, #FFFFFF)", + "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, }, "octaviusColorPortalSearchBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_background_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--octavius_color_portal_search_background_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "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, .99))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", }, }, "octaviusColorPortalSearchIconThemedAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "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(0, 95, 255, .99))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "value": "var(--vkui--octavius_color_promo_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "value": "var(--vkui--octavius_color_promo_background, #303030)", }, }, "octaviusColorSidebarButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_sidebar_button_background--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_background", @@ -201886,11 +192159,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_button_icon--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_icon", @@ -201900,11 +192173,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_button_text--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_button_text", @@ -201914,25 +192187,25 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarComposeButtonBackground": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_background--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_background--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "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)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_background, #FFFFFF)", }, }, "octaviusColorSidebarComposeButtonIcon": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_icon", @@ -201942,11 +192215,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarComposeButtonText": { "active": { "name": "--vkui--octavius_color_sidebar_compose_button_text--active", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_compose_button_text--hover", - "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_compose_button_text", @@ -201956,151 +192229,151 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarCounterBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 0, 0, 0.32))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.08))", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 0, 0, 0.28))", + "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, rgba(0, 0, 0, 0.24))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", }, }, "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #EBECEF)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #F5F5F7)", + "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, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #0697ED)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #079DF4)", + "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, #07a3fc)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247)", + "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, #ff3347)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D50206)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DE0203)", + "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, #e70101)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #1FBA7D)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #21C280)", + "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, #22c983)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4CA2)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F54EA7)", + "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, #ff51ab)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9405)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59A02)", + "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, #ffa000)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AE18EF)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B519F7)", + "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, #bd19ff)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #237EDD)", + "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, #2483E4)", + "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, #2688eb)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, }, "octaviusColorSidebarItemBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_item_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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", @@ -202110,225 +192383,225 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemButtonBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(255, 255, 255, 0.24))", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_button_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(255, 255, 255, 0.08))", }, }, "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #3A80D3)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #3C85D9)", + "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, #3F8AE0)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", }, }, "octaviusColorSidebarItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "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, #2c2d2e)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", }, }, "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)", + "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, #2688eb)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)", + "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, #2688eb)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "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, #313233)", + "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, #333333)", + "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, #000105)", + "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, #000102)", + "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, #000000)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2C2D2E)", + "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, #778292)", + "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, #7C8795)", + "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, #818c99)", + "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(0, 16, 61, 0.16))", + "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(0, 16, 61, 0.12))", + "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(0, 16, 61, 0.08))", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2c2d2e)", + "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, #282B2F)", + "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, #2A2C2F)", + "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, #2c2d2e)", + "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, #8D96A4)", + "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, #939CA9)", + "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, #99a2ad)", + "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, #2F3034)", + "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, #313233)", + "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, #333333)", + "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, #000105)", + "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, #000102)", + "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, #000000)", + "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, #778292)", + "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, #7C8795)", + "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, #818c99)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -202348,11 +192621,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarBackground": { "active": { "name": "--vkui--octavius_color_snackbar_background--active", - "value": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", + "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, #2E2F31)", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #383838)", }, "normal": { "name": "--vkui--octavius_color_snackbar_background", @@ -202362,11 +192635,11 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_accent", @@ -202376,11 +192649,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconNegative": { "active": { "name": "--vkui--octavius_color_snackbar_icon_negative--active", - "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + "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, #F5595B)", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_negative", @@ -202390,11 +192663,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconPositive": { "active": { "name": "--vkui--octavius_color_snackbar_icon_positive--active", - "value": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "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, #0CBB66)", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #17C46E)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_positive", @@ -202404,11 +192677,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconSecondary": { "active": { "name": "--vkui--octavius_color_snackbar_icon_secondary--active", - "value": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "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, #96979E)", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_secondary", @@ -202418,11 +192691,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarIconWarning": { "active": { "name": "--vkui--octavius_color_snackbar_icon_warning--active", - "value": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "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, #F59802)", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #FFA20A)", }, "normal": { "name": "--vkui--octavius_color_snackbar_icon_warning", @@ -202432,11 +192705,11 @@ 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, #187CEF)", + "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, #1980F7)", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_accent", @@ -202446,11 +192719,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorSnackbarTextContrast": { "active": { "name": "--vkui--octavius_color_snackbar_text_contrast--active", - "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_snackbar_text_contrast", @@ -202474,136 +192747,136 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #27B275)", + "value": "var(--vkui--octavius_color_text_finance, #52C392)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #EBAF00)", + "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #08ABD9)", + "value": "var(--vkui--octavius_color_text_news, #37C1E8)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #C97EEC)", + "value": "var(--vkui--octavius_color_text_school, #D392F2)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #556AD9)", + "value": "var(--vkui--octavius_color_text_social, #7688E9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "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, #E2E3E8)", + "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, #ebecef)", + "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", }, }, "octaviusElevationCard": { "name": "--vkui--octavius_elevation_card", - "value": "var(--vkui--octavius_elevation_card, 0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC)", + "value": "var(--vkui--octavius_elevation_card, none)", }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, 0px 1px 0px 0px #E7E8EC)", + "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -202611,23 +192884,23 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyDefault": { "name": "--vkui--octavius_font_family_default", - "value": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", + "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, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_display, inherit)", }, "octaviusFontFamilyGlobal": { "name": "--vkui--octavius_font_family_global", - "value": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", + "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, VKSansText, Helvetica, Arial, sans-serif)", + "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, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -202716,15 +192989,15 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "octaviusTextDecorationEmptyStateTextLink": { "active": { "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", - "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + "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, underline)", + "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, none)", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, underline)", }, }, "octaviusTextShadowEmptyStateText": { @@ -202912,9 +193185,13 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_base_margin", "value": "var(--vkui--size_base_margin)", }, + "compact": { + "name": "--vkui--size_base_margin--compact", + "value": "var(--vkui--size_base_margin--compact, 12px)", + }, "regular": { "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "value": "var(--vkui--size_base_margin--regular, 8px)", }, }, "sizeBasePadding": { @@ -202988,7 +193265,7 @@ exports[`shapshots octaviusVK 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, 2px)", }, }, "sizeBorderRadiusPaper": { @@ -203196,11 +193473,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "value": "var(--vkui--size_button_medium_height--compact, 48px)", }, "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, 32px)", }, }, "sizeButtonMinimumWidth": { @@ -203230,11 +193507,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_padding_horizontal--compact", - "value": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "value": "var(--vkui--size_button_padding_horizontal--compact, 20px)", }, "regular": { "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 16px)", }, }, "sizeButtonSliderHeight": { @@ -203272,13 +193549,9 @@ exports[`shapshots octaviusVK 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, 32px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -203408,11 +193681,11 @@ exports[`shapshots octaviusVK 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)", }, "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, 104px)", }, }, "sizeDivPadding": { @@ -203462,11 +193735,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "value": "var(--vkui--size_field_height--compact, 48px)", }, "regular": { "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "value": "var(--vkui--size_field_height--regular, 32px)", }, }, "sizeFieldHorizontalMargin": { @@ -203476,7 +193749,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "value": "var(--vkui--size_field_horizontal_margin--regular, 16px)", }, }, "sizeFieldHorizontalPadding": { @@ -203504,9 +193777,13 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` "name": "--vkui--size_field_vertical_margin", "value": "var(--vkui--size_field_vertical_margin)", }, + "compact": { + "name": "--vkui--size_field_vertical_margin--compact", + "value": "var(--vkui--size_field_vertical_margin--compact, 24px)", + }, "regular": { "name": "--vkui--size_field_vertical_margin--regular", - "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "value": "var(--vkui--size_field_vertical_margin--regular, 20px)", }, }, "sizeFieldWidthMin": { @@ -203554,11 +193831,11 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_icon_margin--compact", - "value": "var(--vkui--size_icon_margin--compact, 8px)", + "value": "var(--vkui--size_icon_margin--compact, 12px)", }, "regular": { "name": "--vkui--size_icon_margin--regular", - "value": "var(--vkui--size_icon_margin--regular, 12px)", + "value": "var(--vkui--size_icon_margin--regular, 8px)", }, }, "sizeIconMorePadding": { @@ -204073,7 +194350,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusVK)", + "value": "var(--vkui--theme_name, octaviusCompactDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -204195,7 +194472,7 @@ exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusCompactDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -204213,94 +194490,94 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", + "active": "#C6442D", + "hover": "#C33C24", "normal": "#c1341b", }, "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)", @@ -204308,363 +194585,363 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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.20)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 28, 61, 0.13)", - "hover": "rgba(0, 28, 61, 0.09)", - "normal": "rgba(0, 28, 61, 0.05)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundSky": { - "active": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#FFA614", + "hover": "#FFA20A", + "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(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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.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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", + "active": "#3A5FFF", + "hover": "#3258FF", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -204673,18 +194950,18 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", + "active": "#14B2F3", + "hover": "#0AAEF3", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", + "active": "#37E2E2", + "hover": "#2FE0E0", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", + "active": "#B4E326", + "hover": "#B1E21C", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -204693,8 +194970,8 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", + "active": "#66C862", + "hover": "#60C55B", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -204703,18 +194980,18 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", + "active": "#47ED9D", + "hover": "#3FEC98", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", + "active": "#14B7B9", + "hover": "#0AB4B6", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", + "active": "#FF943F", + "hover": "#FF9036", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -204723,376 +195000,376 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", + "active": "#FC3D48", + "hover": "#FC3440", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", + "active": "#ED2B8B", + "hover": "#EC2286", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", + "active": "#FF7CC0", + "hover": "#FF77BE", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", + "active": "#7814FF", + "hover": "#720AFF", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", + "active": "#B47EFF", + "hover": "#B179FF", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", + "active": "#FFC824", + "hover": "#FFC51B", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", + "active": "#FFD714", + "hover": "#FFD60A", "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "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, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", + "active": "#2A75FF", + "hover": "#206FFF", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", + "active": "#EC5A92", + "hover": "#EB538E", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", + "active": "#2A82F3", + "hover": "#217CF3", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", + "active": "#2488DD", + "hover": "#1B83DB", "normal": "#117eda", }, "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", + "active": "#2FA9F3", + "hover": "#26A5F3", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", + "active": "#B9F1E0", + "hover": "#B6F1DE", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", + "active": "#FFD6AF", + "hover": "#FFD4AB", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", + "active": "#FFB8DD", + "hover": "#FFB5DB", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", + "active": "#D2B9F1", + "hover": "#D0B6F1", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", + "active": "#ABE1FF", + "hover": "#A8DFFF", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", + "active": "#326868", + "hover": "#296262", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", + "active": "#684632", + "hover": "#623E29", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", + "active": "#5F3268", + "hover": "#582962", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", + "active": "#483268", + "hover": "#402962", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", + "active": "#324E68", + "hover": "#294762", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(230, 70, 70, 0.2)", - "hover": "rgba(230, 70, 70, 0.16)", - "normal": "rgba(230, 70, 70, 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": "#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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "colorsScheme": "light", + "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)", @@ -205100,7 +195377,7 @@ exports[`shapshots octaviusVK 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": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -205108,16 +195385,17 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, + "letterSpacing": "0.26px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -205125,16 +195403,17 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -205142,9 +195421,10 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -205187,12 +195467,12 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -205200,9 +195480,10 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, @@ -205213,10 +195494,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, - "letterSpacing": "-0.56px", "lineHeight": "32px", }, }, @@ -205226,10 +195506,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, - "letterSpacing": "-0.48px", "lineHeight": "28px", }, }, @@ -205239,25 +195518,32 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, - "letterSpacing": "-0.4px", "lineHeight": "26px", }, }, "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, }, "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, @@ -205283,24 +195569,32 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { - "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -205308,7 +195602,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -205316,10 +195610,10 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "22px", }, }, "fontWeightAccent1": 500, @@ -205333,14 +195627,14 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "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%", "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -205348,295 +195642,295 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(38, 136, 235, 0.2)", - "hover": "rgba(38, 136, 235, 0.16)", - "normal": "rgba(38, 136, 235, 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)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#eff1f3", - "hover": "#f5f6f8", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "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)", }, "octaviusColorHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "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.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", + "active": "#BCBEC3", + "hover": "#B9BBC1", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#0697ED", - "hover": "#079DF4", - "normal": "#07a3fc", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#D50206", - "hover": "#DE0203", - "normal": "#e70101", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#1FBA7D", - "hover": "#21C280", - "normal": "#22c983", + "active": "#40CC8F", + "hover": "#37CA8A", + "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", + "active": "#FFAB56", + "hover": "#FFA84E", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", + "active": "#EE565E", + "hover": "#ED4E57", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4CA2", - "hover": "#F54EA7", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", + "active": "#7FC419", + "hover": "#7AC20F", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", + "active": "#CD88EE", + "hover": "#CB83ED", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", + "active": "#2FCBD6", + "hover": "#26C9D4", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#AE18EF", - "hover": "#B519F7", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#222222", + "hover": "#191919", + "normal": "#0F0F0F", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -205644,239 +195938,239 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorSidebarCounterText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#0697ED", - "hover": "#079DF4", - "normal": "#07a3fc", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#D50206", - "hover": "#DE0203", - "normal": "#e70101", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#1FBA7D", - "hover": "#21C280", - "normal": "#22c983", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4CA2", - "hover": "#F54EA7", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#AE18EF", - "hover": "#B519F7", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "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.24)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -205884,43 +196178,43 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", + "active": "#A4A5A9", + "hover": "#A0A1A6", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", + "active": "#2C8FFF", + "hover": "#238AFF", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -205929,58 +196223,58 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "octaviusElevationCard": "0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC", - "octaviusElevationHeader": "0px 1px 0px 0px #E7E8EC", + "octaviusElevationCard": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", - "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", - "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", + "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", @@ -206006,9 +196300,9 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "64px", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", + "active": "none", + "hover": "none", + "normal": "underline", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -206064,7 +196358,8 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` }, "sizeBase": "4px", "sizeBaseMargin": { - "regular": "12px", + "compact": "12px", + "regular": "8px", }, "sizeBasePadding": { "compact": "20px", @@ -206086,7 +196381,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "2px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -206148,8 +196443,8 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "48px", + "regular": "32px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -206158,8 +196453,8 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -206171,8 +196466,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "32px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -206211,8 +196505,8 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "compact": "130px", + "regular": "104px", }, "sizeDivPadding": { "regular": "4px", @@ -206227,11 +196521,11 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": "48px", + "regular": "32px", }, "sizeFieldHorizontalMargin": { - "regular": "20px", + "regular": "16px", }, "sizeFieldHorizontalPadding": { "regular": "12px", @@ -206240,7 +196534,8 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizeFieldVerticalMargin": { - "regular": "24px", + "compact": "24px", + "regular": "20px", }, "sizeFieldWidthMin": { "compact": "380px", @@ -206254,8 +196549,8 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "regular": "20px", }, "sizeIconMargin": { - "compact": "8px", - "regular": "12px", + "compact": "12px", + "regular": "8px", }, "sizeIconMorePadding": { "compact": "8px", @@ -206406,7 +196701,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusVK", + "themeName": "octaviusCompactDark", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -206440,7 +196735,7 @@ exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusCompactDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -206458,94 +196753,94 @@ exports[`shapshots octaviusVK 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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "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, #11ECC4)", - "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "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, #96A0AE)", - "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - "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, #45A64A)", - "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "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, #A1E511)", - "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - "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, #EB9405)", - "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", - "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, #DD5643)", - "hover": "var(--vkui--color_accent_orange_fire--hover, #E65944)", - "normal": "var(--vkui--color_accent_orange_fire, #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": "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, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "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, #3A80D3)", - "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", - "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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #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, #B2311E)", - "hover": "var(--vkui--color_alert--hover, #B9331C)", + "active": "var(--vkui--color_alert--active, #C6442D)", + "hover": "var(--vkui--color_alert--hover, #C33C24)", "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -206553,363 +196848,363 @@ exports[`shapshots octaviusVK 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, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, "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, #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, #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, #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, #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, #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(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(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, 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))", + "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, #DDE5EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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, 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))", + "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, #DADCE2)", - "hover": "var(--vkui--color_background_content--hover, #E4E5E9)", - "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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)", - "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))", "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)", - "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, #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, #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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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.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))", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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, 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))", + "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, #45A64A)", - "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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, 28, 61, 0.13))", - "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))", + "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, #BCD3EF)", - "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", - "normal": "var(--vkui--color_background_sky, #cce4ff)", + "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(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))", + "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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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.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(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, #D8DAE1)", - "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", - "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + "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": "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, #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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "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, 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(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, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "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, #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, #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)", - "normal": "var(--vkui--color_icon_contrast_secondary, #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": "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, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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)", - "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, #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)", - "normal": "var(--vkui--color_icon_primary_invariably, #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": "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, #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(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(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, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 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(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)", - "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))", - "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(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #264CEF)", - "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", + "hover": "var(--vkui--color_palette_blue1--hover, #3258FF)", "normal": "var(--vkui--color_palette_blue1, #2951ff)", }, "colorPaletteBlue1Alpha": { @@ -206918,18 +197213,18 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_palette_blue1_alpha, rgba(0, 95, 249, 0.12))", }, "colorPaletteBlue2": { - "active": "var(--vkui--color_palette_blue2--active, #009FE4)", - "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "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, #23CED2)", - "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "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, #A0D016)", - "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", + "active": "var(--vkui--color_palette_green1--active, #B4E326)", + "hover": "var(--vkui--color_palette_green1--hover, #B1E21C)", "normal": "var(--vkui--color_palette_green1, #aee113)", }, "colorPaletteGreen1Alpha": { @@ -206938,8 +197233,8 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_palette_green1_alpha, rgba(92, 186, 56, 0.12))", }, "colorPaletteGreen2": { - "active": "var(--vkui--color_palette_green2--active, #52B552)", - "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", + "active": "var(--vkui--color_palette_green2--active, #66C862)", + "hover": "var(--vkui--color_palette_green2--hover, #60C55B)", "normal": "var(--vkui--color_palette_green2, #59c354)", }, "colorPaletteGreen2Alpha": { @@ -206948,18 +197243,18 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_palette_green2_alpha, rgba(0, 230, 180, 0.08))", }, "colorPaletteGreen3": { - "active": "var(--vkui--color_palette_green3--active, #33D98D)", - "hover": "var(--vkui--color_palette_green3--hover, #35E291)", + "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, #00A4AA)", - "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "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, #EB812F)", - "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "active": "var(--vkui--color_palette_orange1--active, #FF943F)", + "hover": "var(--vkui--color_palette_orange1--hover, #FF9036)", "normal": "var(--vkui--color_palette_orange1, #ff8b2e)", }, "colorPaletteOrange1Alpha": { @@ -206968,376 +197263,376 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_palette_orange1_alpha, rgba(255, 158, 0, 0.12))", }, "colorPaletteRed1": { - "active": "var(--vkui--color_palette_red1--active, #E82A38)", - "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", + "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, #D8187C)", - "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", + "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, #EB69B1)", - "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "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, #6301EF)", - "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "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, #A06BEF)", - "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "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, #EBB515)", - "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "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": "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, #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)", }, "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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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.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, 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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #1562EF)", - "hover": "var(--vkui--color_social_behance--hover, #1665F7)", + "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, #D74783)", - "hover": "var(--vkui--color_social_dribbble--hover, #E14A86)", + "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, #166FE4)", - "hover": "var(--vkui--color_social_fb--hover, #1773EB)", + "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, #1075CD)", - "hover": "var(--vkui--color_social_mir--hover, #107AD4)", + "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, #DB790C)", - "hover": "var(--vkui--color_social_ok--hover, #E47D0A)", + "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, #1B95E4)", - "hover": "var(--vkui--color_social_twitter--hover, #1C9BEB)", + "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, #3A80D3)", - "hover": "var(--vkui--color_social_vk--hover, #3C85D9)", + "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": "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, #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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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)", - "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, #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)", }, "colorTagBackgroundMint": { - "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", - "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + "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, #EBC29F)", - "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + "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, #EBA5CD)", - "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + "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, #BEA6E2)", - "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + "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, #97CEEF)", - "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + "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, #1D5559)", - "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + "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, #543322)", - "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", + "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, #4B1F59)", - "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + "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, #341F59)", - "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + "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, #1D3B59)", - "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + "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": "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, #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, #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, #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, #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, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "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, #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, #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)", - "normal": "var(--vkui--color_text_link_tint, #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": "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, #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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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)", - "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", }, "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, #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(230, 70, 70, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 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": "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, #CFD2D8)", - "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", - "normal": "var(--vkui--color_track_background, #e1e3e6)", + "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, #93B1D7)", - "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - "normal": "var(--vkui--color_track_buffer, #a0bfe4)", + "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, #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, #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, #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, #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, 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(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)", + "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))", @@ -207345,7 +197640,7 @@ exports[`shapshots octaviusVK 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, VKSansText, 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)", @@ -207353,16 +197648,17 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, VKSansText, 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)", "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, VKSansText, 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)", @@ -207370,16 +197666,17 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, VKSansText, 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)", "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, VKSansText, 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)", @@ -207387,9 +197684,10 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, VKSansText, 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)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, @@ -207432,12 +197730,12 @@ exports[`shapshots octaviusVK 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, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, VKSansText, 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, VKSansText, 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)", @@ -207445,9 +197743,10 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, VKSansText, 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)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, @@ -207458,10 +197757,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, @@ -207471,10 +197769,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, @@ -207484,25 +197781,32 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", "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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 15px)", + "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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 15px)", + "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)", }, @@ -207528,24 +197832,32 @@ exports[`shapshots octaviusVK 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, 18px)", + }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansText, 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)", }, }, "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, VKSansText, Helvetica, 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, 13px)", "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, 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)", @@ -207553,7 +197865,7 @@ exports[`shapshots octaviusVK 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, 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)", @@ -207561,10 +197873,10 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, 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, 24px)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", @@ -207578,14 +197890,14 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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%)", "octaviusColorActionArchive": { - "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", - "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", - "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "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)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #DADCE2)", - "hover": "var(--vkui--octavius_color_background--hover, #E4E5E9)", - "normal": "var(--vkui--octavius_color_background, #EDEEF0)", + "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_background, #19191A)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -207593,295 +197905,295 @@ exports[`shapshots octaviusVK 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(38, 136, 235, 0.2))", - "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 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))", - "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", - "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "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))", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "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))", }, "octaviusColorButtonBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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)", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "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))", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "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))", }, "octaviusColorButtonEmptyStateText": { - "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "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)", }, "octaviusColorButtonIcon": { - "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_icon, #333333)", + "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)", }, "octaviusColorButtonText": { - "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_button_text, #333333)", + "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)", }, "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24))", + "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))", }, "octaviusColorDatasetBackground": { - "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + "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)", }, "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_empty_state_text, #2C2D2E)", + "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)", }, "octaviusColorEmptyStateTextLink": { - "active": "var(--vkui--octavius_color_empty_state_text_link--active, #437DC1)", - "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #4681C6)", - "normal": "var(--vkui--octavius_color_empty_state_text_link, #4986cc)", + "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)", }, "octaviusColorHeaderBackground": { - "active": "var(--vkui--octavius_color_header_background--active, #eff1f3)", - "hover": "var(--vkui--octavius_color_header_background--hover, #f5f6f8)", - "normal": "var(--vkui--octavius_color_header_background, #ffffff)", + "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)", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "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))", + "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)", }, "octaviusColorHeaderButtonText": { - "active": "var(--vkui--octavius_color_header_button_text--active, #000105)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #000102)", - "normal": "var(--vkui--octavius_color_header_button_text, #000000)", + "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)", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 0.56))", - "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.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, #237EDD)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_header_icon, #2688eb)", + "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)", }, "octaviusColorHeaderIconAttach": { - "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)", + "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)", }, "octaviusColorHeaderIconFavorite": { - "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)", + "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)", }, "octaviusColorHeaderIconUnread": { - "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)", + "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)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #237EDD)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_header_progress, #2688eb)", + "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, #D8DBE2)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #E2E4E9)", - "normal": "var(--vkui--octavius_color_header_search_background, #ebedf0)", + "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)", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #D8DBE2)", - "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E2E4E9)", - "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #ebedf0)", + "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)", }, "octaviusColorHeaderSearchChipBackground": { - "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)", + "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)", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + "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)", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + "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))", }, "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "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)", }, "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #000105)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #000102)", - "normal": "var(--vkui--octavius_color_header_search_text, #000000)", + "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)", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #778292)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", + "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)", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + "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))", }, "octaviusColorHeaderTabTextActiveThemed": { - "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)", + "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)", }, "octaviusColorHeaderTextSecondary": { - "active": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #818c99)", + "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)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #0697ED)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #079DF4)", - "normal": "var(--vkui--octavius_color_icon_event, #07a3fc)", + "active": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", + "normal": "var(--vkui--octavius_color_icon_event, #FF6262)", }, "octaviusColorIconEventAlpha": { - "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", - "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + "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))", }, "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #EB3046)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F53247)", - "normal": "var(--vkui--octavius_color_icon_favorite, #ff3347)", + "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)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #D50206)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #DE0203)", - "normal": "var(--vkui--octavius_color_icon_fees, #e70101)", + "active": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", + "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #1FBA7D)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #21C280)", - "normal": "var(--vkui--octavius_color_icon_finance, #22c983)", + "active": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", + "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", - "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "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)", }, "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", - "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, "octaviusColorIconOfficial": { - "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", - "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "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)", }, "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #EB4CA2)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #F54EA7)", - "normal": "var(--vkui--octavius_color_icon_order, #ff51ab)", + "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)", }, "octaviusColorIconOrderAlpha": { - "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + "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))", }, "octaviusColorIconReceipts": { - "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", - "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "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)", }, "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #EB9405)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59A02)", - "normal": "var(--vkui--octavius_color_icon_registration, #ffa000)", + "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)", }, "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", - "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", + "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #AE18EF)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #B519F7)", - "normal": "var(--vkui--octavius_color_icon_travel, #bd19ff)", + "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)", }, "octaviusColorIconTravelAlpha": { - "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", - "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + "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))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #237EDD)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_icon_unread, #2688eb)", + "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(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + "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)", }, "octaviusColorLayoutLetterBorderAlpha": { - "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + "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))", }, "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", "octaviusColorLetterContactBackgroundAlpha": { - "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "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)", }, "octaviusColorLetterListTextUnread": { - "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + "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)", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", - "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", - "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + "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)", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", - "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", - "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + "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)", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "var(--vkui--octavius_color_list_background_positive_alpha--active, rgba(13, 194, 104, 0.16))", @@ -207889,239 +198201,239 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", - "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", - "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + "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)", }, "octaviusColorListIconPrimary": { - "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "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)", }, "octaviusColorListLetterAdvBackground": { - "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", - "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", - "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + "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)", }, "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #DADCE2)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #E4E5E9)", - "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + "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)", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.12))", + "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))", }, "octaviusColorListTextPrimary": { - "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "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)", }, "octaviusColorListTextUnread": { - "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", - "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "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)", }, "octaviusColorNotificationBorder": { - "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", + "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)", }, "octaviusColorOverlayBackground": { - "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "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)", }, "octaviusColorPlaceholderBackground": { - "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + "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)", }, "octaviusColorPortalMenuBackground": { - "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + "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)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", - "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + "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))", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", - "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + "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))", }, "octaviusColorPromoBackground": { - "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", - "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", - "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + "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)", }, "octaviusColorSidebarButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "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)", }, "octaviusColorSidebarButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarButtonText": { - "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + "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)", }, "octaviusColorSidebarComposeButtonIcon": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "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)", }, "octaviusColorSidebarComposeButtonText": { - "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "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(0, 0, 0, 0.32))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(0, 0, 0, 0.24))", + "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, #EBECEF)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #F5F5F7)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #FFFFFF)", + "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, #0697ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #079DF4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", + "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, #EB3046)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", + "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, #D50206)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DE0203)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", + "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, #1FBA7D)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #21C280)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", + "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, #EB4CA2)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F54EA7)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", + "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, #EB9405)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59A02)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", + "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, #AE18EF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B519F7)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", + "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, #237EDD)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", + "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(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + "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, #3A80D3)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #3C85D9)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #3F8AE0)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2c2d2e)", + "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, #237EDD)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688eb)", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + "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, #000105)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #000000)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + "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, #778292)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818c99)", + "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(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #2c2d2e)", + "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, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2c2d2e)", + "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, #8D96A4)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99a2ad)", + "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, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + "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, #000105)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #000102)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #000000)", + "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, #778292)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818c99)", + "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))", @@ -208129,43 +198441,43 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_sidebar_widget_background_alpha, rgba(255, 255, 255, 0.16))", }, "octaviusColorSnackbarBackground": { - "active": "var(--vkui--octavius_color_snackbar_background--active, #2C2D31)", - "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + "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, #006FEF)", - "hover": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #0073F7)", + "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, #EB565A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + "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, #0CB465)", - "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + "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, #90929A)", - "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + "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, #EB9305)", - "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + "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, #187CEF)", - "hover": "var(--vkui--octavius_color_snackbar_text_accent--hover, #1980F7)", + "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, #EBECEF)", - "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + "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": { @@ -208174,58 +198486,58 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", - "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", - "normal": "var(--vkui--octavius_color_text_finance, #27B275)", + "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "normal": "var(--vkui--octavius_color_text_finance, #52C392)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", - "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", - "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", + "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", - "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", - "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", - "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", - "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", - "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "normal": "var(--vkui--octavius_color_text_school, #D392F2)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", - "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", - "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "normal": "var(--vkui--octavius_color_text_social, #7688E9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", - "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, "octaviusColorThreadFooterBackground": { - "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", - "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", - "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + "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, 0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 1px 0px 0px #E7E8EC)", + "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, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", @@ -208251,9 +198563,9 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", - "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", - "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + "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)", @@ -208309,7 +198621,8 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = }, "sizeBase": "var(--vkui--size_base, 4px)", "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "compact": "var(--vkui--size_base_margin--compact, 12px)", + "regular": "var(--vkui--size_base_margin--regular, 8px)", }, "sizeBasePadding": { "compact": "var(--vkui--size_base_padding--compact, 20px)", @@ -208331,7 +198644,7 @@ exports[`shapshots octaviusVK 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, 2px)", }, "sizeBorderRadiusPaper": { "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", @@ -208393,8 +198706,8 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "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)", + "compact": "var(--vkui--size_button_medium_height--compact, 48px)", + "regular": "var(--vkui--size_button_medium_height--regular, 32px)", }, "sizeButtonMinimumWidth": { "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", @@ -208403,8 +198716,8 @@ exports[`shapshots octaviusVK 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)", + "compact": "var(--vkui--size_button_padding_horizontal--compact, 20px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 16px)", }, "sizeButtonSliderHeight": { "regular": "var(--vkui--size_button_slider_height--regular, 24px)", @@ -208416,8 +198729,7 @@ exports[`shapshots octaviusVK 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, 32px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -208456,8 +198768,8 @@ exports[`shapshots octaviusVK 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)", + "regular": "var(--vkui--size_control_button_width_min--regular, 104px)", }, "sizeDivPadding": { "regular": "var(--vkui--size_div_padding--regular, 4px)", @@ -208472,11 +198784,11 @@ exports[`shapshots octaviusVK 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)", + "compact": "var(--vkui--size_field_height--compact, 48px)", + "regular": "var(--vkui--size_field_height--regular, 32px)", }, "sizeFieldHorizontalMargin": { - "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "regular": "var(--vkui--size_field_horizontal_margin--regular, 16px)", }, "sizeFieldHorizontalPadding": { "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", @@ -208485,7 +198797,8 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, "sizeFieldVerticalMargin": { - "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", + "compact": "var(--vkui--size_field_vertical_margin--compact, 24px)", + "regular": "var(--vkui--size_field_vertical_margin--regular, 20px)", }, "sizeFieldWidthMin": { "compact": "var(--vkui--size_field_width_min--compact, 380px)", @@ -208499,8 +198812,8 @@ exports[`shapshots octaviusVK 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)", + "compact": "var(--vkui--size_icon_margin--compact, 12px)", + "regular": "var(--vkui--size_icon_margin--regular, 8px)", }, "sizeIconMorePadding": { "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", @@ -208651,7 +198964,7 @@ exports[`shapshots octaviusVK 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, octaviusVK)", + "themeName": "var(--vkui--theme_name, octaviusCompactDark)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -208685,7 +198998,7 @@ exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = } `; -exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusCompactDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -208703,94 +199016,94 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#1BE7F9", + "hover": "#11E6F9", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#BEFC80", + "hover": "#BBFC7B", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "active": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", }, "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#9570FF", + "hover": "#916AFF", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#EE431E", + "hover": "#EE3B14", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAlert": { - "active": "#B2311E", - "hover": "#B9331C", + "active": "#C6442D", + "hover": "#C33C24", "normal": "#c1341b", }, "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)", @@ -208798,363 +199111,363 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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.20)", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2B3240", + "hover": "#222937", + "normal": "#19202f", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 28, 61, 0.13)", - "hover": "rgba(0, 28, 61, 0.09)", - "normal": "rgba(0, 28, 61, 0.05)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundSky": { - "active": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "active": "rgba(51, 51, 51, 0.88)", + "hover": "rgba(51, 51, 51, 0.84)", + "normal": "rgba(51, 51, 51, 0.8)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.1)", + "normal": "rgba(255, 255, 255, 0.02)", }, "colorBackgroundThumbnail": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { - "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)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(245, 246, 255, 0.78)", + "hover": "rgba(245, 246, 255, 0.74)", + "normal": "rgba(245, 246, 255, 0.7)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(245, 246, 255, 0.68)", + "hover": "rgba(245, 246, 255, 0.64)", + "normal": "rgba(245, 246, 255, 0.6)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#FFA614", + "hover": "#FFA20A", + "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(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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.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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { - "active": "#264CEF", - "hover": "#274EF7", + "active": "#3A5FFF", + "hover": "#3258FF", "normal": "#2951ff", }, "colorPaletteBlue1Alpha": { @@ -209163,18 +199476,18 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "colorPaletteBlue2": { - "active": "#009FE4", - "hover": "#00A5EB", + "active": "#14B2F3", + "hover": "#0AAEF3", "normal": "#00abf2", }, "colorPaletteBlue3": { - "active": "#23CED2", - "hover": "#24D7D9", + "active": "#37E2E2", + "hover": "#2FE0E0", "normal": "#26dfdf", }, "colorPaletteGreen1": { - "active": "#A0D016", - "hover": "#A7D915", + "active": "#B4E326", + "hover": "#B1E21C", "normal": "#aee113", }, "colorPaletteGreen1Alpha": { @@ -209183,8 +199496,8 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(92, 186, 56, 0.12)", }, "colorPaletteGreen2": { - "active": "#52B552", - "hover": "#55BC53", + "active": "#66C862", + "hover": "#60C55B", "normal": "#59c354", }, "colorPaletteGreen2Alpha": { @@ -209193,18 +199506,18 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 230, 180, 0.08)", }, "colorPaletteGreen3": { - "active": "#33D98D", - "hover": "#35E291", + "active": "#47ED9D", + "hover": "#3FEC98", "normal": "#37eb94", }, "colorPaletteGreen4": { - "active": "#00A4AA", - "hover": "#00ABAE", + "active": "#14B7B9", + "hover": "#0AB4B6", "normal": "#00b1b3", }, "colorPaletteOrange1": { - "active": "#EB812F", - "hover": "#F5862F", + "active": "#FF943F", + "hover": "#FF9036", "normal": "#ff8b2e", }, "colorPaletteOrange1Alpha": { @@ -209213,376 +199526,376 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 158, 0, 0.12)", }, "colorPaletteRed1": { - "active": "#E82A38", - "hover": "#F22B38", + "active": "#FC3D48", + "hover": "#FC3440", "normal": "#fc2c38", }, "colorPaletteRed2": { - "active": "#D8187C", - "hover": "#E2197E", + "active": "#ED2B8B", + "hover": "#EC2286", "normal": "#eb1981", }, "colorPaletteRed3": { - "active": "#EB69B1", - "hover": "#F56DB6", + "active": "#FF7CC0", + "hover": "#FF77BE", "normal": "#ff71bb", }, "colorPaletteViolet1": { - "active": "#6301EF", - "hover": "#6801F7", + "active": "#7814FF", + "hover": "#720AFF", "normal": "#6c00ff", }, "colorPaletteViolet2": { - "active": "#A06BEF", - "hover": "#A76FF7", + "active": "#B47EFF", + "hover": "#B179FF", "normal": "#ae73ff", }, "colorPaletteYellow1": { - "active": "#EBB515", - "hover": "#F5BC13", + "active": "#FFC824", + "hover": "#FFC51B", "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", + "active": "#FFD714", + "hover": "#FFD60A", "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#323234", + "hover": "#29292B", + "normal": "#202022", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#3E3E40", + "hover": "#353537", + "normal": "#2d2d2f", }, "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, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "colorSocialBehance": { - "active": "#1562EF", - "hover": "#1665F7", + "active": "#2A75FF", + "hover": "#206FFF", "normal": "#1769ff", }, "colorSocialDribbble": { - "active": "#D74783", - "hover": "#E14A86", + "active": "#EC5A92", + "hover": "#EB538E", "normal": "#ea4c89", }, "colorSocialFb": { - "active": "#166FE4", - "hover": "#1773EB", + "active": "#2A82F3", + "hover": "#217CF3", "normal": "#1877f2", }, "colorSocialMir": { - "active": "#1075CD", - "hover": "#107AD4", + "active": "#2488DD", + "hover": "#1B83DB", "normal": "#117eda", }, "colorSocialOk": { - "active": "#DB790C", - "hover": "#E47D0A", + "active": "#EF8C1C", + "hover": "#EF8712", "normal": "#ee8208", }, "colorSocialTwitter": { - "active": "#1B95E4", - "hover": "#1C9BEB", + "active": "#2FA9F3", + "hover": "#26A5F3", "normal": "#1da1f2", }, "colorSocialVk": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTagBackgroundMint": { - "active": "#A5DED0", - "hover": "#ACE7D7", + "active": "#B9F1E0", + "hover": "#B6F1DE", "normal": "#B3F0DD", }, "colorTagBackgroundOrange": { - "active": "#EBC29F", - "hover": "#F5CAA4", + "active": "#FFD6AF", + "hover": "#FFD4AB", "normal": "#FFD2A8", }, "colorTagBackgroundPink": { - "active": "#EBA5CD", - "hover": "#F5ACD4", + "active": "#FFB8DD", + "hover": "#FFB5DB", "normal": "#FFB2DA", }, "colorTagBackgroundPurple": { - "active": "#BEA6E2", - "hover": "#C6ACE9", + "active": "#D2B9F1", + "hover": "#D0B6F1", "normal": "#CEB3F0", }, "colorTagBackgroundSky": { - "active": "#97CEEF", - "hover": "#9DD6F7", + "active": "#ABE1FF", + "hover": "#A8DFFF", "normal": "#A4DEFF", }, "colorTagTextMint": { - "active": "#1D5559", - "hover": "#1F585A", + "active": "#326868", + "hover": "#296262", "normal": "#205B5B", }, "colorTagTextOrange": { - "active": "#543322", - "hover": "#573421", + "active": "#684632", + "hover": "#623E29", "normal": "#5B3620", }, "colorTagTextPink": { - "active": "#4B1F59", - "hover": "#4E1F5A", + "active": "#5F3268", + "hover": "#582962", "normal": "#51205B", }, "colorTagTextPurple": { - "active": "#341F59", - "hover": "#361F5A", + "active": "#483268", + "hover": "#402962", "normal": "#38205B", }, "colorTagTextSky": { - "active": "#1D3B59", - "hover": "#1F3D5A", + "active": "#324E68", + "hover": "#294762", "normal": "#203F5B", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#6098E2", + "hover": "#5993E0", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#C4C6CA", + "hover": "#C2C3C7", + "normal": "#BFC1C5", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(230, 70, 70, 0.2)", - "hover": "rgba(230, 70, 70, 0.16)", - "normal": "rgba(230, 70, 70, 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": "#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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#525354", + "hover": "#4B4B4C", + "normal": "#434445", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "colorsScheme": "light", + "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)", @@ -209590,7 +199903,7 @@ exports[`shapshots octaviusVK 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": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -209598,16 +199911,17 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, + "letterSpacing": "0.26px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -209615,16 +199929,17 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -209632,9 +199947,10 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -209677,12 +199993,12 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -209690,9 +200006,10 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 18, "textTransform": "uppercase", }, @@ -209703,10 +200020,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, - "letterSpacing": "-0.56px", "lineHeight": 32, }, }, @@ -209716,10 +200032,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, - "letterSpacing": "-0.48px", "lineHeight": 28, }, }, @@ -209729,25 +200044,32 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, - "letterSpacing": "-0.4px", "lineHeight": 26, }, }, "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, }, "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, @@ -209773,24 +200095,32 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { - "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, - "fontWeight": 400, "lineHeight": 20, }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": "20px", + }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -209798,7 +200128,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -209806,10 +200136,10 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 24, + "lineHeight": 22, }, }, "fontWeightAccent1": 500, @@ -209823,14 +200153,14 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "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%", "octaviusColorActionArchive": { - "active": "#1D5625", - "hover": "#1E5924", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -209838,295 +200168,295 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(38, 136, 235, 0.2)", - "hover": "rgba(38, 136, 235, 0.16)", - "normal": "rgba(38, 136, 235, 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)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { - "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", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#eff1f3", - "hover": "#f5f6f8", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "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)", }, "octaviusColorHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#C8CAD0", - "hover": "#D0D2D7", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "rgba(255, 255, 255, 0.4)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "#FFFFFF", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { - "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.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#A7ABB4", - "hover": "#AFB1B9", + "active": "#BCBEC3", + "hover": "#B9BBC1", "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#0697ED", - "hover": "#079DF4", - "normal": "#07a3fc", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#D50206", - "hover": "#DE0203", - "normal": "#e70101", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#1FBA7D", - "hover": "#21C280", - "normal": "#22c983", + "active": "#40CC8F", + "hover": "#37CA8A", + "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#E9BD3E", - "hover": "#F3C43E", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { - "active": "#EB9846", - "hover": "#F59E47", + "active": "#FFAB56", + "hover": "#FFA84E", "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#23B2DD", - "hover": "#24B9E4", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { - "active": "#D9434E", - "hover": "#E3454F", + "active": "#EE565E", + "hover": "#ED4E57", "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4CA2", - "hover": "#F54EA7", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { - "active": "#6BB109", - "hover": "#6FB807", + "active": "#7FC419", + "hover": "#7AC20F", "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { - "active": "#B975DE", - "hover": "#C17AE5", + "active": "#CD88EE", + "hover": "#CB83ED", "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#697EEF", - "hover": "#6D83F7", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { - "active": "#1BB8C6", - "hover": "#1CC0CC", + "active": "#2FCBD6", + "hover": "#26C9D4", "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#AE18EF", - "hover": "#B519F7", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorLayoutLetterBorderAlpha": { - "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)", }, "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", "octaviusColorLetterContactBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.08)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.08)", "normal": "transparent", }, "octaviusColorLetterListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorLetterPreviewBackgroundPrimary": { - "active": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "octaviusColorLetterPreviewBackgroundSecondary": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "active": "#222222", + "hover": "#191919", + "normal": "#0F0F0F", }, "octaviusColorListBackgroundPositiveAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -210134,239 +200464,239 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#DFE7E5", - "hover": "#E8F1ED", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#DDE3EF", - "hover": "#E6ECF7", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#ffffff", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.4)", }, "octaviusColorListTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorListTextUnread": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { - "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", }, "octaviusColorPlaceholderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#D8DCE6", - "hover": "#E2E5EE", - "normal": "#EBEEF5", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSidebarButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "octaviusColorSidebarComposeButtonBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "octaviusColorSidebarComposeButtonIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarComposeButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorSidebarCounterText": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#0697ED", - "hover": "#079DF4", - "normal": "#07a3fc", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#D50206", - "hover": "#DE0203", - "normal": "#e70101", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#1FBA7D", - "hover": "#21C280", - "normal": "#22c983", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4CA2", - "hover": "#F54EA7", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#AE18EF", - "hover": "#B519F7", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { - "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.24)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { - "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.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -210374,43 +200704,43 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorSnackbarBackground": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "octaviusColorSnackbarIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "octaviusColorSnackbarIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", + "active": "#FF6969", + "hover": "#FF6363", "normal": "#FF5C5C", }, "octaviusColorSnackbarIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "octaviusColorSnackbarIconSecondary": { - "active": "#90929A", - "hover": "#96979E", + "active": "#A4A5A9", + "hover": "#A0A1A6", "normal": "#9C9DA2", }, "octaviusColorSnackbarIconWarning": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "octaviusColorSnackbarTextAccent": { - "active": "#187CEF", - "hover": "#1980F7", + "active": "#2C8FFF", + "hover": "#238AFF", "normal": "#1A85FF", }, "octaviusColorSnackbarTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "octaviusColorSnackbarTransparent": { @@ -210419,58 +200749,58 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#EB2D30", - "hover": "#F52E30", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#24A571", - "hover": "#25AC73", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#D8A205", - "hover": "#E2A902", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#B975DE", - "hover": "#C17AE5", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#4E63CD", - "hover": "#5266D3", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#11A7B5", - "hover": "#12ADBA", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#D8DAE1", - "hover": "#E2E3E8", - "normal": "#ebecef", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, - "octaviusElevationCard": "0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC", - "octaviusElevationHeader": "0px 1px 0px 0px #E7E8EC", + "octaviusElevationCard": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", - "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", - "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", + "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", @@ -210496,9 +200826,9 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 64, }, "octaviusTextDecorationEmptyStateTextLink": { - "active": "underline", - "hover": "underline", - "normal": "none", + "active": "none", + "hover": "none", + "normal": "underline", }, "octaviusTextShadowEmptyStateText": "none", "octaviusTextShadowSidebarItemText": "none", @@ -210554,7 +200884,8 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` }, "sizeBase": 4, "sizeBaseMargin": { - "regular": 12, + "compact": 12, + "regular": 8, }, "sizeBasePadding": { "compact": 20, @@ -210576,7 +200907,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 2, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -210638,8 +200969,8 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 48, + "regular": 32, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -210648,8 +200979,8 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeButtonSliderHeight": { "regular": 24, @@ -210661,8 +200992,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": 32, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -210701,8 +201031,8 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "compact": 130, + "regular": 104, }, "sizeDivPadding": { "regular": 4, @@ -210717,11 +201047,11 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": 48, + "regular": 32, }, "sizeFieldHorizontalMargin": { - "regular": 20, + "regular": 16, }, "sizeFieldHorizontalPadding": { "regular": 12, @@ -210730,7 +201060,8 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeFieldVerticalMargin": { - "regular": 24, + "compact": 24, + "regular": 20, }, "sizeFieldWidthMin": { "compact": 380, @@ -210744,8 +201075,8 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { - "compact": 8, - "regular": 12, + "compact": 12, + "regular": 8, }, "sizeIconMorePadding": { "compact": 8, @@ -210896,7 +201227,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusVK", + "themeName": "octaviusCompactDark", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -210930,7 +201261,7 @@ exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -210979,85 +201310,85 @@ exports[`shapshots octaviusVKDark 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": { @@ -211071,7 +201402,7 @@ exports[`shapshots octaviusVKDark 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": { @@ -211091,29 +201422,29 @@ exports[`shapshots octaviusVKDark 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": { @@ -211127,63 +201458,63 @@ exports[`shapshots octaviusVKDark 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)", }, }, "colorAlert": { @@ -211203,15 +201534,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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": { @@ -211231,43 +201562,43 @@ exports[`shapshots octaviusVKDark 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": { @@ -211315,57 +201646,57 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #F1F8FF)", + "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, #F1F7FF)", + "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, #f0f7ff)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #353535)", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2C)", + "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)", }, }, "colorBackgroundContentInverse": { @@ -211399,15 +201730,15 @@ exports[`shapshots octaviusVKDark 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": { @@ -211427,43 +201758,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #383838)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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": { @@ -211491,7 +201822,7 @@ exports[`shapshots octaviusVKDark 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": { @@ -211505,133 +201836,133 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "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.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, 51, 10, 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, 51, 10, 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, #FEF0ED)", + "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, #FEF0EC)", + "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, #feefeb)", + "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, 51, 10, 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, 51, 10, 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, 51, 10, 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, #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.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, #EEFAF4)", + "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, #EDFAF3)", + "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, #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": { @@ -211645,77 +201976,77 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", + "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, #D0E6FF)", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #CEE5FF)", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "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(204, 228, 255, 0.98))", + "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(204, 228, 255, 0.9400000000000001))", + "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(204, 228, 255, 0.9))", + "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))", }, }, "colorBackgroundThumbnail": { "active": { "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #EDEEF0)", + "value": "var(--vkui--color_background_thumbnail--active, #313131)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #ECEDF0)", + "value": "var(--vkui--color_background_thumbnail--hover, #282828)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #EBECEF)", + "value": "var(--vkui--color_background_thumbnail, #1F1F1F)", }, }, "colorBackgroundThumbnailAlpha": { @@ -211735,85 +202066,85 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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, #FFFCE2)", + "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, #FFFCE1)", + "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, #FFFCE2)", + "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, #FFFCE1)", + "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, #222223)", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #1F1F20)", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #1B1B1C)", + "value": "var(--vkui--color_button_contrast, #252526)", }, }, "colorButtonContrastAlpha": { @@ -211889,43 +202220,43 @@ exports[`shapshots octaviusVKDark 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": { @@ -211967,21 +202298,21 @@ exports[`shapshots octaviusVKDark 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": { @@ -211995,21 +202326,21 @@ exports[`shapshots octaviusVKDark 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": { @@ -212023,35 +202354,35 @@ exports[`shapshots octaviusVKDark 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": { @@ -212065,77 +202396,77 @@ exports[`shapshots octaviusVKDark 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": { @@ -212155,29 +202486,29 @@ exports[`shapshots octaviusVKDark 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": { @@ -212197,29 +202528,29 @@ exports[`shapshots octaviusVKDark 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": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "value": "var(--vkui--color_overlay_secondary, rgba(55, 56, 57, 0.5))", }, }, "colorPaletteBlue1": { @@ -212477,15 +202808,15 @@ exports[`shapshots octaviusVKDark 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": { @@ -212505,15 +202836,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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": { @@ -212533,99 +202864,99 @@ exports[`shapshots octaviusVKDark 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)", }, }, "colorSocialBehance": { @@ -212729,15 +203060,15 @@ exports[`shapshots octaviusVKDark 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, #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": { @@ -212779,21 +203110,21 @@ exports[`shapshots octaviusVKDark 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": { @@ -212807,7 +203138,7 @@ exports[`shapshots octaviusVKDark 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)", }, }, "colorTagBackgroundMint": { @@ -212953,15 +203284,15 @@ exports[`shapshots octaviusVKDark 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, #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": { @@ -212995,29 +203326,29 @@ exports[`shapshots octaviusVKDark 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": { @@ -213045,35 +203376,35 @@ exports[`shapshots octaviusVKDark 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": { @@ -213087,35 +203418,35 @@ exports[`shapshots octaviusVKDark 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)", }, }, "colorTextPrimaryAlpha": { @@ -213135,29 +203466,29 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", }, }, "colorTextSecondaryAlpha": { @@ -213177,183 +203508,183 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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(230, 70, 70, 0.2))", + "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(230, 70, 70, 0.16))", + "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(230, 70, 70, 0.12))", + "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, #E0EBFF)", + "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, #DEEAFF)", + "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, #D2EFE8)", + "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, #D0EFE7)", + "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, #F9D7C2)", + "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, #F9D5C0)", + "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, #F3EAFF)", + "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, #F3E9FF)", + "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, #2E5384)", + "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, #254B7E)", + "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, #1C8679)", + "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, #128173)", + "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, #83563B)", + "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, #7D4E33)", + "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, #7E5FA7)", + "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, #7958A3)", + "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, #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": { @@ -213373,29 +203704,29 @@ exports[`shapshots octaviusVKDark 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": { @@ -213409,7 +203740,7 @@ exports[`shapshots octaviusVKDark 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": { @@ -213432,23 +203763,23 @@ exports[`shapshots octaviusVKDark 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, 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": { @@ -213472,7 +203803,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -213502,6 +203833,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -213514,7 +203849,7 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -213524,6 +203859,10 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", @@ -213556,7 +203895,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -213586,6 +203925,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -213598,7 +203941,7 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -213608,6 +203951,10 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", @@ -213640,7 +203987,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -213670,6 +204017,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -213682,7 +204033,7 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -213692,6 +204043,10 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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)", @@ -213874,11 +204229,11 @@ exports[`shapshots octaviusVKDark 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -213906,7 +204261,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -213936,6 +204291,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -213948,7 +204307,7 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -213958,6 +204317,10 @@ exports[`shapshots octaviusVKDark 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)", @@ -213982,10 +204345,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight", "value": "var(--vkui--font_h0--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h0--letter_spacing", - "value": "var(--vkui--font_h0--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", @@ -214004,7 +204363,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, 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", @@ -214014,10 +204373,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight--regular", "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h0--letter_spacing--regular", - "value": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", - }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", "value": "var(--vkui--font_h0--line_height--regular, 32px)", @@ -214038,10 +204393,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight", "value": "var(--vkui--font_h1--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h1--letter_spacing", - "value": "var(--vkui--font_h1--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", @@ -214060,7 +204411,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, 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", @@ -214070,10 +204421,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight--regular", "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h1--letter_spacing--regular", - "value": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", - }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", "value": "var(--vkui--font_h1--line_height--regular, 28px)", @@ -214094,10 +204441,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight", "value": "var(--vkui--font_h2--font_weight)", }, - "letterSpacing": { - "name": "--vkui--font_h2--letter_spacing", - "value": "var(--vkui--font_h2--letter_spacing)", - }, "lineHeight": { "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", @@ -214116,7 +204459,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, 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", @@ -214126,10 +204469,6 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight--regular", "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, - "letterSpacing": { - "name": "--vkui--font_h2--letter_spacing--regular", - "value": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", - }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", "value": "var(--vkui--font_h2--line_height--regular, 26px)", @@ -214155,14 +204494,24 @@ exports[`shapshots octaviusVKDark 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, 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", - "value": "var(--vkui--font_headline--font_size--regular, 15px)", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_headline--font_weight--regular", @@ -214193,14 +204542,24 @@ exports[`shapshots octaviusVKDark 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, 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", - "value": "var(--vkui--font_headline1--font_size--regular, 15px)", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--regular", @@ -214317,10 +204676,20 @@ exports[`shapshots octaviusVKDark 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, VKSansText, 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", @@ -214355,14 +204724,24 @@ exports[`shapshots octaviusVKDark 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, VKSansText, Helvetica, Arial, sans-serif)", + "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, 15px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -214396,7 +204775,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -214434,7 +204813,7 @@ exports[`shapshots octaviusVKDark 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -214472,7 +204851,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -214484,7 +204863,7 @@ exports[`shapshots octaviusVKDark 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)", }, }, }, @@ -214514,7 +204893,7 @@ exports[`shapshots octaviusVKDark 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", @@ -214522,7 +204901,7 @@ exports[`shapshots octaviusVKDark 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", @@ -214531,29 +204910,29 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #316935)", + "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #28632C)", + "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #141414)", + "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_background--hover, #222223)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #000000)", + "value": "var(--vkui--octavius_color_background, #19191A)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -214573,43 +204952,43 @@ exports[`shapshots octaviusVKDark 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(82, 158, 244, 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(82, 158, 244, 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(82, 158, 244, 0.12))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(0, 119, 255, 0.12))", }, }, "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.2))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.24))", }, "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.16))", + "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.12))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", }, }, "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.18))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.2))", }, "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.14))", + "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.1))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", }, }, "octaviusColorButtonBackgroundAlpha": { @@ -214629,43 +205008,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorButtonBackgroundContrastAlpha": { "active": { "name": "--vkui--octavius_color_button_background_contrast_alpha--active", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgba(250, 250, 250, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_background_contrast_alpha--hover", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "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.99))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", }, }, "octaviusColorButtonEmptyStateBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--active", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_background_alpha--hover", - "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "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(0, 16, 61, 0.06))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #3D3E3F)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #343536)", + "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, #2C2D2E)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", }, }, "octaviusColorButtonIcon": { @@ -214699,43 +205078,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorContentScrollbarAlpha": { "active": { "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.28))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.24))", + "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.2))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #2B2B2C)", + "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #222223)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #19191a)", + "value": "var(--vkui--octavius_color_dataset_background, #232324)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #E3E5E8)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", }, }, "octaviusColorEmptyStateTextLink": { @@ -214755,15 +205134,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #353535)", + "value": "var(--vkui--octavius_color_header_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #2B2B2C)", + "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #161616)", + "value": "var(--vkui--octavius_color_header_background, #232324)", }, }, "octaviusColorHeaderButtonBackgroundAlpha": { @@ -214783,155 +205162,155 @@ exports[`shapshots octaviusVKDark 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, #E3E5E8)", + "value": "var(--vkui--octavius_color_header_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_header_button_text, #FFFFFF)", }, }, "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, 0.48))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", }, }, "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #60A6F5)", + "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #59A2F4)", + "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #529ef4)", + "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", }, }, "octaviusColorHeaderIconAttach": { "active": { "name": "--vkui--octavius_color_header_icon_attach--active", - "value": "var(--vkui--octavius_color_header_icon_attach--active, #DCDDE0)", + "value": "var(--vkui--octavius_color_header_icon_attach--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_attach--hover", - "value": "var(--vkui--octavius_color_header_icon_attach--hover, #DBDBDE)", + "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, #D9DADD)", + "value": "var(--vkui--octavius_color_header_icon_attach, #FFFFFF)", }, }, "octaviusColorHeaderIconFavorite": { "active": { "name": "--vkui--octavius_color_header_icon_favorite--active", - "value": "var(--vkui--octavius_color_header_icon_favorite--active, #FC3D48)", + "value": "var(--vkui--octavius_color_header_icon_favorite--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_favorite--hover", - "value": "var(--vkui--octavius_color_header_icon_favorite--hover, #FC3440)", + "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, #FC2C38)", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FFFFFF)", }, }, "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #1482FF)", + "value": "var(--vkui--octavius_color_header_icon_unread--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_header_icon_unread--hover", - "value": "var(--vkui--octavius_color_header_icon_unread--hover, #0A7CFF)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_icon_unread, #FFFFFF)", }, }, "octaviusColorHeaderProgress": { "active": { "name": "--vkui--octavius_color_header_progress--active", - "value": "var(--vkui--octavius_color_header_progress--active, #60A6F5)", + "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, #59A2F4)", + "value": "var(--vkui--octavius_color_header_progress--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #529ef4)", + "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, #1E1E1E)", + "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #141414)", + "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, #0a0a0a)", + "value": "var(--vkui--octavius_color_header_search_background, #303030)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #1E1E1E)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #141414)", + "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, #0a0a0a)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, #2E2F30)", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #252627)", + "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, #1C1D1E)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #414141)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #393939)", + "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, #313131)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", }, }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { @@ -214951,169 +205330,169 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #818385)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, }, "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #818385)", + "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #818385)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", }, }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--active", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(255, 255, 255, 0.88))", }, "hover": { "name": "--vkui--octavius_color_header_tab_active_themed_alpha--hover", - "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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(0, 95, 249, .10))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(255, 255, 255, .8))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #1482FF)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_header_tab_text_active_themed--hover", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #0A7CFF)", + "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, #0077ff)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", }, }, "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #1BAAFC)", + "value": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #11A7FC)", + "value": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #07a3fc)", + "value": "var(--vkui--octavius_color_icon_event, #FF6262)", }, }, "octaviusColorIconEventAlpha": { "active": { "name": "--vkui--octavius_color_icon_event_alpha--active", - "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "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(59, 186, 254, 0.1))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #FF4356)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF3B4E)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)", + "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #E91515)", + "value": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #E80B0B)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #e70101)", + "value": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, }, "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #34CD8D)", + "value": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2BCB88)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #22c983)", + "value": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, }, "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #FDD04D)", + "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #FDCE46)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", }, }, "octaviusColorIconMailings": { @@ -215133,15 +205512,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #37C5ED)", + "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #2FC3EC)", + "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, }, "octaviusColorIconOfficial": { @@ -215161,29 +205540,29 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #FF5FB2)", + "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #FF58AE)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff51ab)", + "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", }, }, "octaviusColorIconOrderAlpha": { "active": { "name": "--vkui--octavius_color_icon_order_alpha--active", - "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "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(249, 76, 163, 0.1))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconReceipts": { @@ -215203,15 +205582,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #FFA814)", + "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA40A)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ffa000)", + "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", }, }, "octaviusColorIconSchool": { @@ -215231,15 +205610,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #7D92FF)", + "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #788DFF)", + "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #7288FF)", + "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, }, "octaviusColorIconToMyself": { @@ -215259,43 +205638,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #C22BFF)", + "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #C022FF)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #bd19ff)", + "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", }, }, "octaviusColorIconTravelAlpha": { "active": { "name": "--vkui--octavius_color_icon_travel_alpha--active", - "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(255, 255, 255, 0.2))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "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(193, 93, 243, 0.1))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorIconUnread": { "active": { "name": "--vkui--octavius_color_icon_unread--active", - "value": "var(--vkui--octavius_color_icon_unread--active, #60A6F5)", + "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, #59A2F4)", + "value": "var(--vkui--octavius_color_icon_unread--hover, #0A7CFF)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #529ef4)", + "value": "var(--vkui--octavius_color_icon_unread, #0077FF)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -215403,15 +205782,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #F3FAF5)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #F3FAF4)", + "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, #F2FAF4)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", }, }, "octaviusColorListIconPrimary": { @@ -215431,43 +205810,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #F1F6FF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #F1F5FF)", + "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, #F0F5FF)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #353535)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #2B2B2C)", + "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, #19191A)", + "value": "var(--vkui--octavius_color_list_letter_background, #232324)", }, }, "octaviusColorListLetterSeparatorAlpha": { "active": { "name": "--vkui--octavius_color_list_letter_separator_alpha--active", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.48))", }, "hover": { "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + "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(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", }, }, "octaviusColorListTextPrimary": { @@ -215501,15 +205880,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_notification_border--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #FFFFFF)", + "value": "var(--vkui--octavius_color_notification_border, #000000)", }, }, "octaviusColorOverlayBackground": { @@ -215529,71 +205908,71 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #292929)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #1F1F1F)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #161616)", + "value": "var(--vkui--octavius_color_placeholder_background, #000000)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #313131)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", + "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, rgb(31, 31, 31))", + "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", }, }, "octaviusColorPortalSearchBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_background_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgba(255, 255, 255, 0.16))", }, "hover": { "name": "--vkui--octavius_color_portal_search_background_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "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, .99))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", }, }, "octaviusColorPortalSearchIconThemedAlpha": { "active": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--active", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgba(255, 255, 255, 0.38))", }, "hover": { "name": "--vkui--octavius_color_portal_search_icon_themed_alpha--hover", - "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "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(0, 95, 255, .99))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(255, 255, 255, .3))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", + "value": "var(--vkui--octavius_color_promo_background--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #323232)", + "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #292929)", + "value": "var(--vkui--octavius_color_promo_background, #303030)", }, }, "octaviusColorSidebarButtonBackground": { @@ -215683,151 +206062,151 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "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.38))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.08))", }, "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.34))", + "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, rgba(255, 255, 255, 0.30))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", }, }, "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E3E5E8)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #1BAAFC)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #11A7FC)", + "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, #07a3fc)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF4356)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF3B4E)", + "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, #ff3347)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #E91515)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #E80B0B)", + "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, #e70101)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #34CD8D)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2BCB88)", + "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, #22c983)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #FF5FB2)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #FF58AE)", + "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, #ff51ab)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA814)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA40A)", + "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, #ffa000)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C22BFF)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C022FF)", + "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, #bd19ff)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", }, }, "octaviusColorSidebarIconUnread": { "active": { "name": "--vkui--octavius_color_sidebar_icon_unread--active", - "value": "var(--vkui--octavius_color_sidebar_icon_unread--active, #3792ED)", + "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, #2F8DEC)", + "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, #2688eb)", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #0077FF)", }, }, "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.2))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.24))", }, "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.16))", + "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", @@ -215851,15 +206230,15 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E3E5E8)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", }, }, "octaviusColorSidebarItemIconActive": { @@ -215879,43 +206258,43 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #818385)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", }, }, "octaviusColorSidebarItemTextActive": { @@ -215935,29 +206314,29 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemTextPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #3D3E3F)", + "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, #343536)", + "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, #2C2D2E)", + "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, #818385)", + "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, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", }, }, "octaviusColorSidebarScrollbarAlpha": { @@ -215977,85 +206356,85 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "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, #818385)", + "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, #7B7D7F)", + "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, #76787a)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "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, #818385)", + "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, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -216201,127 +206580,127 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #FF4040)", + "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #FF3737)", + "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #38B880)", + "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #30B57B)", + "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #27B275)", + "value": "var(--vkui--octavius_color_text_finance, #52C392)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #EDB514)", + "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #ECB20A)", + "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #EBAF00)", + "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #FC9328)", + "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #FC8F1E)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #1CB2DC)", + "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #12AEDB)", + "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #08ABD9)", + "value": "var(--vkui--octavius_color_text_news, #37C1E8)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #CD88EE)", + "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #CB83ED)", + "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #C97EEC)", + "value": "var(--vkui--octavius_color_text_school, #D392F2)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #6376DC)", + "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #5C70DB)", + "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #556AD9)", + "value": "var(--vkui--octavius_color_text_social, #7688E9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #26BAC4)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #1CB7C2)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #3E3E3F)", + "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, #353536)", + "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, #2D2D2E)", + "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", }, }, "octaviusElevationCard": { @@ -216330,7 +206709,7 @@ exports[`shapshots octaviusVKDark 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", @@ -216338,23 +206717,23 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyDefault": { "name": "--vkui--octavius_font_family_default", - "value": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", + "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, VKSansDisplay, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_display, inherit)", }, "octaviusFontFamilyGlobal": { "name": "--vkui--octavius_font_family_global", - "value": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", + "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, VKSansText, Helvetica, Arial, sans-serif)", + "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, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, MailSans, HelveticaNeue, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -217800,7 +208179,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusVKDark)", + "value": "var(--vkui--theme_name, octaviusDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -217922,7 +208301,7 @@ exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -217945,39 +208324,39 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "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", @@ -217985,39 +208364,39 @@ exports[`shapshots octaviusVKDark 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", }, "colorAlert": { "active": "#C6442D", @@ -218025,9 +208404,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#c1341b", }, "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)", @@ -218035,19 +208414,19 @@ exports[`shapshots octaviusVKDark 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", @@ -218065,24 +208444,24 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#F1F8FF", - "hover": "#F1F7FF", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#353535", - "hover": "#2B2B2C", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -218095,9 +208474,9 @@ exports[`shapshots octaviusVKDark 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)", @@ -218105,19 +208484,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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", @@ -218127,87 +208506,87 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#FEF0ED", - "hover": "#FEF0EC", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#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.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": "#EEFAF4", - "hover": "#EDFAF3", - "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundSky": { - "active": "#D0E6FF", - "hover": "#CEE5FF", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#EDEEF0", - "hover": "#ECEDF0", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -218215,34 +208594,34 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": "#FFFCE2", - "hover": "#FFFCE1", - "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": "#FFFCE2", - "hover": "#FFFCE1", - "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": "#222223", - "hover": "#1F1F20", - "normal": "#1B1B1C", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -218270,19 +208649,19 @@ exports[`shapshots octaviusVKDark 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", @@ -218297,67 +208676,67 @@ exports[`shapshots octaviusVKDark 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)", @@ -218365,14 +208744,14 @@ exports[`shapshots octaviusVKDark 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", @@ -218380,14 +208759,14 @@ exports[`shapshots octaviusVKDark 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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -218480,9 +208859,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -218490,9 +208869,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -218500,39 +208879,39 @@ exports[`shapshots octaviusVKDark theme should match pixelify 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", }, "colorSocialBehance": { "active": "#2A75FF", @@ -218570,9 +208949,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -218587,17 +208966,17 @@ exports[`shapshots octaviusVKDark 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", }, "colorTagBackgroundMint": { "active": "#B9F1E0", @@ -218650,9 +209029,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#203F5B", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -218665,14 +209044,14 @@ exports[`shapshots octaviusVKDark 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", @@ -218682,32 +209061,32 @@ exports[`shapshots octaviusVKDark 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", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -218715,14 +209094,14 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(249, 252, 255, 0.72)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -218730,69 +209109,69 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(247, 251, 255, 0.42)", }, "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(230, 70, 70, 0.2)", - "hover": "rgba(230, 70, 70, 0.16)", - "normal": "rgba(230, 70, 70, 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": "#E0EBFF", - "hover": "#DEEAFF", - "normal": "#DDE9FF", - }, - "colorTooltipBackgroundGreenTint": { - "active": "#D2EFE8", - "hover": "#D0EFE7", - "normal": "#CEEEE6", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "#F9D7C2", - "hover": "#F9D5C0", - "normal": "#F9D3BD", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "#F3EAFF", - "hover": "#F3E9FF", - "normal": "#F2E8FF", - }, - "colorTooltipTextBlueThemed": { "active": "#2E5384", "hover": "#254B7E", "normal": "#1C4479", }, - "colorTooltipTextGreenThemed": { + "colorTooltipBackgroundGreenTint": { "active": "#1C8679", "hover": "#128173", "normal": "#087C6D", }, - "colorTooltipTextOrangeThemed": { + "colorTooltipBackgroundOrangeTint": { "active": "#83563B", "hover": "#7D4E33", "normal": "#78472A", }, - "colorTooltipTextPurpleThemed": { + "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)", @@ -218800,19 +209179,19 @@ exports[`shapshots octaviusVKDark 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)", @@ -218820,14 +209199,14 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "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)", + "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": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -218835,16 +209214,17 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontCaption1Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, + "letterSpacing": "0.26px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -218852,16 +209232,17 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontCaption2Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -218869,9 +209250,10 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontCaption3Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -218914,12 +209296,12 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -218927,9 +209309,10 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, @@ -218940,10 +209323,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, - "letterSpacing": "-0.56px", "lineHeight": "32px", }, }, @@ -218953,10 +209335,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, - "letterSpacing": "-0.48px", "lineHeight": "28px", }, }, @@ -218966,25 +209347,32 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, - "letterSpacing": "-0.4px", "lineHeight": "26px", }, }, "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, }, "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", }, @@ -219010,24 +209398,32 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { - "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "compact": { "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -219035,7 +209431,7 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -219043,10 +209439,10 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "24px", + "lineHeight": "22px", }, }, "fontWeightAccent1": 500, @@ -219055,19 +209451,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "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%", + "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%", "octaviusColorActionArchive": { - "active": "#316935", - "hover": "#28632C", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -219075,19 +209471,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(82, 158, 244, 0.2)", - "hover": "rgba(82, 158, 244, 0.16)", - "normal": "rgba(82, 158, 244, 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)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -219095,19 +209491,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { "active": "#E9EAEC", @@ -219120,19 +209516,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { "active": "#E9EAEC", @@ -219140,9 +209536,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#161616", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -219150,59 +209546,59 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#FC3D48", - "hover": "#FC3440", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#414141", - "hover": "#393939", - "normal": "#313131", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "rgba(255, 255, 255, 0.56)", @@ -219210,64 +209606,64 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#BCBEC3", + "hover": "#B9BBC1", + "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#1BAAFC", - "hover": "#11A7FC", - "normal": "#07a3fc", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#E91515", - "hover": "#E80B0B", - "normal": "#e70101", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#34CD8D", - "hover": "#2BCB88", - "normal": "#22c983", + "active": "#40CC8F", + "hover": "#37CA8A", + "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#FDD04D", - "hover": "#FDCE46", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { "active": "#FFAB56", @@ -219275,9 +209671,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#37C5ED", - "hover": "#2FC3EC", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { "active": "#EE565E", @@ -219285,14 +209681,14 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#FF5FB2", - "hover": "#FF58AE", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { "active": "#7FC419", @@ -219300,9 +209696,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { "active": "#CD88EE", @@ -219310,9 +209706,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#7D92FF", - "hover": "#788DFF", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { "active": "#2FCBD6", @@ -219320,19 +209716,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C22BFF", - "hover": "#C022FF", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -219371,9 +209767,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#F3FAF5", - "hover": "#F3FAF4", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { "active": "#3D3E3F", @@ -219381,19 +209777,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#F1F6FF", - "hover": "#F1F5FF", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { "active": "#3D3E3F", @@ -219406,9 +209802,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -219416,29 +209812,29 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "octaviusColorPlaceholderBackground": { - "active": "#292929", - "hover": "#1F1F1F", - "normal": "#161616", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#313131", - "hover": "#282828", - "normal": "rgb(31, 31, 31)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { "active": "#D7D8DB", @@ -219471,58 +209867,58 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorSidebarCounterText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#1BAAFC", - "hover": "#11A7FC", - "normal": "#07a3fc", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#E91515", - "hover": "#E80B0B", - "normal": "#e70101", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#34CD8D", - "hover": "#2BCB88", - "normal": "#22c983", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#FF5FB2", - "hover": "#FF58AE", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#C22BFF", - "hover": "#C022FF", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -219531,9 +209927,9 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { "active": "#D7D8DB", @@ -219541,19 +209937,19 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { "active": "#D7D8DB", @@ -219561,14 +209957,14 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -219576,34 +209972,34 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -219656,58 +210052,58 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF4040", - "hover": "#FF3737", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#38B880", - "hover": "#30B57B", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#EDB514", - "hover": "#ECB20A", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#FC9328", - "hover": "#FC8F1E", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#1CB2DC", - "hover": "#12AEDB", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#6376DC", - "hover": "#5C70DB", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#26BAC4", - "hover": "#1CB7C2", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#3E3E3F", - "hover": "#353536", - "normal": "#2D2D2E", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", - "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", - "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", + "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", @@ -220133,7 +210529,7 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusVKDark", + "themeName": "octaviusDark", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -220167,7 +210563,7 @@ exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] } `; -exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -220190,39 +210586,39 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", @@ -220230,39 +210626,39 @@ exports[`shapshots octaviusVKDark 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, #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)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #C6442D)", @@ -220270,9 +210666,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -220280,19 +210676,19 @@ exports[`shapshots octaviusVKDark 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, #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)", @@ -220310,24 +210706,24 @@ 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, 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))", + "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, #F1F8FF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #F1F7FF)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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, 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))", + "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, #353535)", - "hover": "var(--vkui--color_background_content--hover, #2B2B2C)", - "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)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -220340,9 +210736,9 @@ exports[`shapshots octaviusVKDark 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, #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))", @@ -220350,19 +210746,19 @@ exports[`shapshots octaviusVKDark 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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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)", @@ -220372,87 +210768,87 @@ exports[`shapshots octaviusVKDark 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)", "hover": "var(--vkui--color_background_negative_tint--hover, #593636)", - "normal": "var(--vkui--color_background_negative_tint, #522E2E)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "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))", + "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, #FEF0ED)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #FEF0EC)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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, 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))", + "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.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, #EEFAF4)", - "hover": "var(--vkui--color_background_positive_tint_themed--hover, #EDFAF3)", - "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, #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.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.08))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.12))", }, "colorBackgroundSky": { - "active": "var(--vkui--color_background_sky--active, #D0E6FF)", - "hover": "var(--vkui--color_background_sky--hover, #CEE5FF)", - "normal": "var(--vkui--color_background_sky, #cce4ff)", + "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(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))", + "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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #EDEEF0)", - "hover": "var(--vkui--color_background_thumbnail--hover, #ECEDF0)", - "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", + "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))", @@ -220460,34 +210856,34 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", }, "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, #FFFCE2)", - "hover": "var(--vkui--color_background_warning_tint--hover, #FFFCE1)", - "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, #FFFCE2)", - "hover": "var(--vkui--color_background_warning_tint_themed--hover, #FFFCE1)", - "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, #222223)", - "hover": "var(--vkui--color_button_contrast--hover, #1F1F20)", - "normal": "var(--vkui--color_button_contrast, #1B1B1C)", + "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))", @@ -220515,19 +210911,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", @@ -220542,67 +210938,67 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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))", @@ -220610,14 +211006,14 @@ exports[`shapshots octaviusVKDark 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, #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)", @@ -220625,14 +211021,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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)", @@ -220725,9 +211121,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_palette_yellow1, #ffc311)", }, "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)", @@ -220735,9 +211131,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", @@ -220745,39 +211141,39 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", }, "colorSocialBehance": { "active": "var(--vkui--color_social_behance--active, #2A75FF)", @@ -220815,9 +211211,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_social_vk, #3F8AE0)", }, "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)", @@ -220832,17 +211228,17 @@ exports[`shapshots octaviusVKDark 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)", + "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)", }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", @@ -220895,9 +211291,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_tag_text_sky, #203F5B)", }, "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)", @@ -220910,14 +211306,14 @@ exports[`shapshots octaviusVKDark 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, #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)", @@ -220927,32 +211323,32 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", @@ -220960,14 +211356,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", @@ -220975,69 +211371,69 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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(230, 70, 70, 0.2))", - "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", - "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 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": "var(--vkui--color_tooltip_background_blue_tint--active, #E0EBFF)", - "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #DEEAFF)", - "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, #D2EFE8)", - "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #D0EFE7)", - "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, #F9D7C2)", - "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #F9D5C0)", - "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, #F3EAFF)", - "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #F3E9FF)", - "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, #2E5384)", - "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #254B7E)", - "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, #1C8679)", - "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #128173)", - "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, #83563B)", - "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #7D4E33)", - "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, #7E5FA7)", - "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #7958A3)", - "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, #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))", @@ -221045,19 +211441,19 @@ exports[`shapshots octaviusVKDark 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, #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))", @@ -221065,14 +211461,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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 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))", + "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, VKSansText, 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)", @@ -221080,16 +211476,17 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, VKSansText, 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)", "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, VKSansText, 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)", @@ -221097,16 +211494,17 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, VKSansText, 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)", "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, VKSansText, 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)", @@ -221114,9 +211512,10 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, VKSansText, 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)", "lineHeight": "var(--vkui--font_caption3_caps--line_height--regular, 12px)", "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, @@ -221159,12 +211558,12 @@ exports[`shapshots octaviusVKDark 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, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, VKSansText, 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, VKSansText, 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)", @@ -221172,9 +211571,10 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, VKSansText, 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)", "lineHeight": "var(--vkui--font_footnote_caps--line_height--regular, 18px)", "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, @@ -221185,10 +211585,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, @@ -221198,10 +211597,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, @@ -221211,25 +211609,32 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", - "letterSpacing": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", "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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline--font_size--regular, 15px)", + "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, Helvetica, Arial, sans-serif)", - "fontSize": "var(--vkui--font_headline1--font_size--regular, 15px)", + "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)", }, @@ -221255,24 +211660,32 @@ exports[`shapshots octaviusVKDark 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, 18px)", + }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansText, 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)", }, }, "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, VKSansText, Helvetica, 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, VKSansDisplay, 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)", @@ -221280,7 +211693,7 @@ exports[`shapshots octaviusVKDark 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, 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)", @@ -221288,10 +211701,10 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, 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, 24px)", + "lineHeight": "var(--vkui--font_title3--line_height--regular, 22px)", }, }, "fontWeightAccent1": "var(--vkui--font_weight_accent1, 500)", @@ -221300,19 +211713,19 @@ exports[`shapshots octaviusVKDark 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(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%)", "octaviusColorActionArchive": { - "active": "var(--vkui--octavius_color_action_archive--active, #316935)", - "hover": "var(--vkui--octavius_color_action_archive--hover, #28632C)", - "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", + "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)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #141414)", - "hover": "var(--vkui--octavius_color_background--hover, #0A0A0A)", - "normal": "var(--vkui--octavius_color_background, #000000)", + "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_background, #19191A)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -221320,19 +211733,19 @@ exports[`shapshots octaviusVKDark 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(82, 158, 244, 0.2))", - "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(82, 158, 244, 0.16))", - "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(82, 158, 244, 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))", - "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", - "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + "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))", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", - "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", - "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + "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))", }, "octaviusColorButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -221340,19 +211753,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", - "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", - "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + "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))", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", - "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", - "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + "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))", }, "octaviusColorButtonEmptyStateText": { - "active": "var(--vkui--octavius_color_button_empty_state_text--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #343536)", - "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + "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)", }, "octaviusColorButtonIcon": { "active": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", @@ -221365,19 +211778,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.28))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.24))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.2))", + "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))", }, "octaviusColorDatasetBackground": { - "active": "var(--vkui--octavius_color_dataset_background--active, #2B2B2C)", - "hover": "var(--vkui--octavius_color_dataset_background--hover, #222223)", - "normal": "var(--vkui--octavius_color_dataset_background, #19191a)", + "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)", }, "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #E3E5E8)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_empty_state_text, #e1e3e6)", + "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)", }, "octaviusColorEmptyStateTextLink": { "active": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", @@ -221385,9 +211798,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, "octaviusColorHeaderBackground": { - "active": "var(--vkui--octavius_color_header_background--active, #353535)", - "hover": "var(--vkui--octavius_color_header_background--hover, #2B2B2C)", - "normal": "var(--vkui--octavius_color_header_background, #161616)", + "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)", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", @@ -221395,59 +211808,59 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "octaviusColorHeaderButtonText": { - "active": "var(--vkui--octavius_color_header_button_text--active, #E3E5E8)", - "hover": "var(--vkui--octavius_color_header_button_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_header_button_text, #e1e3e6)", + "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)", }, "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, 0.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, #60A6F5)", - "hover": "var(--vkui--octavius_color_header_icon--hover, #59A2F4)", - "normal": "var(--vkui--octavius_color_header_icon, #529ef4)", + "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)", }, "octaviusColorHeaderIconAttach": { - "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)", + "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)", }, "octaviusColorHeaderIconFavorite": { - "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)", + "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)", }, "octaviusColorHeaderIconUnread": { - "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)", + "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)", }, "octaviusColorHeaderProgress": { - "active": "var(--vkui--octavius_color_header_progress--active, #60A6F5)", - "hover": "var(--vkui--octavius_color_header_progress--hover, #59A2F4)", - "normal": "var(--vkui--octavius_color_header_progress, #529ef4)", + "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, #1E1E1E)", - "hover": "var(--vkui--octavius_color_header_search_background--hover, #141414)", - "normal": "var(--vkui--octavius_color_header_search_background, #0a0a0a)", + "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)", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #1E1E1E)", - "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #141414)", - "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #0a0a0a)", + "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)", }, "octaviusColorHeaderSearchChipBackground": { - "active": "var(--vkui--octavius_color_header_search_chip_background--active, #2E2F30)", - "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #252627)", - "normal": "var(--vkui--octavius_color_header_search_chip_background, #1C1D1E)", + "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)", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #414141)", - "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #393939)", - "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #313131)", + "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)", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", @@ -221455,64 +211868,64 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, "octaviusColorHeaderSearchIcon": { - "active": "var(--vkui--octavius_color_header_search_icon--active, #818385)", - "hover": "var(--vkui--octavius_color_header_search_icon--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_header_search_icon, #76787a)", + "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)", }, "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #818385)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_header_search_text, #76787a)", + "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)", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #818385)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #76787a)", + "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)", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", - "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", - "normal": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", + "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))", }, "octaviusColorHeaderTabTextActiveThemed": { - "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)", + "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)", }, "octaviusColorHeaderTextSecondary": { - "active": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #76787a)", + "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)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #1BAAFC)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #11A7FC)", - "normal": "var(--vkui--octavius_color_icon_event, #07a3fc)", + "active": "var(--vkui--octavius_color_icon_event--active, #FF6F6F)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #FF6868)", + "normal": "var(--vkui--octavius_color_icon_event, #FF6262)", }, "octaviusColorIconEventAlpha": { - "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", - "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", - "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + "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))", }, "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #FF4356)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #FF3B4E)", - "normal": "var(--vkui--octavius_color_icon_favorite, #ff3347)", + "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)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #E91515)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #E80B0B)", - "normal": "var(--vkui--octavius_color_icon_fees, #e70101)", + "active": "var(--vkui--octavius_color_icon_fees--active, #FF6F6F)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #FF6868)", + "normal": "var(--vkui--octavius_color_icon_fees, #FF6262)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #34CD8D)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #2BCB88)", - "normal": "var(--vkui--octavius_color_icon_finance, #22c983)", + "active": "var(--vkui--octavius_color_icon_finance--active, #40CC8F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #37CA8A)", + "normal": "var(--vkui--octavius_color_icon_finance, #2FC885)", }, "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #FDD04D)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #FDCE46)", - "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", + "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)", }, "octaviusColorIconMailings": { "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", @@ -221520,9 +211933,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #37C5ED)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #2FC3EC)", - "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", + "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, "octaviusColorIconOfficial": { "active": "var(--vkui--octavius_color_icon_official--active, #EE565E)", @@ -221530,14 +211943,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #FF5FB2)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #FF58AE)", - "normal": "var(--vkui--octavius_color_icon_order, #ff51ab)", + "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)", }, "octaviusColorIconOrderAlpha": { - "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", - "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", - "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + "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))", }, "octaviusColorIconReceipts": { "active": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", @@ -221545,9 +211958,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #FFA814)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #FFA40A)", - "normal": "var(--vkui--octavius_color_icon_registration, #ffa000)", + "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)", }, "octaviusColorIconSchool": { "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", @@ -221555,9 +211968,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "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)", + "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, "octaviusColorIconToMyself": { "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", @@ -221565,19 +211978,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #C22BFF)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #C022FF)", - "normal": "var(--vkui--octavius_color_icon_travel, #bd19ff)", + "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)", }, "octaviusColorIconTravelAlpha": { - "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", - "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", - "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", + "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))", }, "octaviusColorIconUnread": { - "active": "var(--vkui--octavius_color_icon_unread--active, #60A6F5)", - "hover": "var(--vkui--octavius_color_icon_unread--hover, #59A2F4)", - "normal": "var(--vkui--octavius_color_icon_unread, #529ef4)", + "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))", @@ -221616,9 +212029,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #F3FAF5)", - "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #F3FAF4)", - "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + "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)", }, "octaviusColorListIconPrimary": { "active": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", @@ -221626,19 +212039,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, "octaviusColorListLetterAdvBackground": { - "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #F1F6FF)", - "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #F1F5FF)", - "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + "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)", }, "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #353535)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #2B2B2C)", - "normal": "var(--vkui--octavius_color_list_letter_background, #19191A)", + "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)", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(255, 255, 255, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(255, 255, 255, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(255, 255, 255, 0.12))", + "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))", }, "octaviusColorListTextPrimary": { "active": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", @@ -221651,9 +212064,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, "octaviusColorNotificationBorder": { - "active": "var(--vkui--octavius_color_notification_border--active, #D7D8DB)", - "hover": "var(--vkui--octavius_color_notification_border--hover, #EBEDF0)", - "normal": "var(--vkui--octavius_color_notification_border, #FFFFFF)", + "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)", }, "octaviusColorOverlayBackground": { "active": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", @@ -221661,29 +212074,29 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_overlay_background, transparent)", }, "octaviusColorPlaceholderBackground": { - "active": "var(--vkui--octavius_color_placeholder_background--active, #292929)", - "hover": "var(--vkui--octavius_color_placeholder_background--hover, #1F1F1F)", - "normal": "var(--vkui--octavius_color_placeholder_background, #161616)", + "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)", }, "octaviusColorPortalMenuBackground": { - "active": "var(--vkui--octavius_color_portal_menu_background--active, #313131)", - "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", - "normal": "var(--vkui--octavius_color_portal_menu_background, rgb(31, 31, 31))", + "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)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", - "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", - "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + "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))", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", - "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", - "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + "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))", }, "octaviusColorPromoBackground": { - "active": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", - "hover": "var(--vkui--octavius_color_promo_background--hover, #323232)", - "normal": "var(--vkui--octavius_color_promo_background, #292929)", + "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)", }, "octaviusColorSidebarButtonBackground": { "active": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", @@ -221716,58 +212129,58 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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.38))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(255, 255, 255, 0.34))", - "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(255, 255, 255, 0.30))", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #e1e3e6)", + "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, #1BAAFC)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #11A7FC)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", + "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, #FF4356)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF3B4E)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", + "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, #E91515)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #E80B0B)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", + "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, #34CD8D)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2BCB88)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", + "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, #FF5FB2)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #FF58AE)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", + "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, #FFA814)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA40A)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", + "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, #C22BFF)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C022FF)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", + "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, #3792ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2F8DEC)", - "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", + "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.2))", - "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.16))", + "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": { @@ -221776,9 +212189,9 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #e1e3e6)", + "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)", @@ -221786,19 +212199,19 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #FFFFFF)", }, "octaviusColorSidebarItemIconPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #76787a)", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_item_text, #e1e3e6)", + "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)", @@ -221806,14 +212219,14 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #FFFFFF)", }, "octaviusColorSidebarItemTextPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #3D3E3F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #343536)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + "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, #818385)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #76787a)", + "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))", @@ -221821,34 +212234,34 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #e1e3e6)", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #76787a)", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #e1e3e6)", + "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, #E3E5E8)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #E2E4E7)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #76787a)", + "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))", @@ -221901,58 +212314,58 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #FF4040)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #FF3737)", - "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #38B880)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #30B57B)", - "normal": "var(--vkui--octavius_color_text_finance, #27B275)", + "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "normal": "var(--vkui--octavius_color_text_finance, #52C392)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #EDB514)", - "hover": "var(--vkui--octavius_color_text_games--hover, #ECB20A)", - "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", + "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #FC9328)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #FC8F1E)", - "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #1CB2DC)", - "hover": "var(--vkui--octavius_color_text_news--hover, #12AEDB)", - "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #CD88EE)", - "hover": "var(--vkui--octavius_color_text_school--hover, #CB83ED)", - "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "normal": "var(--vkui--octavius_color_text_school, #D392F2)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #6376DC)", - "hover": "var(--vkui--octavius_color_text_social--hover, #5C70DB)", - "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "normal": "var(--vkui--octavius_color_text_social, #7688E9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #26BAC4)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #1CB7C2)", - "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", }, "octaviusColorThreadFooterBackground": { - "active": "var(--vkui--octavius_color_thread_footer_background--active, #3E3E3F)", - "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #353536)", - "normal": "var(--vkui--octavius_color_thread_footer_background, #2D2D2E)", + "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, 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, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, sans-serif)", - "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", @@ -222378,7 +212791,7 @@ exports[`shapshots octaviusVKDark 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, octaviusVKDark)", + "themeName": "var(--vkui--theme_name, octaviusDark)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -222412,7 +212825,7 @@ exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1 } `; -exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -222435,39 +212848,39 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "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", @@ -222475,39 +212888,39 @@ exports[`shapshots octaviusVKDark 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", }, "colorAlert": { "active": "#C6442D", @@ -222515,9 +212928,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#c1341b", }, "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)", @@ -222525,19 +212938,19 @@ exports[`shapshots octaviusVKDark 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", @@ -222555,24 +212968,24 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#F1F8FF", - "hover": "#F1F7FF", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#353535", - "hover": "#2B2B2C", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -222585,9 +212998,9 @@ exports[`shapshots octaviusVKDark 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)", @@ -222595,19 +213008,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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", @@ -222617,87 +213030,87 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#ff5c5c", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#FEF0ED", - "hover": "#FEF0EC", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#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.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": "#EEFAF4", - "hover": "#EDFAF3", - "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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.08)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundSky": { - "active": "#D0E6FF", - "hover": "#CEE5FF", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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)", }, "colorBackgroundThumbnail": { - "active": "#EDEEF0", - "hover": "#ECEDF0", - "normal": "#EBECEF", + "active": "#313131", + "hover": "#282828", + "normal": "#1F1F1F", }, "colorBackgroundThumbnailAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -222705,34 +213118,34 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "colorBackgroundWarningTint": { - "active": "#FFFCE2", - "hover": "#FFFCE1", - "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": "#FFFCE2", - "hover": "#FFFCE1", - "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": "#222223", - "hover": "#1F1F20", - "normal": "#1B1B1C", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -222760,19 +213173,19 @@ exports[`shapshots octaviusVKDark 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", @@ -222787,67 +213200,67 @@ exports[`shapshots octaviusVKDark 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)", @@ -222855,14 +213268,14 @@ exports[`shapshots octaviusVKDark 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", @@ -222870,14 +213283,14 @@ exports[`shapshots octaviusVKDark 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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -222970,9 +213383,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorRating": { "active": "#FFD714", @@ -222980,9 +213393,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -222990,39 +213403,39 @@ exports[`shapshots octaviusVKDark 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", }, "colorSocialBehance": { "active": "#2A75FF", @@ -223060,9 +213473,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -223077,17 +213490,17 @@ exports[`shapshots octaviusVKDark 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", }, "colorTagBackgroundMint": { "active": "#B9F1E0", @@ -223140,9 +213553,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -223155,14 +213568,14 @@ exports[`shapshots octaviusVKDark 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", @@ -223172,32 +213585,32 @@ exports[`shapshots octaviusVKDark 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", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -223205,14 +213618,14 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(249, 252, 255, 0.72)", }, "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", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -223220,69 +213633,69 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(247, 251, 255, 0.42)", }, "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(230, 70, 70, 0.2)", - "hover": "rgba(230, 70, 70, 0.16)", - "normal": "rgba(230, 70, 70, 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": "#E0EBFF", - "hover": "#DEEAFF", - "normal": "#DDE9FF", - }, - "colorTooltipBackgroundGreenTint": { - "active": "#D2EFE8", - "hover": "#D0EFE7", - "normal": "#CEEEE6", - }, - "colorTooltipBackgroundOrangeTint": { - "active": "#F9D7C2", - "hover": "#F9D5C0", - "normal": "#F9D3BD", - }, - "colorTooltipBackgroundPurpleTint": { - "active": "#F3EAFF", - "hover": "#F3E9FF", - "normal": "#F2E8FF", - }, - "colorTooltipTextBlueThemed": { "active": "#2E5384", "hover": "#254B7E", "normal": "#1C4479", }, - "colorTooltipTextGreenThemed": { + "colorTooltipBackgroundGreenTint": { "active": "#1C8679", "hover": "#128173", "normal": "#087C6D", }, - "colorTooltipTextOrangeThemed": { + "colorTooltipBackgroundOrangeTint": { "active": "#83563B", "hover": "#7D4E33", "normal": "#78472A", }, - "colorTooltipTextPurpleThemed": { + "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)", @@ -223290,19 +213703,19 @@ exports[`shapshots octaviusVKDark 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)", @@ -223310,14 +213723,14 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "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)", + "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": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -223325,16 +213738,17 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, + "letterSpacing": "0.26px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -223342,16 +213756,17 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, + "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -223359,9 +213774,10 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, + "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -223404,12 +213820,12 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -223417,9 +213833,10 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, + "letterSpacing": "0.3px", "lineHeight": 18, "textTransform": "uppercase", }, @@ -223430,10 +213847,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, - "letterSpacing": "-0.56px", "lineHeight": 32, }, }, @@ -223443,10 +213859,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, - "letterSpacing": "-0.48px", "lineHeight": 28, }, }, @@ -223456,25 +213871,32 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, - "letterSpacing": "-0.4px", "lineHeight": 26, }, }, "fontHeadline": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, }, "fontHeadline1": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, "lineHeight": 20, }, @@ -223500,24 +213922,32 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { - "regular": { - "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "compact": { "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -223525,7 +213955,7 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -223533,10 +213963,10 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 24, + "lineHeight": 22, }, }, "fontWeightAccent1": 500, @@ -223545,19 +213975,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "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%", + "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%", "octaviusColorActionArchive": { - "active": "#316935", - "hover": "#28632C", - "normal": "#1F5C23", + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", }, "octaviusColorBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -223565,19 +213995,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(82, 158, 244, 0.2)", - "hover": "rgba(82, 158, 244, 0.16)", - "normal": "rgba(82, 158, 244, 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)", - "hover": "rgba(236, 71, 80, 0.16)", - "normal": "rgba(236, 71, 80, 0.12)", + "active": "rgba(236, 71, 80, 0.24)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "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.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", }, "octaviusColorButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -223585,19 +214015,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgb(250, 250, 250)", - "hover": "rgb(250, 250, 250)", - "normal": "rgba(250, 250, 250, 0.99)", + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorButtonIcon": { "active": "#E9EAEC", @@ -223610,19 +214040,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorDatasetBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorEmptyStateText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorEmptyStateTextLink": { "active": "#E9EAEC", @@ -223630,9 +214060,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#161616", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -223640,59 +214070,59 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "octaviusColorHeaderIcon": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconAttach": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconFavorite": { - "active": "#FC3D48", - "hover": "#FC3440", - "normal": "#FC2C38", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderIconUnread": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorHeaderProgress": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorHeaderSearchBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#414141", - "hover": "#393939", - "normal": "#313131", + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "rgba(255, 255, 255, 0.56)", @@ -223700,64 +214130,64 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#BCBEC3", + "hover": "#B9BBC1", + "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, .10)", + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorHeaderTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", }, "octaviusColorIconEvent": { - "active": "#1BAAFC", - "hover": "#11A7FC", - "normal": "#07a3fc", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconEventAlpha": { - "active": "rgba(59, 186, 254, 0.18)", - "hover": "rgba(59, 186, 254, 0.14)", - "normal": "rgba(59, 186, 254, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconFavorite": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorIconFees": { - "active": "#E91515", - "hover": "#E80B0B", - "normal": "#e70101", + "active": "#FF6F6F", + "hover": "#FF6868", + "normal": "#FF6262", }, "octaviusColorIconFinance": { - "active": "#34CD8D", - "hover": "#2BCB88", - "normal": "#22c983", + "active": "#40CC8F", + "hover": "#37CA8A", + "normal": "#2FC885", }, "octaviusColorIconGames": { - "active": "#FDD04D", - "hover": "#FDCE46", - "normal": "#FDCC3E", + "active": "#F9C018", + "hover": "#F8BD0E", + "normal": "#F8BA04", }, "octaviusColorIconMailings": { "active": "#FFAB56", @@ -223765,9 +214195,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#37C5ED", - "hover": "#2FC3EC", - "normal": "#26C0EB", + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", }, "octaviusColorIconOfficial": { "active": "#EE565E", @@ -223775,14 +214205,14 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#FF5FB2", - "hover": "#FF58AE", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(249, 76, 163, 0.18)", - "hover": "rgba(249, 76, 163, 0.14)", - "normal": "rgba(249, 76, 163, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconReceipts": { "active": "#7FC419", @@ -223790,9 +214220,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorIconSchool": { "active": "#CD88EE", @@ -223800,9 +214230,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#7D92FF", - "hover": "#788DFF", - "normal": "#7288FF", + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", }, "octaviusColorIconToMyself": { "active": "#2FCBD6", @@ -223810,19 +214240,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C22BFF", - "hover": "#C022FF", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(193, 93, 243, 0.18)", - "hover": "rgba(193, 93, 243, 0.14)", - "normal": "rgba(193, 93, 243, 0.1)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorIconUnread": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -223861,9 +214291,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#F3FAF5", - "hover": "#F3FAF4", - "normal": "#F2FAF4", + "active": "#38403B", + "hover": "#303733", + "normal": "#272F2A", }, "octaviusColorListIconPrimary": { "active": "#3D3E3F", @@ -223871,19 +214301,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#F1F6FF", - "hover": "#F1F5FF", - "normal": "#F0F5FF", + "active": "#282828", + "hover": "#1E1E1E", + "normal": "#151515", }, "octaviusColorListLetterBackground": { - "active": "#353535", - "hover": "#2B2B2C", - "normal": "#19191A", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { "active": "#3D3E3F", @@ -223896,9 +214326,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -223906,29 +214336,29 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorPlaceholderBackground": { - "active": "#292929", - "hover": "#1F1F1F", - "normal": "#161616", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorPortalMenuBackground": { - "active": "#313131", - "hover": "#282828", - "normal": "rgb(31, 31, 31)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgb(255, 255, 255)", - "hover": "rgb(255, 255, 255)", - "normal": "rgba(255, 255, 255, .99)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, .08)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgb(0, 95, 255)", - "hover": "rgb(0, 95, 255)", - "normal": "rgba(0, 95, 255, .99)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, .3)", }, "octaviusColorPromoBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusColorSidebarButtonBackground": { "active": "#D7D8DB", @@ -223961,58 +214391,58 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "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.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "octaviusColorSidebarCounterText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarIconEvent": { - "active": "#1BAAFC", - "hover": "#11A7FC", - "normal": "#07a3fc", + "active": "#4BC0FE", + "hover": "#43BDFE", + "normal": "#3BBAFE", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#FF545E", + "hover": "#FF4C57", + "normal": "#FF4550", }, "octaviusColorSidebarIconFees": { - "active": "#E91515", - "hover": "#E80B0B", - "normal": "#e70101", + "active": "#EF4C4C", + "hover": "#EF4444", + "normal": "#EE3C3C", }, "octaviusColorSidebarIconFinance": { - "active": "#34CD8D", - "hover": "#2BCB88", - "normal": "#22c983", + "active": "#36CB8A", + "hover": "#2DC985", + "normal": "#24C780", }, "octaviusColorSidebarIconOrder": { - "active": "#FF5FB2", - "hover": "#FF58AE", - "normal": "#ff51ab", + "active": "#F95AAA", + "hover": "#F953A7", + "normal": "#F94CA3", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#FFA447", + "hover": "#FFA03F", + "normal": "#FF9C37", }, "octaviusColorSidebarIconTravel": { - "active": "#C22BFF", - "hover": "#C022FF", - "normal": "#bd19ff", + "active": "#C66AF4", + "hover": "#C363F3", + "normal": "#C15DF3", }, "octaviusColorSidebarIconUnread": { - "active": "#3792ED", - "hover": "#2F8DEC", - "normal": "#2688eb", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.24)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -224021,9 +214451,9 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconActive": { "active": "#D7D8DB", @@ -224031,19 +214461,19 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarItemText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextActive": { "active": "#D7D8DB", @@ -224051,14 +214481,14 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -224066,34 +214496,34 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "octaviusColorSidebarShortItemText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -224146,58 +214576,58 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF4040", - "hover": "#FF3737", - "normal": "#FF2F2F", + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", }, "octaviusColorTextFinance": { - "active": "#38B880", - "hover": "#30B57B", - "normal": "#27B275", + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", }, "octaviusColorTextGames": { - "active": "#EDB514", - "hover": "#ECB20A", - "normal": "#EBAF00", + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", }, "octaviusColorTextMailings": { - "active": "#FC9328", - "hover": "#FC8F1E", - "normal": "#FC8A15", + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", }, "octaviusColorTextNews": { - "active": "#1CB2DC", - "hover": "#12AEDB", - "normal": "#08ABD9", + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", }, "octaviusColorTextSchool": { - "active": "#CD88EE", - "hover": "#CB83ED", - "normal": "#C97EEC", + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", }, "octaviusColorTextSocial": { - "active": "#6376DC", - "hover": "#5C70DB", - "normal": "#556AD9", + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", }, "octaviusColorTextToMyself": { - "active": "#26BAC4", - "hover": "#1CB7C2", - "normal": "#13B4BF", + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", }, "octaviusColorThreadFooterBackground": { - "active": "#3E3E3F", - "hover": "#353536", - "normal": "#2D2D2E", + "active": "#414141", + "hover": "#383838", + "normal": "#303030", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "none", + "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", "octaviusFilterSidebarItemIcon": "none", - "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", - "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", - "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", + "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", @@ -224623,7 +215053,7 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusVKDark", + "themeName": "octaviusDark", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -224657,7 +215087,7 @@ exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusVK theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -224706,85 +215136,85 @@ exports[`shapshots octaviusWhite 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": { @@ -224798,7 +215228,7 @@ exports[`shapshots octaviusWhite 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": { @@ -224818,29 +215248,29 @@ exports[`shapshots octaviusWhite 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, #815DEF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #8C64FF)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "colorAccentRaspberryPink": { @@ -224854,63 +215284,63 @@ exports[`shapshots octaviusWhite 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, #DA300E)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", + "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)", }, }, "colorAlert": { @@ -224930,15 +215360,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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": { @@ -224958,71 +215388,71 @@ exports[`shapshots octaviusWhite 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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "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": { "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)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #005FF9)", + "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(0, 95, 249, 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(0, 95, 249, 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(0, 95, 249, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -225084,29 +215514,29 @@ exports[`shapshots octaviusWhite 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, #DADCE2)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "colorBackgroundContrast": { @@ -225120,21 +215550,21 @@ exports[`shapshots octaviusWhite 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, #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": { @@ -225148,7 +215578,7 @@ exports[`shapshots octaviusWhite 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": { @@ -225168,15 +215598,15 @@ exports[`shapshots octaviusWhite 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": { @@ -225196,43 +215626,43 @@ exports[`shapshots octaviusWhite 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, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "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, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundNegativeTintAlpha": { @@ -225280,29 +215710,29 @@ exports[`shapshots octaviusWhite 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, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #0CBB66)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "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)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundPositiveTintAlpha": { @@ -225350,29 +215780,29 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F1F3)", + "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(0, 16, 61, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 28, 61, 0.13))", }, "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, 28, 61, 0.09))", }, "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, 28, 61, 0.05))", }, }, "colorBackgroundSky": { @@ -225406,29 +215836,29 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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))", }, }, "colorBackgroundThumbnail": { @@ -225462,15 +215892,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorBackgroundWarningTint": { @@ -225560,71 +215990,71 @@ exports[`shapshots octaviusWhite 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, #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": { @@ -225638,35 +216068,35 @@ exports[`shapshots octaviusWhite 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, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #005CF1)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #005FF9)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "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": { @@ -225680,7 +216110,7 @@ exports[`shapshots octaviusWhite 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": { @@ -225694,7 +216124,7 @@ exports[`shapshots octaviusWhite 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": { @@ -225708,63 +216138,63 @@ exports[`shapshots octaviusWhite 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, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "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": { @@ -225778,7 +216208,7 @@ exports[`shapshots octaviusWhite 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": { @@ -225792,119 +216222,119 @@ exports[`shapshots octaviusWhite 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, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #A5A7AD)", + "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(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, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #CFD1D6)", + "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(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)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F59802)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #E6E7EB)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 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(0, 28, 61, 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(0, 28, 61, 0.08))", }, }, "colorLinkContrast": { @@ -225918,7 +216348,7 @@ exports[`shapshots octaviusWhite 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": { @@ -225932,21 +216362,21 @@ exports[`shapshots octaviusWhite 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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "colorPaletteBlue1": { @@ -226204,15 +216634,15 @@ exports[`shapshots octaviusWhite 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #005FF9)", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", }, }, "colorRating": { @@ -226232,15 +216662,15 @@ exports[`shapshots octaviusWhite 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, #D8DBE2)", }, "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, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #E6E7EB)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "colorSegmentedControl": { @@ -226254,105 +216684,105 @@ exports[`shapshots octaviusWhite 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, #C9CCD3)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DADCE0)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C5C8CF)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CDD0D5)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7BCC4)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BFC3CA)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.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(0, 0, 0, 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(0, 0, 0, 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, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E6E7EB)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F3F3F5)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E0E1E6)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorSocialBehance": { @@ -226456,29 +216886,29 @@ exports[`shapshots octaviusWhite 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, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #005FF9)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "colorStrokeContrast": { @@ -226492,35 +216922,35 @@ exports[`shapshots octaviusWhite 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, #DA300E)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "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": { @@ -226534,7 +216964,7 @@ exports[`shapshots octaviusWhite 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)", }, }, "colorTagBackgroundMint": { @@ -226680,29 +217110,29 @@ exports[`shapshots octaviusWhite 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, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #005CF1)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #005FF9)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #005FF9)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -226716,7 +217146,7 @@ exports[`shapshots octaviusWhite 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": { @@ -226730,35 +217160,35 @@ exports[`shapshots octaviusWhite 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, #0055C5)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0058CB)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #005BD1)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #005BD1)", + "value": "var(--vkui--color_text_link_themed, #2d81e0)", }, }, "colorTextLinkTint": { @@ -226772,21 +217202,21 @@ exports[`shapshots octaviusWhite 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": { @@ -226800,49 +217230,49 @@ exports[`shapshots octaviusWhite 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, #DA0A35)", + "value": "var(--vkui--color_text_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E40A34)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED0A34)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "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, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #2C2D2E)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { @@ -226862,29 +217292,29 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #82848C)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #87898F)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { @@ -226904,43 +217334,43 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6F727B)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #74767D)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #797A80)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #AAADB3)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "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))", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(230, 70, 70, 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))", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", }, "normal": { "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 0.12))", }, }, "colorTooltipBackgroundBlueTint": { @@ -227058,29 +217488,29 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C9CCD3)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D1D4D9)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #DADCE0)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #799EDC)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "colorTransparent": { @@ -227100,29 +217530,29 @@ exports[`shapshots octaviusWhite 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #005FF9)", + "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, #DDDFE4)", + "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, #E6E8EC)", + "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, #F0F1F3)", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, }, "colorWriteBarInputBorder": { @@ -227136,21 +217566,21 @@ exports[`shapshots octaviusWhite 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, 16, 61, 0.88))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.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))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", }, "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(0, 0, 0, 0.08))", }, }, "colorsScheme": { @@ -227199,7 +217629,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -227229,10 +217659,6 @@ exports[`shapshots octaviusWhite 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)", @@ -227245,7 +217671,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -227255,10 +217681,6 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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)", @@ -227291,7 +217713,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -227321,10 +217743,6 @@ exports[`shapshots octaviusWhite 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)", @@ -227337,7 +217755,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -227347,10 +217765,6 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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)", @@ -227383,7 +217797,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -227413,10 +217827,6 @@ exports[`shapshots octaviusWhite 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)", @@ -227429,7 +217839,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -227439,10 +217849,6 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "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)", @@ -227625,11 +218031,11 @@ exports[`shapshots octaviusWhite 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, 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -227657,7 +218063,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -227687,10 +218093,6 @@ exports[`shapshots octaviusWhite 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)", @@ -227703,7 +218105,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -227713,10 +218115,6 @@ exports[`shapshots octaviusWhite 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)", @@ -227741,6 +218139,10 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight", "value": "var(--vkui--font_h0--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h0--letter_spacing", + "value": "var(--vkui--font_h0--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", @@ -227759,7 +218161,7 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h0--font_size--regular", @@ -227769,6 +218171,10 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight--regular", "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h0--letter_spacing--regular", + "value": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", + }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", "value": "var(--vkui--font_h0--line_height--regular, 32px)", @@ -227789,6 +218195,10 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight", "value": "var(--vkui--font_h1--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h1--letter_spacing", + "value": "var(--vkui--font_h1--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", @@ -227807,7 +218217,7 @@ exports[`shapshots octaviusWhite 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", @@ -227817,6 +218227,10 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight--regular", "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h1--letter_spacing--regular", + "value": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", + }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", "value": "var(--vkui--font_h1--line_height--regular, 28px)", @@ -227837,6 +218251,10 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight", "value": "var(--vkui--font_h2--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h2--letter_spacing", + "value": "var(--vkui--font_h2--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", @@ -227855,7 +218273,7 @@ exports[`shapshots octaviusWhite 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", @@ -227865,6 +218283,10 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight--regular", "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h2--letter_spacing--regular", + "value": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", + }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", "value": "var(--vkui--font_h2--line_height--regular, 26px)", @@ -227890,24 +218312,14 @@ exports[`shapshots octaviusWhite 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, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", + "value": "var(--vkui--font_headline--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_headline--font_weight--regular", @@ -227938,24 +218350,14 @@ exports[`shapshots octaviusWhite 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, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + "value": "var(--vkui--font_headline1--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--regular", @@ -228072,20 +218474,10 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -228120,24 +218512,14 @@ exports[`shapshots octaviusWhite 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", + "value": "var(--vkui--font_text--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -228171,7 +218553,7 @@ exports[`shapshots octaviusWhite 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -228209,7 +218591,7 @@ exports[`shapshots octaviusWhite 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", @@ -228247,7 +218629,7 @@ exports[`shapshots octaviusWhite 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -228259,7 +218641,7 @@ exports[`shapshots octaviusWhite 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)", }, }, }, @@ -228320,15 +218702,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, #E2E5E9)", + "value": "var(--vkui--octavius_color_background--active, #DADCE2)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #ECEEF1)", + "value": "var(--vkui--octavius_color_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #F6F7F8)", + "value": "var(--vkui--octavius_color_background, #EDEEF0)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -228348,15 +218730,15 @@ exports[`shapshots octaviusWhite 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(38, 136, 235, 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(38, 136, 235, 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(38, 136, 235, 0.12))", }, }, "octaviusColorBackgroundNegativeTintAlpha": { @@ -228474,15 +218856,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorContentScrollbarAlpha": { "active": { "name": "--vkui--octavius_color_content_scrollbar_alpha--active", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28))", }, "normal": { "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24))", }, }, "octaviusColorDatasetBackground": { @@ -228502,43 +218884,43 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #333333)", + "value": "var(--vkui--octavius_color_empty_state_text, #2C2D2E)", }, }, "octaviusColorEmptyStateTextLink": { "active": { "name": "--vkui--octavius_color_empty_state_text_link--active", - "value": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "value": "var(--vkui--octavius_color_empty_state_text_link--active, #437DC1)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text_link--hover", - "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "value": "var(--vkui--octavius_color_empty_state_text_link--hover, #4681C6)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text_link", - "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + "value": "var(--vkui--octavius_color_empty_state_text_link, #4986cc)", }, }, "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_background--active, #eff1f3)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_background--hover, #f5f6f8)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_background, #ffffff)", }, }, "octaviusColorHeaderButtonBackgroundAlpha": { @@ -228558,43 +218940,43 @@ exports[`shapshots octaviusWhite 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, #282B2F)", + "value": "var(--vkui--octavius_color_header_button_text--active, #000105)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_header_button_text--hover, #000102)", }, "normal": { "name": "--vkui--octavius_color_header_button_text", - "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", + "value": "var(--vkui--octavius_color_header_button_text, #000000)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 0.56))", }, "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))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52))", }, "normal": { "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.48))", }, }, "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #EBECEF)", + "value": "var(--vkui--octavius_color_header_icon--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #F5F5F7)", + "value": "var(--vkui--octavius_color_header_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon, #2688eb)", }, }, "octaviusColorHeaderIconAttach": { @@ -228628,57 +219010,57 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderIconUnread": { "active": { "name": "--vkui--octavius_color_header_icon_unread--active", - "value": "var(--vkui--octavius_color_header_icon_unread--active, #0059EA)", + "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, #005CF1)", + "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, #005FF9)", + "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "value": "var(--vkui--octavius_color_header_progress, #2688eb)", }, }, "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #DDDFE4)", + "value": "var(--vkui--octavius_color_header_search_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #E6E8EC)", + "value": "var(--vkui--octavius_color_header_search_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", + "value": "var(--vkui--octavius_color_header_search_background, #ebedf0)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #DDDFE4)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #D8DBE2)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E6E8EC)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E2E4E9)", }, "normal": { "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #ebedf0)", }, }, "octaviusColorHeaderSearchChipBackground": { @@ -228740,29 +219122,29 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_header_search_text--active, #000105)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_header_search_text--hover, #000102)", }, "normal": { "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + "value": "var(--vkui--octavius_color_header_search_text, #000000)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #778292)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", }, "normal": { "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", }, }, "octaviusColorHeaderTabActiveThemedAlpha": { @@ -228782,43 +219164,43 @@ exports[`shapshots octaviusWhite 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": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "value": "var(--vkui--octavius_color_header_text_secondary, #818c99)", }, }, "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "value": "var(--vkui--octavius_color_icon_event--active, #0697ED)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "value": "var(--vkui--octavius_color_icon_event--hover, #079DF4)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "value": "var(--vkui--octavius_color_icon_event, #07a3fc)", }, }, "octaviusColorIconEventAlpha": { @@ -228838,85 +219220,85 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #EB3046)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #F53247)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #D40105)", + "value": "var(--vkui--octavius_color_icon_fees--active, #D50206)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #DD0102)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #DE0203)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #e60000)", + "value": "var(--vkui--octavius_color_icon_fees, #e70101)", }, }, "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "value": "var(--vkui--octavius_color_icon_finance--active, #1FBA7D)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #21C280)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #2fc885)", + "value": "var(--vkui--octavius_color_icon_finance, #22c983)", }, }, "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #E4AC09)", + "value": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #EEB306)", + "value": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, }, "octaviusColorIconMailings": { "active": { "name": "--vkui--octavius_color_icon_mailings--active", - "value": "var(--vkui--octavius_color_icon_mailings--active, #E88018)", + "value": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", }, "hover": { "name": "--vkui--octavius_color_icon_mailings--hover", - "value": "var(--vkui--octavius_color_icon_mailings--hover, #F28517)", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", }, "normal": { "name": "--vkui--octavius_color_icon_mailings", - "value": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", + "value": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, }, "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #079FCD)", + "value": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #08A5D3)", + "value": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #08ABD9)", + "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, }, "octaviusColorIconOfficial": { @@ -228936,15 +219318,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "value": "var(--vkui--octavius_color_icon_order--active, #EB4CA2)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "value": "var(--vkui--octavius_color_icon_order--hover, #F54EA7)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "value": "var(--vkui--octavius_color_icon_order, #ff51ab)", }, }, "octaviusColorIconOrderAlpha": { @@ -228978,29 +219360,29 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "value": "var(--vkui--octavius_color_icon_registration--active, #EB9405)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #F59A02)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "value": "var(--vkui--octavius_color_icon_registration, #ffa000)", }, }, "octaviusColorIconSchool": { "active": { "name": "--vkui--octavius_color_icon_school--active", - "value": "var(--vkui--octavius_color_icon_school--active, #9E75DE)", + "value": "var(--vkui--octavius_color_icon_school--active, #B975DE)", }, "hover": { "name": "--vkui--octavius_color_icon_school--hover", - "value": "var(--vkui--octavius_color_icon_school--hover, #A57AE5)", + "value": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", }, "normal": { "name": "--vkui--octavius_color_icon_school", - "value": "var(--vkui--octavius_color_icon_school, #AC7EEC)", + "value": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, }, "octaviusColorIconSocial": { @@ -229020,29 +219402,29 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorIconToMyself": { "active": { "name": "--vkui--octavius_color_icon_to_myself--active", - "value": "var(--vkui--octavius_color_icon_to_myself--active, #00AF8C)", + "value": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", }, "hover": { "name": "--vkui--octavius_color_icon_to_myself--hover", - "value": "var(--vkui--octavius_color_icon_to_myself--hover, #00B690)", + "value": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", }, "normal": { "name": "--vkui--octavius_color_icon_to_myself", - "value": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", + "value": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, }, "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "value": "var(--vkui--octavius_color_icon_travel--active, #AE18EF)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #B519F7)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "value": "var(--vkui--octavius_color_icon_travel, #bd19ff)", }, }, "octaviusColorIconTravelAlpha": { @@ -229062,15 +219444,15 @@ exports[`shapshots octaviusWhite 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #005FF9)", + "value": "var(--vkui--octavius_color_icon_unread, #2688eb)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -229220,11 +219602,11 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #DADCE2)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--octavius_color_list_letter_background", @@ -229234,15 +219616,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterSeparatorAlpha": { "active": { "name": "--vkui--octavius_color_list_letter_separator_alpha--active", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.2))", }, "hover": { "name": "--vkui--octavius_color_list_letter_separator_alpha--hover", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 0, 0, 0.16))", }, "normal": { "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.12))", }, }, "octaviusColorListTextPrimary": { @@ -229458,141 +219840,141 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarCounterBackgroundAlpha": { "active": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--active", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 0, 0, 0.32))", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 0, 0, 0.28))", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(0, 0, 0, 0.24))", }, }, "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #EBECEF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #F5F5F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #FFFFFF)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #0697ED)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #079DF4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D50206)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DE0203)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #1FBA7D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #21C280)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4CA2)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F54EA7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9405)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59A02)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AE18EF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B519F7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "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, #2688eb)", }, }, "octaviusColorSidebarItemBackgroundAlpha": { @@ -229626,15 +220008,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #3A80D3)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #3F8AE0)", }, }, "octaviusColorSidebarItemIconActive": { @@ -229648,35 +220030,35 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2c2d2e)", }, }, "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688eb)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688eb)", }, }, "octaviusColorSidebarItemText": { @@ -229696,15 +220078,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #000105)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #000000)", }, }, "octaviusColorSidebarItemTextPrimary": { @@ -229724,15 +220106,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818c99)", }, }, "octaviusColorSidebarScrollbarAlpha": { @@ -229752,15 +220134,15 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #282B2F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #2A2C2F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #2c2d2e)", }, }, "octaviusColorSidebarShortItemIconActive": { @@ -229774,21 +220156,21 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2c2d2e)", }, }, "octaviusColorSidebarShortItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99a2ad)", }, }, "octaviusColorSidebarShortItemText": { @@ -229808,29 +220190,29 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarShortItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #000105)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #000102)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #000000)", }, }, "octaviusColorSidebarShortItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818c99)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -229864,15 +220246,15 @@ exports[`shapshots octaviusWhite 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": { @@ -229934,15 +220316,15 @@ exports[`shapshots octaviusWhite 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": { @@ -230101,11 +220483,11 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` }, "octaviusElevationCard": { "name": "--vkui--octavius_elevation_card", - "value": "var(--vkui--octavius_elevation_card, none)", + "value": "var(--vkui--octavius_elevation_card, 0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC)", }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "value": "var(--vkui--octavius_elevation_header, 0px 1px 0px 0px #E7E8EC)", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -230113,23 +220495,23 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyDefault": { "name": "--vkui--octavius_font_family_default", - "value": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyDisplay": { "name": "--vkui--octavius_font_family_display", - "value": "var(--vkui--octavius_font_family_display, inherit)", + "value": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyGlobal": { "name": "--vkui--octavius_font_family_global", - "value": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", + "value": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyMac": { "name": "--vkui--octavius_font_family_mac", - "value": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", + "value": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, 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)", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -231575,7 +221957,7 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusWhite)", + "value": "var(--vkui--theme_name, octaviusVK)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -231697,7 +222079,7 @@ exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusVK theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -231720,39 +222102,39 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "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", @@ -231760,39 +222142,39 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", "hover": "#D73DA7", - "normal": "#E03FAB", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "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", }, "colorAlert": { "active": "#B2311E", @@ -231800,9 +222182,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#c1341b", }, "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)", @@ -231810,29 +222192,29 @@ exports[`shapshots octaviusWhite 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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", @@ -231855,29 +222237,29 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "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)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -231885,9 +222267,9 @@ exports[`shapshots octaviusWhite 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", @@ -231895,19 +222277,19 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundNegativeTintAlpha": { "active": "rgba(237, 51, 10, 0.16)", @@ -231925,14 +222307,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundPositiveTintAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -231950,14 +222332,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(0, 28, 61, 0.13)", + "hover": "rgba(0, 28, 61, 0.09)", + "normal": "rgba(0, 28, 61, 0.05)", }, "colorBackgroundSky": { "active": "#BCD3EF", @@ -231970,14 +222352,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundThumbnail": { "active": "#D8DAE1", @@ -231990,9 +222372,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 16, 61, 0.08)", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorBackgroundWarningTint": { "active": "#EBE9D3", @@ -232025,144 +222407,144 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 1)", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "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": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "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": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -232255,9 +222637,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorRating": { "active": "#EBC405", @@ -232265,49 +222647,49 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#ffd400", }, "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": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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", }, "colorSocialBehance": { "active": "#1562EF", @@ -232345,34 +222727,34 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTagBackgroundMint": { "active": "#A5DED0", @@ -232425,64 +222807,64 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "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": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "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": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -232490,14 +222872,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -232505,19 +222887,19 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "rgba(230, 70, 70, 0.2)", + "hover": "rgba(230, 70, 70, 0.16)", + "normal": "rgba(230, 70, 70, 0.12)", }, "colorTooltipBackgroundBlueTint": { "active": "#CBD8EF", @@ -232560,14 +222942,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#73519F", }, "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)", @@ -232575,24 +222957,24 @@ exports[`shapshots octaviusWhite 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": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", @@ -232602,7 +222984,7 @@ exports[`shapshots octaviusWhite 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": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -232610,17 +222992,16 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, - "letterSpacing": "0.26px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -232628,17 +223009,16 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, - "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -232646,10 +223026,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, - "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -232692,12 +223071,12 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -232705,10 +223084,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, @@ -232719,9 +223097,10 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, + "letterSpacing": "-0.56px", "lineHeight": "32px", }, }, @@ -232731,9 +223110,10 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, + "letterSpacing": "-0.48px", "lineHeight": "28px", }, }, @@ -232743,32 +223123,25 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, + "letterSpacing": "-0.4px", "lineHeight": "26px", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, @@ -232794,32 +223167,24 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -232827,7 +223192,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -232835,10 +223200,10 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": "24px", }, }, "fontWeightAccent1": 500, @@ -232857,9 +223222,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -232867,9 +223232,9 @@ exports[`shapshots octaviusWhite 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(38, 136, 235, 0.2)", + "hover": "rgba(38, 136, 235, 0.16)", + "normal": "rgba(38, 136, 235, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -232912,9 +223277,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "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.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "octaviusColorDatasetBackground": { "active": "#EBECEF", @@ -232922,19 +223287,19 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#eff1f3", + "hover": "#f5f6f8", + "normal": "#ffffff", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.4)", @@ -232942,19 +223307,19 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorHeaderFilterTextAlpha": { - "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)", }, "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorHeaderIconAttach": { "active": "#C8CAD0", @@ -232967,24 +223332,24 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "octaviusColorHeaderSearchChipBackground": { "active": "rgba(255, 255, 255, 0.4)", @@ -233007,14 +223372,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": "rgba(0, 95, 249, 0.18)", @@ -233022,19 +223387,19 @@ exports[`shapshots octaviusWhite 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", - "hover": "#8D9197", - "normal": "#93969b", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#0697ED", + "hover": "#079DF4", + "normal": "#07a3fc", }, "octaviusColorIconEventAlpha": { "active": "rgba(59, 186, 254, 0.18)", @@ -233042,34 +223407,34 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "octaviusColorIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "active": "#D50206", + "hover": "#DE0203", + "normal": "#e70101", }, "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#1FBA7D", + "hover": "#21C280", + "normal": "#22c983", }, "octaviusColorIconGames": { - "active": "#E4AC09", - "hover": "#EEB306", - "normal": "#F8BA04", + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "active": "#EB9846", + "hover": "#F59E47", + "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { "active": "#D9434E", @@ -233077,9 +223442,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#EB4CA2", + "hover": "#F54EA7", + "normal": "#ff51ab", }, "octaviusColorIconOrderAlpha": { "active": "rgba(249, 76, 163, 0.18)", @@ -233092,14 +223457,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "octaviusColorIconSchool": { - "active": "#9E75DE", - "hover": "#A57AE5", - "normal": "#AC7EEC", + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, "octaviusColorIconSocial": { "active": "#697EEF", @@ -233107,14 +223472,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#00AF8C", - "hover": "#00B690", - "normal": "#00BD93", + "active": "#1BB8C6", + "hover": "#1CC0CC", + "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#AE18EF", + "hover": "#B519F7", + "normal": "#bd19ff", }, "octaviusColorIconTravelAlpha": { "active": "rgba(193, 93, 243, 0.18)", @@ -233122,9 +223487,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -233178,14 +223543,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", + "active": "#DADCE2", + "hover": "#E4E5E9", "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { "active": "#282B2F", @@ -233263,54 +223628,54 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#0697ED", + "hover": "#079DF4", + "normal": "#07a3fc", }, "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "active": "#D50206", + "hover": "#DE0203", + "normal": "#e70101", }, "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#1FBA7D", + "hover": "#21C280", + "normal": "#22c983", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#EB4CA2", + "hover": "#F54EA7", + "normal": "#ff51ab", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#AE18EF", + "hover": "#B519F7", + "normal": "#bd19ff", }, "octaviusColorSidebarIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(0, 16, 61, 0.08)", @@ -233323,24 +223688,24 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "octaviusColorSidebarItemIconActive": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemText": { "active": "#2F3034", @@ -233348,9 +223713,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorSidebarItemTextPrimary": { "active": "#282B2F", @@ -233358,9 +223723,9 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(0, 16, 61, 0.16)", @@ -233368,19 +223733,19 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorSidebarShortItemIconActive": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "octaviusColorSidebarShortItemText": { "active": "#2F3034", @@ -233388,14 +223753,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -233408,9 +223773,9 @@ exports[`shapshots octaviusWhite 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", @@ -233433,9 +223798,9 @@ exports[`shapshots octaviusWhite 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", @@ -233492,14 +223857,14 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "hover": "#E2E3E8", "normal": "#ebecef", }, - "octaviusElevationCard": "none", - "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusElevationCard": "0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC", + "octaviusElevationHeader": "0px 1px 0px 0px #E7E8EC", "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", + "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", + "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -233925,7 +224290,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusWhite", + "themeName": "octaviusVK", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -233959,7 +224324,7 @@ exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] } `; -exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusVK theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -233982,39 +224347,39 @@ exports[`shapshots octaviusWhite 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, #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)", @@ -234022,39 +224387,39 @@ exports[`shapshots octaviusWhite 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, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "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, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #B2311E)", @@ -234062,9 +224427,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_alert, #c1341b)", }, "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))", @@ -234072,29 +224437,29 @@ exports[`shapshots octaviusWhite 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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "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, #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)", @@ -234117,29 +224482,29 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 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)", + "active": "var(--vkui--color_background_content--active, #DADCE2)", + "hover": "var(--vkui--color_background_content--hover, #E4E5E9)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #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))", "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)", @@ -234147,9 +224512,9 @@ exports[`shapshots octaviusWhite 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)", @@ -234157,19 +224522,19 @@ exports[`shapshots octaviusWhite 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, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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)", }, "colorBackgroundNegativeTintAlpha": { "active": "var(--vkui--color_background_negative_tint_alpha--active, rgba(237, 51, 10, 0.16))", @@ -234187,14 +224552,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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)", + "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)", + "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)", }, "colorBackgroundPositiveTintAlpha": { "active": "var(--vkui--color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.16))", @@ -234212,14 +224577,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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)", + "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, 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, 28, 61, 0.13))", + "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)", @@ -234232,14 +224597,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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)", + "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))", }, "colorBackgroundThumbnail": { "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", @@ -234252,9 +224617,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", }, "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, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorBackgroundWarningTint": { "active": "var(--vkui--color_background_warning_tint--active, #EBE9D3)", @@ -234287,144 +224652,144 @@ exports[`shapshots octaviusWhite 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, #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, #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, #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)", "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, #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, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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, #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)", + "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, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "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(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, #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(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, #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, 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))", - "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #264CEF)", @@ -234517,9 +224882,9 @@ exports[`shapshots octaviusWhite 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, #237EDD)", + "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", + "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #EBC405)", @@ -234527,49 +224892,49 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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)", + "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, #C6C8CD)", + "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "normal": "var(--vkui--color_separator_primary, #d7d8d9)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", }, "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)", }, "colorSocialBehance": { "active": "var(--vkui--color_social_behance--active, #1562EF)", @@ -234607,34 +224972,34 @@ exports[`shapshots octaviusWhite 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, #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, #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)", "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, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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, #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)", + "normal": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", @@ -234687,64 +225052,64 @@ exports[`shapshots octaviusWhite 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, #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, #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)", "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, #0055C5)", - "hover": "var(--vkui--color_text_link--hover, #0058CB)", - "normal": "var(--vkui--color_text_link, #005BD1)", + "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, #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)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "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, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", @@ -234752,14 +225117,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", @@ -234767,19 +225132,19 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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)", + "active": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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": "var(--vkui--color_thumb_error_background_alpha--active, rgba(230, 70, 70, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 0.12))", }, "colorTooltipBackgroundBlueTint": { "active": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", @@ -234822,14 +225187,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "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)", + "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))", @@ -234837,24 +225202,24 @@ exports[`shapshots octaviusWhite 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, 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08))", @@ -234864,7 +225229,7 @@ exports[`shapshots octaviusWhite 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, VKSansText, 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)", @@ -234872,17 +225237,16 @@ exports[`shapshots octaviusWhite 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, VKSansText, 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)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, VKSansText, 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)", @@ -234890,17 +225254,16 @@ exports[`shapshots octaviusWhite 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, VKSansText, 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)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, VKSansText, 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)", @@ -234908,10 +225271,9 @@ exports[`shapshots octaviusWhite 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, VKSansText, 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)", }, @@ -234954,12 +225316,12 @@ exports[`shapshots octaviusWhite 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)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, VKSansText, 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)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, VKSansText, 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)", @@ -234967,10 +225329,9 @@ exports[`shapshots octaviusWhite 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, VKSansText, 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)", }, @@ -234981,9 +225342,10 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, @@ -234993,9 +225355,10 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, @@ -235005,32 +225368,25 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", "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)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 15px)", "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)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, Helvetica, 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)", }, @@ -235056,32 +225412,24 @@ exports[`shapshots octaviusWhite 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, 18px)", - }, "regular": { - "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_subhead--font_family--regular, VKSansText, 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)", + "fontFamily": "var(--vkui--font_text--font_family--regular, VKSansText, Helvetica, 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, 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)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -235089,7 +225437,7 @@ exports[`shapshots octaviusWhite 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, 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)", @@ -235097,10 +225445,10 @@ exports[`shapshots octaviusWhite 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, 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)", @@ -235119,9 +225467,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, #E2E5E9)", - "hover": "var(--vkui--octavius_color_background--hover, #ECEEF1)", - "normal": "var(--vkui--octavius_color_background, #F6F7F8)", + "active": "var(--vkui--octavius_color_background--active, #DADCE2)", + "hover": "var(--vkui--octavius_color_background--hover, #E4E5E9)", + "normal": "var(--vkui--octavius_color_background, #EDEEF0)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -235129,9 +225477,9 @@ exports[`shapshots octaviusWhite 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(38, 136, 235, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(38, 136, 235, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(38, 136, 235, 0.12))", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", @@ -235174,9 +225522,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_button_text, #333333)", }, "octaviusColorContentScrollbarAlpha": { - "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", - "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", - "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 0, 0, 0.24))", }, "octaviusColorDatasetBackground": { "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", @@ -235184,19 +225532,19 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, "octaviusColorEmptyStateText": { - "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", - "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", - "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", + "active": "var(--vkui--octavius_color_empty_state_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_empty_state_text, #2C2D2E)", }, "octaviusColorEmptyStateTextLink": { - "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", - "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", - "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #437DC1)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #4681C6)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #4986cc)", }, "octaviusColorHeaderBackground": { - "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)", + "active": "var(--vkui--octavius_color_header_background--active, #eff1f3)", + "hover": "var(--vkui--octavius_color_header_background--hover, #f5f6f8)", + "normal": "var(--vkui--octavius_color_header_background, #ffffff)", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.4))", @@ -235204,19 +225552,19 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "octaviusColorHeaderButtonText": { - "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)", + "active": "var(--vkui--octavius_color_header_button_text--active, #000105)", + "hover": "var(--vkui--octavius_color_header_button_text--hover, #000102)", + "normal": "var(--vkui--octavius_color_header_button_text, #000000)", }, "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))", + "active": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(0, 0, 0, 0.56))", + "hover": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(0, 0, 0, 0.52))", + "normal": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(0, 0, 0, 0.48))", }, "octaviusColorHeaderIcon": { - "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)", + "active": "var(--vkui--octavius_color_header_icon--active, #237EDD)", + "hover": "var(--vkui--octavius_color_header_icon--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_header_icon, #2688eb)", }, "octaviusColorHeaderIconAttach": { "active": "var(--vkui--octavius_color_header_icon_attach--active, #C8CAD0)", @@ -235229,24 +225577,24 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, "octaviusColorHeaderIconUnread": { - "active": "var(--vkui--octavius_color_header_icon_unread--active, #0059EA)", - "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #005CF1)", - "normal": "var(--vkui--octavius_color_header_icon_unread, #005FF9)", + "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, #237EDD)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_header_progress, #2688eb)", }, "octaviusColorHeaderSearchBackground": { - "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)", + "active": "var(--vkui--octavius_color_header_search_background--active, #D8DBE2)", + "hover": "var(--vkui--octavius_color_header_search_background--hover, #E2E4E9)", + "normal": "var(--vkui--octavius_color_header_search_background, #ebedf0)", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "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)", + "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #D8DBE2)", + "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #E2E4E9)", + "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #ebedf0)", }, "octaviusColorHeaderSearchChipBackground": { "active": "var(--vkui--octavius_color_header_search_chip_background--active, rgba(255, 255, 255, 0.4))", @@ -235269,14 +225617,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", }, "octaviusColorHeaderSearchText": { - "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + "active": "var(--vkui--octavius_color_header_search_text--active, #000105)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #000102)", + "normal": "var(--vkui--octavius_color_header_search_text, #000000)", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", - "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #778292)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7C8795)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)", }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", @@ -235284,19 +225632,19 @@ exports[`shapshots octaviusWhite 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)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "active": "var(--vkui--octavius_color_header_text_secondary--active, #778292)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #818c99)", }, "octaviusColorIconEvent": { - "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", + "active": "var(--vkui--octavius_color_icon_event--active, #0697ED)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #079DF4)", + "normal": "var(--vkui--octavius_color_icon_event, #07a3fc)", }, "octaviusColorIconEventAlpha": { "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", @@ -235304,34 +225652,34 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, "octaviusColorIconFavorite": { - "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + "active": "var(--vkui--octavius_color_icon_favorite--active, #EB3046)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F53247)", + "normal": "var(--vkui--octavius_color_icon_favorite, #ff3347)", }, "octaviusColorIconFees": { - "active": "var(--vkui--octavius_color_icon_fees--active, #D40105)", - "hover": "var(--vkui--octavius_color_icon_fees--hover, #DD0102)", - "normal": "var(--vkui--octavius_color_icon_fees, #e60000)", + "active": "var(--vkui--octavius_color_icon_fees--active, #D50206)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #DE0203)", + "normal": "var(--vkui--octavius_color_icon_fees, #e70101)", }, "octaviusColorIconFinance": { - "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_icon_finance, #2fc885)", + "active": "var(--vkui--octavius_color_icon_finance--active, #1FBA7D)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #21C280)", + "normal": "var(--vkui--octavius_color_icon_finance, #22c983)", }, "octaviusColorIconGames": { - "active": "var(--vkui--octavius_color_icon_games--active, #E4AC09)", - "hover": "var(--vkui--octavius_color_icon_games--hover, #EEB306)", - "normal": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "active": "var(--vkui--octavius_color_icon_games--active, #E9BD3E)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #F3C43E)", + "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, "octaviusColorIconMailings": { - "active": "var(--vkui--octavius_color_icon_mailings--active, #E88018)", - "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F28517)", - "normal": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", + "active": "var(--vkui--octavius_color_icon_mailings--active, #EB9846)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F59E47)", + "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #079FCD)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #08A5D3)", - "normal": "var(--vkui--octavius_color_icon_news, #08ABD9)", + "active": "var(--vkui--octavius_color_icon_news--active, #23B2DD)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #24B9E4)", + "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, "octaviusColorIconOfficial": { "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", @@ -235339,9 +225687,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "octaviusColorIconOrder": { - "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", + "active": "var(--vkui--octavius_color_icon_order--active, #EB4CA2)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F54EA7)", + "normal": "var(--vkui--octavius_color_icon_order, #ff51ab)", }, "octaviusColorIconOrderAlpha": { "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", @@ -235354,14 +225702,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "octaviusColorIconRegistration": { - "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + "active": "var(--vkui--octavius_color_icon_registration--active, #EB9405)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59A02)", + "normal": "var(--vkui--octavius_color_icon_registration, #ffa000)", }, "octaviusColorIconSchool": { - "active": "var(--vkui--octavius_color_icon_school--active, #9E75DE)", - "hover": "var(--vkui--octavius_color_icon_school--hover, #A57AE5)", - "normal": "var(--vkui--octavius_color_icon_school, #AC7EEC)", + "active": "var(--vkui--octavius_color_icon_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", @@ -235369,14 +225717,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", }, "octaviusColorIconToMyself": { - "active": "var(--vkui--octavius_color_icon_to_myself--active, #00AF8C)", - "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #00B690)", - "normal": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", + "active": "var(--vkui--octavius_color_icon_to_myself--active, #1BB8C6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #1CC0CC)", + "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "octaviusColorIconTravel": { - "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + "active": "var(--vkui--octavius_color_icon_travel--active, #AE18EF)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #B519F7)", + "normal": "var(--vkui--octavius_color_icon_travel, #bd19ff)", }, "octaviusColorIconTravelAlpha": { "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", @@ -235384,9 +225732,9 @@ exports[`shapshots octaviusWhite 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, #237EDD)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_icon_unread, #2688eb)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", @@ -235440,14 +225788,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, "octaviusColorListLetterBackground": { - "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", - "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "active": "var(--vkui--octavius_color_list_letter_background--active, #DADCE2)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #E4E5E9)", "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", - "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", - "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.12))", }, "octaviusColorListTextPrimary": { "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", @@ -235525,54 +225873,54 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", - "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", - "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 0, 0, 0.32))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 0, 0, 0.28))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(0, 0, 0, 0.24))", }, "octaviusColorSidebarCounterText": { - "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #FFFFFF)", }, "octaviusColorSidebarIconEvent": { - "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", - "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", - "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #0697ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #079DF4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", }, "octaviusColorSidebarIconFavorite": { - "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", - "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", - "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #EB3046)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F53247)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", }, "octaviusColorSidebarIconFees": { - "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", - "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", - "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D50206)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DE0203)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", }, "octaviusColorSidebarIconFinance": { - "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", - "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", - "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #1FBA7D)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #21C280)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", }, "octaviusColorSidebarIconOrder": { - "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", - "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", - "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4CA2)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F54EA7)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", }, "octaviusColorSidebarIconRegistration": { - "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", - "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", - "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9405)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59A02)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", }, "octaviusColorSidebarIconTravel": { - "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", - "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", - "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AE18EF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B519F7)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", }, "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, #237EDD)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", @@ -235585,24 +225933,24 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", }, "octaviusColorSidebarItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #3A80D3)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #3C85D9)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #3F8AE0)", }, "octaviusColorSidebarItemIconActive": { "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2c2d2e)", }, "octaviusColorSidebarItemIconPrimary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #237EDD)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688eb)", }, "octaviusColorSidebarItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #237EDD)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #2483E4)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688eb)", }, "octaviusColorSidebarItemText": { "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", @@ -235610,9 +225958,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, "octaviusColorSidebarItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #000105)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #000102)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #000000)", }, "octaviusColorSidebarItemTextPrimary": { "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", @@ -235620,9 +225968,9 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, "octaviusColorSidebarItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #778292)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818c99)", }, "octaviusColorSidebarScrollbarAlpha": { "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", @@ -235630,19 +225978,19 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, "octaviusColorSidebarShortItemIcon": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #2c2d2e)", }, "octaviusColorSidebarShortItemIconActive": { "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2c2d2e)", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #8D96A4)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #939CA9)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99a2ad)", }, "octaviusColorSidebarShortItemText": { "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", @@ -235650,14 +225998,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", }, "octaviusColorSidebarShortItemTextActive": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #000105)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #000102)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #000000)", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", - "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #778292)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818c99)", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -235670,9 +226018,9 @@ exports[`shapshots octaviusWhite 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)", @@ -235695,9 +226043,9 @@ exports[`shapshots octaviusWhite 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)", @@ -235754,14 +226102,14 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", }, - "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "octaviusElevationCard": "var(--vkui--octavius_elevation_card, 0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC)", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 1px 0px 0px #E7E8EC)", "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)", + "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, 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)", @@ -236187,7 +226535,7 @@ exports[`shapshots octaviusWhite 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, octaviusWhite)", + "themeName": "var(--vkui--theme_name, octaviusVK)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -236221,7 +226569,7 @@ exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1` } `; -exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusVK theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -236244,39 +226592,39 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "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", @@ -236284,39 +226632,39 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#EB367F", - "hover": "#F53782", - "normal": "#FF3985", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { "active": "#CE3BA2", "hover": "#D73DA7", - "normal": "#E03FAB", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "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", }, "colorAlert": { "active": "#B2311E", @@ -236324,9 +226672,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#c1341b", }, "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)", @@ -236334,29 +226682,29 @@ exports[`shapshots octaviusWhite 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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", @@ -236379,29 +226727,29 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 119, 255, 0.06)", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "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)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", @@ -236409,9 +226757,9 @@ exports[`shapshots octaviusWhite 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", @@ -236419,19 +226767,19 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", - "normal": "#303030", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundNegativeTintAlpha": { "active": "rgba(237, 51, 10, 0.16)", @@ -236449,14 +226797,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(237, 51, 10, 0.08)", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D9E7E4", - "hover": "#E3F1EC", - "normal": "#ECFAF3", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundPositiveTintAlpha": { "active": "rgba(13, 194, 104, 0.16)", @@ -236474,14 +226822,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(13, 194, 104, 0.08)", }, "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "active": "rgba(0, 28, 61, 0.13)", + "hover": "rgba(0, 28, 61, 0.09)", + "normal": "rgba(0, 28, 61, 0.05)", }, "colorBackgroundSky": { "active": "#BCD3EF", @@ -236494,14 +226842,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(204, 228, 255, 0.9)", }, "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundThumbnail": { "active": "#D8DAE1", @@ -236514,9 +226862,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorBackgroundWarningTint": { "active": "#EBE9D3", @@ -236549,144 +226897,144 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "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": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "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": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#264CEF", @@ -236779,9 +227127,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorRating": { "active": "#EBC405", @@ -236789,49 +227137,49 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#ffd400", }, "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": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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", }, "colorSocialBehance": { "active": "#1562EF", @@ -236869,34 +227217,34 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#8D96A4", "hover": "#939CA9", - "normal": "#99A2AD", + "normal": "#99a2ad", }, "colorTagBackgroundMint": { "active": "#A5DED0", @@ -236949,64 +227297,64 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#203F5B", }, "colorTextAccent": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "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": "#0055C5", - "hover": "#0058CB", - "normal": "#005BD1", + "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": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#DA0A35", - "hover": "#E40A34", - "normal": "#ED0A34", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -237014,14 +227362,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -237029,19 +227377,19 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "rgba(230, 70, 70, 0.2)", + "hover": "rgba(230, 70, 70, 0.16)", + "normal": "rgba(230, 70, 70, 0.12)", }, "colorTooltipBackgroundBlueTint": { "active": "#CBD8EF", @@ -237084,14 +227432,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#73519F", }, "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)", @@ -237099,24 +227447,24 @@ exports[`shapshots octaviusWhite 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": "0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08)", @@ -237126,7 +227474,7 @@ exports[`shapshots octaviusWhite 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": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -237134,17 +227482,16 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, - "letterSpacing": "0.26px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -237152,17 +227499,16 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, - "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -237170,10 +227516,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, - "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -237216,12 +227561,12 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -237229,10 +227574,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 18, "textTransform": "uppercase", }, @@ -237243,9 +227587,10 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, + "letterSpacing": "-0.56px", "lineHeight": 32, }, }, @@ -237255,9 +227600,10 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, + "letterSpacing": "-0.48px", "lineHeight": 28, }, }, @@ -237267,32 +227613,25 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, + "letterSpacing": "-0.4px", "lineHeight": 26, }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, @@ -237318,32 +227657,24 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -237351,7 +227682,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -237359,10 +227690,10 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 22, + "lineHeight": 24, }, }, "fontWeightAccent1": 500, @@ -237381,9 +227712,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -237391,9 +227722,9 @@ exports[`shapshots octaviusWhite 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(38, 136, 235, 0.2)", + "hover": "rgba(38, 136, 235, 0.16)", + "normal": "rgba(38, 136, 235, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { "active": "rgba(236, 71, 80, 0.2)", @@ -237436,9 +227767,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorContentScrollbarAlpha": { - "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.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "octaviusColorDatasetBackground": { "active": "#EBECEF", @@ -237446,19 +227777,19 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "octaviusColorEmptyStateText": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "octaviusColorEmptyStateTextLink": { - "active": "#0055C5", - "hover": "#0058CB", - "normal": "#005bd1", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "octaviusColorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#eff1f3", + "hover": "#f5f6f8", + "normal": "#ffffff", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.4)", @@ -237466,19 +227797,19 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorHeaderFilterTextAlpha": { - "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)", }, "octaviusColorHeaderIcon": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorHeaderIconAttach": { "active": "#C8CAD0", @@ -237491,24 +227822,24 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#FC2C38", }, "octaviusColorHeaderIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "octaviusColorHeaderProgress": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorHeaderSearchBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#f0f1f3", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "octaviusColorHeaderSearchChipBackground": { "active": "rgba(255, 255, 255, 0.4)", @@ -237531,14 +227862,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#b6b8be", }, "octaviusColorHeaderSearchText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorHeaderTabActiveThemedAlpha": { "active": "rgba(0, 95, 249, 0.18)", @@ -237546,19 +227877,19 @@ exports[`shapshots octaviusWhite 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", - "hover": "#8D9197", - "normal": "#93969b", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#0697ED", + "hover": "#079DF4", + "normal": "#07a3fc", }, "octaviusColorIconEventAlpha": { "active": "rgba(59, 186, 254, 0.18)", @@ -237566,34 +227897,34 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "octaviusColorIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "active": "#D50206", + "hover": "#DE0203", + "normal": "#e70101", }, "octaviusColorIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#1FBA7D", + "hover": "#21C280", + "normal": "#22c983", }, "octaviusColorIconGames": { - "active": "#E4AC09", - "hover": "#EEB306", - "normal": "#F8BA04", + "active": "#E9BD3E", + "hover": "#F3C43E", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { - "active": "#E88018", - "hover": "#F28517", - "normal": "#FC8A15", + "active": "#EB9846", + "hover": "#F59E47", + "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#079FCD", - "hover": "#08A5D3", - "normal": "#08ABD9", + "active": "#23B2DD", + "hover": "#24B9E4", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { "active": "#D9434E", @@ -237601,9 +227932,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#EB4CA2", + "hover": "#F54EA7", + "normal": "#ff51ab", }, "octaviusColorIconOrderAlpha": { "active": "rgba(249, 76, 163, 0.18)", @@ -237616,14 +227947,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "octaviusColorIconSchool": { - "active": "#9E75DE", - "hover": "#A57AE5", - "normal": "#AC7EEC", + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", }, "octaviusColorIconSocial": { "active": "#697EEF", @@ -237631,14 +227962,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#7288FF", }, "octaviusColorIconToMyself": { - "active": "#00AF8C", - "hover": "#00B690", - "normal": "#00BD93", + "active": "#1BB8C6", + "hover": "#1CC0CC", + "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#AE18EF", + "hover": "#B519F7", + "normal": "#bd19ff", }, "octaviusColorIconTravelAlpha": { "active": "rgba(193, 93, 243, 0.18)", @@ -237646,9 +227977,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(0, 16, 61, 0.2)", @@ -237702,14 +228033,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#ebecef", - "hover": "#f5f5f7", + "active": "#DADCE2", + "hover": "#E4E5E9", "normal": "#ffffff", }, "octaviusColorListLetterSeparatorAlpha": { - "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)", }, "octaviusColorListTextPrimary": { "active": "#282B2F", @@ -237787,54 +228118,54 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "octaviusColorSidebarCounterText": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "octaviusColorSidebarIconEvent": { - "active": "#089AEB", - "hover": "#09A0F2", - "normal": "#09a6fa", + "active": "#0697ED", + "hover": "#079DF4", + "normal": "#07a3fc", }, "octaviusColorSidebarIconFavorite": { - "active": "#E82A38", - "hover": "#F22B38", - "normal": "#fc2c38", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "octaviusColorSidebarIconFees": { - "active": "#D40105", - "hover": "#DD0102", - "normal": "#e60000", + "active": "#D50206", + "hover": "#DE0203", + "normal": "#e70101", }, "octaviusColorSidebarIconFinance": { - "active": "#2BB97F", - "hover": "#2DC182", - "normal": "#2fc885", + "active": "#1FBA7D", + "hover": "#21C280", + "normal": "#22c983", }, "octaviusColorSidebarIconOrder": { - "active": "#EB4FA1", - "hover": "#F551A6", - "normal": "#ff54aa", + "active": "#EB4CA2", + "hover": "#F54EA7", + "normal": "#ff51ab", }, "octaviusColorSidebarIconRegistration": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#ff9e00", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "octaviusColorSidebarIconTravel": { - "active": "#AB31ED", - "hover": "#B333F4", - "normal": "#ba34fc", + "active": "#AE18EF", + "hover": "#B519F7", + "normal": "#bd19ff", }, "octaviusColorSidebarIconUnread": { - "active": "#0059EA", - "hover": "#005CF1", - "normal": "#005FF9", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemBackgroundAlpha": { "active": "rgba(0, 16, 61, 0.08)", @@ -237847,24 +228178,24 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "octaviusColorSidebarItemIconActive": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "octaviusColorSidebarItemText": { "active": "#2F3034", @@ -237872,9 +228203,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorSidebarItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorSidebarItemTextPrimary": { "active": "#282B2F", @@ -237882,9 +228213,9 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(0, 16, 61, 0.16)", @@ -237892,19 +228223,19 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.08)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "octaviusColorSidebarShortItemIconActive": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "octaviusColorSidebarShortItemText": { "active": "#2F3034", @@ -237912,14 +228243,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "normal": "#333333", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -237932,9 +228263,9 @@ exports[`shapshots octaviusWhite 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", @@ -237957,9 +228288,9 @@ exports[`shapshots octaviusWhite 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", @@ -238016,14 +228347,14 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "hover": "#E2E3E8", "normal": "#ebecef", }, - "octaviusElevationCard": "none", - "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusElevationCard": "0px 1px 0px 0px #DCE1E6, 0px 0px 0px 1px #E7E8EC", + "octaviusElevationHeader": "0px 1px 0px 0px #E7E8EC", "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", + "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", + "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -238449,7 +228780,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusWhite", + "themeName": "octaviusVK", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -238483,7 +228814,7 @@ exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusVKDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -238532,85 +228863,85 @@ exports[`shapshots octaviusWhiteDark 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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #307BFC)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2775FC)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "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, #A4A5A9)", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", }, "normal": { "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #9C9DA2)", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #20C774)", + "value": "var(--vkui--color_accent_green--active, #59B959)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #17C46E)", + "value": "var(--vkui--color_accent_green--hover, #52B652)", }, "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, #BEFC80)", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "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, #FFA614)", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FF9E00)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "colorAccentOrangeFire": { @@ -238624,7 +228955,7 @@ exports[`shapshots octaviusWhiteDark 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": { @@ -238644,29 +228975,29 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #FF498F)", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #FF418A)", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "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, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #8C64FF)", + "value": "var(--vkui--color_accent_purple, #9985ff)", }, }, "colorAccentRaspberryPink": { @@ -238680,63 +229011,63 @@ exports[`shapshots octaviusWhiteDark 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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #FF4356)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ED330A)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #FFA614)", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", }, "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, #C66AF4)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #C363F3)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "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, #4C8CFD)", + "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, #4487FD)", + "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3C82FD)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAlert": { @@ -238756,15 +229087,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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(0, 0, 0, 0.68))", }, "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(0, 0, 0, 0.64))", }, "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(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -238784,43 +229115,43 @@ exports[`shapshots octaviusWhiteDark 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #222223)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #19191A)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3880FC)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #307BFC)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2775FC)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "value": "var(--vkui--color_background_accent_alternative, #529ef4)", }, }, "colorBackgroundAccentThemed": { @@ -238868,57 +229199,57 @@ exports[`shapshots octaviusWhiteDark 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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #353536)", + "value": "var(--vkui--color_background_content--active, #353535)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + "value": "var(--vkui--color_background_content--hover, #2B2B2C)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", + "value": "var(--vkui--color_background_content, #19191A)", }, }, "colorBackgroundContentInverse": { @@ -238952,15 +229283,15 @@ exports[`shapshots octaviusWhiteDark 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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #303030)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -238980,43 +229311,43 @@ exports[`shapshots octaviusWhiteDark 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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #303030)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #19202f)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #414141)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #383838)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #303030)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "colorBackgroundModalInverse": { @@ -239044,7 +229375,7 @@ exports[`shapshots octaviusWhiteDark 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": { @@ -239058,133 +229389,133 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "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.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": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #20C774)", + "value": "var(--vkui--color_background_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #17C46E)", + "value": "var(--vkui--color_background_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #0DC268)", + "value": "var(--vkui--color_background_positive, #4bb34b)", }, }, "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #182A22)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "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, #EEFAF4)", }, "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, #EDFAF3)", }, "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, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #333333)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #2A2A2B)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { @@ -239198,77 +229529,77 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 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(255, 255, 255, 0.08))", }, }, "colorBackgroundSky": { "active": { "name": "--vkui--color_background_sky--active", - "value": "var(--vkui--color_background_sky--active, #3C3C3D)", + "value": "var(--vkui--color_background_sky--active, #D0E6FF)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #333334)", + "value": "var(--vkui--color_background_sky--hover, #CEE5FF)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #2b2b2c)", + "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(51, 51, 51, 0.88))", + "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(51, 51, 51, 0.84))", + "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(51, 51, 51, 0.8))", + "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, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #252525)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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.03))", }, }, "colorBackgroundThumbnail": { "active": { "name": "--vkui--color_background_thumbnail--active", - "value": "var(--vkui--color_background_thumbnail--active, #313131)", + "value": "var(--vkui--color_background_thumbnail--active, #EDEEF0)", }, "hover": { "name": "--vkui--color_background_thumbnail--hover", - "value": "var(--vkui--color_background_thumbnail--hover, #282828)", + "value": "var(--vkui--color_background_thumbnail--hover, #ECEDF0)", }, "normal": { "name": "--vkui--color_background_thumbnail", - "value": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "value": "var(--vkui--color_background_thumbnail, #EBECEF)", }, }, "colorBackgroundThumbnailAlpha": { @@ -239288,85 +229619,85 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #785C14)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #72550A)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #6C4E00)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "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, #FFFCE2)", }, "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, #FFFCE1)", }, "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, #FFFCE2)", }, "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, #FFFCE1)", }, "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, #222223)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #29292A)", + "value": "var(--vkui--color_button_contrast--hover, #1F1F20)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #252526)", + "value": "var(--vkui--color_button_contrast, #1B1B1C)", }, }, "colorButtonContrastAlpha": { @@ -239442,43 +229773,43 @@ exports[`shapshots octaviusWhiteDark 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.24))", + "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(255, 255, 255, 0.2))", + "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(255, 255, 255, 0.16))", + "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, #353536)", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2C2C2D)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #232324)", + "value": "var(--vkui--color_header_background, #19191a)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4487FD)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #3C82FD)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "colorIconAccentThemed": { @@ -239520,21 +229851,21 @@ exports[`shapshots octaviusWhiteDark 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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", }, }, "colorIconMedium": { @@ -239548,21 +229879,21 @@ exports[`shapshots octaviusWhiteDark 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(245, 246, 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(245, 246, 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(245, 246, 255, 0.7))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", }, }, "colorIconNegative": { @@ -239576,35 +229907,35 @@ exports[`shapshots octaviusWhiteDark 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, #20C774)", + "value": "var(--vkui--color_icon_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #17C46E)", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", }, "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, #DCDDE0)", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #D9DADD)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "colorIconPrimaryInvariably": { @@ -239618,77 +229949,77 @@ exports[`shapshots octaviusWhiteDark 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, #A4A5A9)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + "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(245, 246, 255, 0.68))", + "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(245, 246, 255, 0.64))", + "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(245, 246, 255, 0.6))", + "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, #8D8E93)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #83848A)", + "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(245, 246, 255, 0.58))", + "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(245, 246, 255, 0.54))", + "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(245, 246, 255, 0.5))", + "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, #FFA614)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #FFA20A)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FF9E00)", + "value": "var(--vkui--color_icon_warning, #EDB055)", }, }, "colorImageBorderAlpha": { @@ -239708,29 +230039,29 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #494A4B)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #414243)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #393A3B)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.8))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "colorLinkContrast": { @@ -239750,29 +230081,29 @@ exports[`shapshots octaviusWhiteDark 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.40))", }, }, "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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "colorPaletteBlue1": { @@ -240030,15 +230361,15 @@ exports[`shapshots octaviusWhiteDark 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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #3C82FD)", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", }, }, "colorRating": { @@ -240058,15 +230389,15 @@ exports[`shapshots octaviusWhiteDark 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, #464748)", }, "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, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #393A3B)", + "value": "var(--vkui--color_search_field_background, #363738)", }, }, "colorSegmentedControl": { @@ -240086,99 +230417,99 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "colorSeparatorPrimary": { "active": { "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #282829)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #151516)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #323234)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #29292B)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #202022)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #3E3E40)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #353537)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "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, 0, 0, 0.48))", + "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, 0, 0, 0.44))", + "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, 0, 0, 0.4))", + "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, #2A2A2A)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #212121)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #181818)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #333333)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2A2A2B)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #464748)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #3E3F40)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorSocialBehance": { @@ -240282,15 +230613,15 @@ exports[`shapshots octaviusWhiteDark 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, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #3C82FD)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "colorStrokeAccentThemed": { @@ -240332,21 +230663,21 @@ exports[`shapshots octaviusWhiteDark 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, #20C774)", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #0DC268)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "colorTabbarTextInactive": { @@ -240360,7 +230691,7 @@ exports[`shapshots octaviusWhiteDark 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)", }, }, "colorTagBackgroundMint": { @@ -240506,15 +230837,15 @@ exports[`shapshots octaviusWhiteDark 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, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4487FD)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #3C82FD)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "colorTextAccentThemed": { @@ -240548,29 +230879,29 @@ exports[`shapshots octaviusWhiteDark 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, #141414)", }, "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, #0A0A0A)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_text_contrast_themed, #000000)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #65A3FF)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #5F9FFF)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #589BFF)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { @@ -240598,35 +230929,35 @@ exports[`shapshots octaviusWhiteDark 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, #6098E2)", + "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, #5993E0)", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", }, "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, #E9EAEC)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #E7E8EA)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { @@ -240640,35 +230971,35 @@ exports[`shapshots octaviusWhiteDark 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, #20C774)", + "value": "var(--vkui--color_text_positive--active, #59B959)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #17C46E)", + "value": "var(--vkui--color_text_positive--hover, #52B652)", }, "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, #E9EAEC)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E7E8EA)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { @@ -240688,29 +231019,29 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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, #141414)", }, "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, #0A0A0A)", }, "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, #95979D)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #919398)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #8C8E94)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { @@ -240730,183 +231061,183 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #BFC1C5)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #7F8185)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #74767A)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "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))", + "value": "var(--vkui--color_thumb_error_background_alpha--active, rgba(230, 70, 70, 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))", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", }, "normal": { "name": "--vkui--color_thumb_error_background_alpha", - "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 0.12))", }, }, "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, #E0EBFF)", }, "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, #DEEAFF)", }, "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, #D2EFE8)", }, "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, #D0EFE7)", }, "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, #F9D7C2)", }, "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, #F9D5C0)", }, "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, #F3EAFF)", }, "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, #F3E9FF)", }, "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, #2E5384)", }, "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, #254B7E)", }, "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, #1C8679)", }, "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, #128173)", }, "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, #83563B)", }, "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, #7D4E33)", }, "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, #7E5FA7)", }, "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, #7958A3)", }, "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, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4B4B4C)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #434445)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #83AAEA)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "colorTransparent": { @@ -240926,29 +231257,29 @@ exports[`shapshots octaviusWhiteDark 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3C82FD)", + "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, #3B3B3C)", + "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, #333333)", + "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, #2A2A2B)", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", }, }, "colorWriteBarInputBorder": { @@ -240962,7 +231293,7 @@ exports[`shapshots octaviusWhiteDark 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": { @@ -240985,23 +231316,23 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` }, "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": { @@ -241025,7 +231356,7 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -241055,10 +231386,6 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -241071,7 +231398,7 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -241081,10 +231408,6 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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)", @@ -241117,7 +231440,7 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -241147,10 +231470,6 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -241163,7 +231482,7 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -241173,10 +231492,6 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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)", @@ -241209,7 +231524,7 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -241239,10 +231554,6 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -241255,7 +231566,7 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -241265,10 +231576,6 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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)", @@ -241451,11 +231758,11 @@ exports[`shapshots octaviusWhiteDark 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, 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -241483,7 +231790,7 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -241513,10 +231820,6 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -241529,7 +231832,7 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -241539,10 +231842,6 @@ exports[`shapshots octaviusWhiteDark 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)", @@ -241567,6 +231866,10 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight", "value": "var(--vkui--font_h0--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h0--letter_spacing", + "value": "var(--vkui--font_h0--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h0--line_height", "value": "var(--vkui--font_h0--line_height)", @@ -241585,7 +231888,7 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_h0--font_family--regular", - "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h0--font_size--regular", @@ -241595,6 +231898,10 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h0--font_weight--regular", "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h0--letter_spacing--regular", + "value": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", + }, "lineHeight": { "name": "--vkui--font_h0--line_height--regular", "value": "var(--vkui--font_h0--line_height--regular, 32px)", @@ -241615,6 +231922,10 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight", "value": "var(--vkui--font_h1--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h1--letter_spacing", + "value": "var(--vkui--font_h1--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h1--line_height", "value": "var(--vkui--font_h1--line_height)", @@ -241633,7 +231944,7 @@ exports[`shapshots octaviusWhiteDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h1--font_size--regular", @@ -241643,6 +231954,10 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h1--font_weight--regular", "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h1--letter_spacing--regular", + "value": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", + }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", "value": "var(--vkui--font_h1--line_height--regular, 28px)", @@ -241663,6 +231978,10 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight", "value": "var(--vkui--font_h2--font_weight)", }, + "letterSpacing": { + "name": "--vkui--font_h2--letter_spacing", + "value": "var(--vkui--font_h2--letter_spacing)", + }, "lineHeight": { "name": "--vkui--font_h2--line_height", "value": "var(--vkui--font_h2--line_height)", @@ -241681,7 +232000,7 @@ exports[`shapshots octaviusWhiteDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_h2--font_size--regular", @@ -241691,6 +232010,10 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "name": "--vkui--font_h2--font_weight--regular", "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, + "letterSpacing": { + "name": "--vkui--font_h2--letter_spacing--regular", + "value": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", + }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", "value": "var(--vkui--font_h2--line_height--regular, 26px)", @@ -241716,24 +232039,14 @@ exports[`shapshots octaviusWhiteDark 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, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", + "value": "var(--vkui--font_headline--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_headline--font_weight--regular", @@ -241764,24 +232077,14 @@ exports[`shapshots octaviusWhiteDark 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, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + "value": "var(--vkui--font_headline1--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_headline1--font_weight--regular", @@ -241898,20 +232201,10 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", @@ -241946,24 +232239,14 @@ exports[`shapshots octaviusWhiteDark 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, VKSansText, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", + "value": "var(--vkui--font_text--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -241997,7 +232280,7 @@ exports[`shapshots octaviusWhiteDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -242035,7 +232318,7 @@ exports[`shapshots octaviusWhiteDark 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", @@ -242073,7 +232356,7 @@ exports[`shapshots octaviusWhiteDark 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, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -242085,7 +232368,7 @@ exports[`shapshots octaviusWhiteDark 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)", }, }, }, @@ -242115,7 +232398,7 @@ exports[`shapshots octaviusWhiteDark 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", @@ -242123,7 +232406,7 @@ exports[`shapshots octaviusWhiteDark 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", @@ -242132,29 +232415,29 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorActionArchive": { "active": { "name": "--vkui--octavius_color_action_archive--active", - "value": "var(--vkui--octavius_color_action_archive--active, #21B273)", + "value": "var(--vkui--octavius_color_action_archive--active, #316935)", }, "hover": { "name": "--vkui--octavius_color_action_archive--hover", - "value": "var(--vkui--octavius_color_action_archive--hover, #18AE6D)", + "value": "var(--vkui--octavius_color_action_archive--hover, #28632C)", }, "normal": { "name": "--vkui--octavius_color_action_archive", - "value": "var(--vkui--octavius_color_action_archive, #0EAB67)", + "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, }, "octaviusColorBackground": { "active": { "name": "--vkui--octavius_color_background--active", - "value": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "value": "var(--vkui--octavius_color_background--active, #141414)", }, "hover": { "name": "--vkui--octavius_color_background--hover", - "value": "var(--vkui--octavius_color_background--hover, #222223)", + "value": "var(--vkui--octavius_color_background--hover, #0A0A0A)", }, "normal": { "name": "--vkui--octavius_color_background", - "value": "var(--vkui--octavius_color_background, #19191A)", + "value": "var(--vkui--octavius_color_background, #000000)", }, }, "octaviusColorBackgroundAccentTintAlpha": { @@ -242174,43 +232457,43 @@ exports[`shapshots octaviusWhiteDark 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, 119, 255, 0.2))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(82, 158, 244, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(82, 158, 244, 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))", + "value": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(82, 158, 244, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", }, "normal": { "name": "--vkui--octavius_color_background_negative_tint_alpha", - "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.16))", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", }, "normal": { "name": "--vkui--octavius_color_background_positive_tint_alpha", - "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.12))", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, "octaviusColorButtonBackgroundAlpha": { @@ -242230,43 +232513,43 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", }, "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))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", }, "normal": { "name": "--vkui--octavius_color_button_background_contrast_alpha", - "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.12))", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", }, "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))", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, }, "octaviusColorButtonEmptyStateText": { "active": { "name": "--vkui--octavius_color_button_empty_state_text--active", - "value": "var(--vkui--octavius_color_button_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_button_empty_state_text--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_button_empty_state_text--hover", - "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_button_empty_state_text--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_button_empty_state_text", - "value": "var(--vkui--octavius_color_button_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, }, "octaviusColorButtonIcon": { @@ -242300,43 +232583,43 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.28))", }, "hover": { "name": "--vkui--octavius_color_content_scrollbar_alpha--hover", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.24))", }, "normal": { "name": "--vkui--octavius_color_content_scrollbar_alpha", - "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.2))", }, }, "octaviusColorDatasetBackground": { "active": { "name": "--vkui--octavius_color_dataset_background--active", - "value": "var(--vkui--octavius_color_dataset_background--active, #353536)", + "value": "var(--vkui--octavius_color_dataset_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--octavius_color_dataset_background--hover", - "value": "var(--vkui--octavius_color_dataset_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_dataset_background--hover, #222223)", }, "normal": { "name": "--vkui--octavius_color_dataset_background", - "value": "var(--vkui--octavius_color_dataset_background, #232324)", + "value": "var(--vkui--octavius_color_dataset_background, #19191a)", }, }, "octaviusColorEmptyStateText": { "active": { "name": "--vkui--octavius_color_empty_state_text--active", - "value": "var(--vkui--octavius_color_empty_state_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_empty_state_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_empty_state_text--hover", - "value": "var(--vkui--octavius_color_empty_state_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_empty_state_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_empty_state_text", - "value": "var(--vkui--octavius_color_empty_state_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_empty_state_text, #e1e3e6)", }, }, "octaviusColorEmptyStateTextLink": { @@ -242356,15 +232639,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderBackground": { "active": { "name": "--vkui--octavius_color_header_background--active", - "value": "var(--vkui--octavius_color_header_background--active, #353536)", + "value": "var(--vkui--octavius_color_header_background--active, #353535)", }, "hover": { "name": "--vkui--octavius_color_header_background--hover", - "value": "var(--vkui--octavius_color_header_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_header_background--hover, #2B2B2C)", }, "normal": { "name": "--vkui--octavius_color_header_background", - "value": "var(--vkui--octavius_color_header_background, #232324)", + "value": "var(--vkui--octavius_color_header_background, #161616)", }, }, "octaviusColorHeaderButtonBackgroundAlpha": { @@ -242384,155 +232667,155 @@ exports[`shapshots octaviusWhiteDark 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, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_button_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_header_button_text--hover", - "value": "var(--vkui--octavius_color_header_button_text--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_button_text--hover, #E2E4E7)", }, "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, #e1e3e6)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--active, rgba(255, 255, 255, 0.56))", }, "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))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha--hover, rgba(255, 255, 255, 0.52))", }, "normal": { "name": "--vkui--octavius_color_header_filter_text_alpha", - "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(39, 43, 55, 0.5))", + "value": "var(--vkui--octavius_color_header_filter_text_alpha, rgba(255, 255, 255, 0.48))", }, }, "octaviusColorHeaderIcon": { "active": { "name": "--vkui--octavius_color_header_icon--active", - "value": "var(--vkui--octavius_color_header_icon--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_header_icon--active, #60A6F5)", }, "hover": { "name": "--vkui--octavius_color_header_icon--hover", - "value": "var(--vkui--octavius_color_header_icon--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_header_icon--hover, #59A2F4)", }, "normal": { "name": "--vkui--octavius_color_header_icon", - "value": "var(--vkui--octavius_color_header_icon, #FFFFFF)", + "value": "var(--vkui--octavius_color_header_icon, #529ef4)", }, }, "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": { "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--octavius_color_header_progress", - "value": "var(--vkui--octavius_color_header_progress, #FF9E00)", + "value": "var(--vkui--octavius_color_header_progress, #529ef4)", }, }, "octaviusColorHeaderSearchBackground": { "active": { "name": "--vkui--octavius_color_header_search_background--active", - "value": "var(--vkui--octavius_color_header_search_background--active, #414141)", + "value": "var(--vkui--octavius_color_header_search_background--active, #1E1E1E)", }, "hover": { "name": "--vkui--octavius_color_header_search_background--hover", - "value": "var(--vkui--octavius_color_header_search_background--hover, #383838)", + "value": "var(--vkui--octavius_color_header_search_background--hover, #141414)", }, "normal": { "name": "--vkui--octavius_color_header_search_background", - "value": "var(--vkui--octavius_color_header_search_background, #303030)", + "value": "var(--vkui--octavius_color_header_search_background, #0a0a0a)", }, }, "octaviusColorHeaderSearchBackgroundCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_background_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #414141)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--active, #1E1E1E)", }, "hover": { "name": "--vkui--octavius_color_header_search_background_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #383838)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #141414)", }, "normal": { "name": "--vkui--octavius_color_header_search_background_collapsed", - "value": "var(--vkui--octavius_color_header_search_background_collapsed, #303030)", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #0a0a0a)", }, }, "octaviusColorHeaderSearchChipBackground": { "active": { "name": "--vkui--octavius_color_header_search_chip_background--active", - "value": "var(--vkui--octavius_color_header_search_chip_background--active, #4F4F4F)", + "value": "var(--vkui--octavius_color_header_search_chip_background--active, #2E2F30)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #484848)", + "value": "var(--vkui--octavius_color_header_search_chip_background--hover, #252627)", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background", - "value": "var(--vkui--octavius_color_header_search_chip_background, #404040)", + "value": "var(--vkui--octavius_color_header_search_chip_background, #1C1D1E)", }, }, "octaviusColorHeaderSearchChipBackgroundEditable": { "active": { "name": "--vkui--octavius_color_header_search_chip_background_editable--active", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #4D4D4D)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #414141)", }, "hover": { "name": "--vkui--octavius_color_header_search_chip_background_editable--hover", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #464646)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #393939)", }, "normal": { "name": "--vkui--octavius_color_header_search_chip_background_editable", - "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #3e3e3e)", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #313131)", }, }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { @@ -242552,169 +232835,169 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorHeaderSearchIcon": { "active": { "name": "--vkui--octavius_color_header_search_icon--active", - "value": "var(--vkui--octavius_color_header_search_icon--active, #BCBEC3)", + "value": "var(--vkui--octavius_color_header_search_icon--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_header_search_icon--hover", - "value": "var(--vkui--octavius_color_header_search_icon--hover, #B9BBC1)", + "value": "var(--vkui--octavius_color_header_search_icon--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_header_search_icon", - "value": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + "value": "var(--vkui--octavius_color_header_search_icon, #76787a)", }, }, "octaviusColorHeaderSearchText": { "active": { "name": "--vkui--octavius_color_header_search_text--active", - "value": "var(--vkui--octavius_color_header_search_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_header_search_text--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_header_search_text--hover", - "value": "var(--vkui--octavius_color_header_search_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_header_search_text--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_header_search_text", - "value": "var(--vkui--octavius_color_header_search_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_search_text, #76787a)", }, }, "octaviusColorHeaderSearchTextCollapsed": { "active": { "name": "--vkui--octavius_color_header_search_text_collapsed--active", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #95979D)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_header_search_text_collapsed--hover", - "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #919398)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_header_search_text_collapsed", - "value": "var(--vkui--octavius_color_header_search_text_collapsed, #8C8E94)", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #76787a)", }, }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", }, "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))", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, }, "octaviusColorHeaderTabTextActiveThemed": { "active": { "name": "--vkui--octavius_color_header_tab_text_active_themed--active", - "value": "var(--vkui--octavius_color_header_tab_text_active_themed--active, #E9EAEC)", + "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, #E8E9EB)", + "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, #E7E8EA)", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #0077ff)", }, }, "octaviusColorHeaderTextSecondary": { "active": { "name": "--vkui--octavius_color_header_text_secondary--active", - "value": "var(--vkui--octavius_color_header_text_secondary--active, #9C9EA3)", + "value": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_header_text_secondary--hover", - "value": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", + "value": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_header_text_secondary", - "value": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "value": "var(--vkui--octavius_color_header_text_secondary, #76787a)", }, }, "octaviusColorIconEvent": { "active": { "name": "--vkui--octavius_color_icon_event--active", - "value": "var(--vkui--octavius_color_icon_event--active, #4BC0FE)", + "value": "var(--vkui--octavius_color_icon_event--active, #1BAAFC)", }, "hover": { "name": "--vkui--octavius_color_icon_event--hover", - "value": "var(--vkui--octavius_color_icon_event--hover, #43BDFE)", + "value": "var(--vkui--octavius_color_icon_event--hover, #11A7FC)", }, "normal": { "name": "--vkui--octavius_color_icon_event", - "value": "var(--vkui--octavius_color_icon_event, #3BBAFE)", + "value": "var(--vkui--octavius_color_icon_event, #07a3fc)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_event_alpha--hover", - "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_event_alpha", - "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, }, "octaviusColorIconFavorite": { "active": { "name": "--vkui--octavius_color_icon_favorite--active", - "value": "var(--vkui--octavius_color_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_icon_favorite--active, #FF4356)", }, "hover": { "name": "--vkui--octavius_color_icon_favorite--hover", - "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_icon_favorite--hover, #FF3B4E)", }, "normal": { "name": "--vkui--octavius_color_icon_favorite", - "value": "var(--vkui--octavius_color_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)", }, }, "octaviusColorIconFees": { "active": { "name": "--vkui--octavius_color_icon_fees--active", - "value": "var(--vkui--octavius_color_icon_fees--active, #EF4C4C)", + "value": "var(--vkui--octavius_color_icon_fees--active, #E91515)", }, "hover": { "name": "--vkui--octavius_color_icon_fees--hover", - "value": "var(--vkui--octavius_color_icon_fees--hover, #EF4444)", + "value": "var(--vkui--octavius_color_icon_fees--hover, #E80B0B)", }, "normal": { "name": "--vkui--octavius_color_icon_fees", - "value": "var(--vkui--octavius_color_icon_fees, #EE3C3C)", + "value": "var(--vkui--octavius_color_icon_fees, #e70101)", }, }, "octaviusColorIconFinance": { "active": { "name": "--vkui--octavius_color_icon_finance--active", - "value": "var(--vkui--octavius_color_icon_finance--active, #36CB8A)", + "value": "var(--vkui--octavius_color_icon_finance--active, #34CD8D)", }, "hover": { "name": "--vkui--octavius_color_icon_finance--hover", - "value": "var(--vkui--octavius_color_icon_finance--hover, #2DC985)", + "value": "var(--vkui--octavius_color_icon_finance--hover, #2BCB88)", }, "normal": { "name": "--vkui--octavius_color_icon_finance", - "value": "var(--vkui--octavius_color_icon_finance, #24C780)", + "value": "var(--vkui--octavius_color_icon_finance, #22c983)", }, }, "octaviusColorIconGames": { "active": { "name": "--vkui--octavius_color_icon_games--active", - "value": "var(--vkui--octavius_color_icon_games--active, #F9C018)", + "value": "var(--vkui--octavius_color_icon_games--active, #FDD04D)", }, "hover": { "name": "--vkui--octavius_color_icon_games--hover", - "value": "var(--vkui--octavius_color_icon_games--hover, #F8BD0E)", + "value": "var(--vkui--octavius_color_icon_games--hover, #FDCE46)", }, "normal": { "name": "--vkui--octavius_color_icon_games", - "value": "var(--vkui--octavius_color_icon_games, #F8BA04)", + "value": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, }, "octaviusColorIconMailings": { @@ -242734,15 +233017,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconNews": { "active": { "name": "--vkui--octavius_color_icon_news--active", - "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "value": "var(--vkui--octavius_color_icon_news--active, #37C5ED)", }, "hover": { "name": "--vkui--octavius_color_icon_news--hover", - "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "value": "var(--vkui--octavius_color_icon_news--hover, #2FC3EC)", }, "normal": { "name": "--vkui--octavius_color_icon_news", - "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "value": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, }, "octaviusColorIconOfficial": { @@ -242762,29 +233045,29 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconOrder": { "active": { "name": "--vkui--octavius_color_icon_order--active", - "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_icon_order--active, #FF5FB2)", }, "hover": { "name": "--vkui--octavius_color_icon_order--hover", - "value": "var(--vkui--octavius_color_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_icon_order--hover, #FF58AE)", }, "normal": { "name": "--vkui--octavius_color_icon_order", - "value": "var(--vkui--octavius_color_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_icon_order, #ff51ab)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_order_alpha--hover", - "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_order_alpha", - "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, }, "octaviusColorIconReceipts": { @@ -242804,15 +233087,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconRegistration": { "active": { "name": "--vkui--octavius_color_icon_registration--active", - "value": "var(--vkui--octavius_color_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_icon_registration--active, #FFA814)", }, "hover": { "name": "--vkui--octavius_color_icon_registration--hover", - "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_icon_registration--hover, #FFA40A)", }, "normal": { "name": "--vkui--octavius_color_icon_registration", - "value": "var(--vkui--octavius_color_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_icon_registration, #ffa000)", }, }, "octaviusColorIconSchool": { @@ -242832,15 +233115,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconSocial": { "active": { "name": "--vkui--octavius_color_icon_social--active", - "value": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "value": "var(--vkui--octavius_color_icon_social--active, #7D92FF)", }, "hover": { "name": "--vkui--octavius_color_icon_social--hover", - "value": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "value": "var(--vkui--octavius_color_icon_social--hover, #788DFF)", }, "normal": { "name": "--vkui--octavius_color_icon_social", - "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "value": "var(--vkui--octavius_color_icon_social, #7288FF)", }, }, "octaviusColorIconToMyself": { @@ -242860,43 +233143,43 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorIconTravel": { "active": { "name": "--vkui--octavius_color_icon_travel--active", - "value": "var(--vkui--octavius_color_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_icon_travel--active, #C22BFF)", }, "hover": { "name": "--vkui--octavius_color_icon_travel--hover", - "value": "var(--vkui--octavius_color_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_icon_travel--hover, #C022FF)", }, "normal": { "name": "--vkui--octavius_color_icon_travel", - "value": "var(--vkui--octavius_color_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_icon_travel, #bd19ff)", }, }, "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))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", }, "hover": { "name": "--vkui--octavius_color_icon_travel_alpha--hover", - "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(255, 255, 255, 0.16))", + "value": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", }, "normal": { "name": "--vkui--octavius_color_icon_travel_alpha", - "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--octavius_color_icon_unread", - "value": "var(--vkui--octavius_color_icon_unread, #0C7CFF)", + "value": "var(--vkui--octavius_color_icon_unread, #529ef4)", }, }, "octaviusColorLayoutBorderAlpha": { @@ -243004,15 +233287,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorListBackgroundPositiveTagsOutline": { "active": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--active", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #38403B)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #F3FAF5)", }, "hover": { "name": "--vkui--octavius_color_list_background_positive_tags_outline--hover", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #303733)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #F3FAF4)", }, "normal": { "name": "--vkui--octavius_color_list_background_positive_tags_outline", - "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #272F2A)", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, }, "octaviusColorListIconPrimary": { @@ -243032,43 +233315,43 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorListLetterAdvBackground": { "active": { "name": "--vkui--octavius_color_list_letter_adv_background--active", - "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #282828)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--active, #F1F6FF)", }, "hover": { "name": "--vkui--octavius_color_list_letter_adv_background--hover", - "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #1E1E1E)", + "value": "var(--vkui--octavius_color_list_letter_adv_background--hover, #F1F5FF)", }, "normal": { "name": "--vkui--octavius_color_list_letter_adv_background", - "value": "var(--vkui--octavius_color_list_letter_adv_background, #151515)", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, }, "octaviusColorListLetterBackground": { "active": { "name": "--vkui--octavius_color_list_letter_background--active", - "value": "var(--vkui--octavius_color_list_letter_background--active, #353536)", + "value": "var(--vkui--octavius_color_list_letter_background--active, #353535)", }, "hover": { "name": "--vkui--octavius_color_list_letter_background--hover", - "value": "var(--vkui--octavius_color_list_letter_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_list_letter_background--hover, #2B2B2C)", }, "normal": { "name": "--vkui--octavius_color_list_letter_background", - "value": "var(--vkui--octavius_color_list_letter_background, #232324)", + "value": "var(--vkui--octavius_color_list_letter_background, #19191A)", }, }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(255, 255, 255, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--octavius_color_list_letter_separator_alpha", - "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 0, 0, 0.4))", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(255, 255, 255, 0.12))", }, }, "octaviusColorListTextPrimary": { @@ -243102,15 +233385,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorNotificationBorder": { "active": { "name": "--vkui--octavius_color_notification_border--active", - "value": "var(--vkui--octavius_color_notification_border--active, #141414)", + "value": "var(--vkui--octavius_color_notification_border--active, #D7D8DB)", }, "hover": { "name": "--vkui--octavius_color_notification_border--hover", - "value": "var(--vkui--octavius_color_notification_border--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_notification_border--hover, #EBEDF0)", }, "normal": { "name": "--vkui--octavius_color_notification_border", - "value": "var(--vkui--octavius_color_notification_border, #000000)", + "value": "var(--vkui--octavius_color_notification_border, #FFFFFF)", }, }, "octaviusColorOverlayBackground": { @@ -243130,71 +233413,71 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorPlaceholderBackground": { "active": { "name": "--vkui--octavius_color_placeholder_background--active", - "value": "var(--vkui--octavius_color_placeholder_background--active, #141414)", + "value": "var(--vkui--octavius_color_placeholder_background--active, #292929)", }, "hover": { "name": "--vkui--octavius_color_placeholder_background--hover", - "value": "var(--vkui--octavius_color_placeholder_background--hover, #0A0A0A)", + "value": "var(--vkui--octavius_color_placeholder_background--hover, #1F1F1F)", }, "normal": { "name": "--vkui--octavius_color_placeholder_background", - "value": "var(--vkui--octavius_color_placeholder_background, #000000)", + "value": "var(--vkui--octavius_color_placeholder_background, #161616)", }, }, "octaviusColorPortalMenuBackground": { "active": { "name": "--vkui--octavius_color_portal_menu_background--active", - "value": "var(--vkui--octavius_color_portal_menu_background--active, #353536)", + "value": "var(--vkui--octavius_color_portal_menu_background--active, #313131)", }, "hover": { "name": "--vkui--octavius_color_portal_menu_background--hover", - "value": "var(--vkui--octavius_color_portal_menu_background--hover, #2C2C2D)", + "value": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", }, "normal": { "name": "--vkui--octavius_color_portal_menu_background", - "value": "var(--vkui--octavius_color_portal_menu_background, #232324)", + "value": "var(--vkui--octavius_color_portal_menu_background, rgb(31, 31, 31))", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", }, "normal": { "name": "--vkui--octavius_color_portal_search_background_alpha", - "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .08))", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", }, "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))", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, }, "octaviusColorPromoBackground": { "active": { "name": "--vkui--octavius_color_promo_background--active", - "value": "var(--vkui--octavius_color_promo_background--active, #414141)", + "value": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", }, "hover": { "name": "--vkui--octavius_color_promo_background--hover", - "value": "var(--vkui--octavius_color_promo_background--hover, #383838)", + "value": "var(--vkui--octavius_color_promo_background--hover, #323232)", }, "normal": { "name": "--vkui--octavius_color_promo_background", - "value": "var(--vkui--octavius_color_promo_background, #303030)", + "value": "var(--vkui--octavius_color_promo_background, #292929)", }, }, "octaviusColorSidebarButtonBackground": { @@ -243284,151 +233567,151 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.38))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(255, 255, 255, 0.34))", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_background_alpha", - "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + "value": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(255, 255, 255, 0.30))", }, }, "octaviusColorSidebarCounterText": { "active": { "name": "--vkui--octavius_color_sidebar_counter_text--active", - "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_counter_text--hover", - "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_counter_text", - "value": "var(--vkui--octavius_color_sidebar_counter_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #e1e3e6)", }, }, "octaviusColorSidebarIconEvent": { "active": { "name": "--vkui--octavius_color_sidebar_icon_event--active", - "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #4BC0FE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--active, #1BAAFC)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_event--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #43BDFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event--hover, #11A7FC)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_event", - "value": "var(--vkui--octavius_color_sidebar_icon_event, #3BBAFE)", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", }, }, "octaviusColorSidebarIconFavorite": { "active": { "name": "--vkui--octavius_color_sidebar_icon_favorite--active", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF545E)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF4356)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_favorite--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF4C57)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF3B4E)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_favorite", - "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF4550)", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", }, }, "octaviusColorSidebarIconFees": { "active": { "name": "--vkui--octavius_color_sidebar_icon_fees--active", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #EF4C4C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--active, #E91515)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_fees--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #EF4444)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #E80B0B)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_fees", - "value": "var(--vkui--octavius_color_sidebar_icon_fees, #EE3C3C)", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", }, }, "octaviusColorSidebarIconFinance": { "active": { "name": "--vkui--octavius_color_sidebar_icon_finance--active", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #36CB8A)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--active, #34CD8D)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_finance--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC985)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2BCB88)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_finance", - "value": "var(--vkui--octavius_color_sidebar_icon_finance, #24C780)", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", }, }, "octaviusColorSidebarIconOrder": { "active": { "name": "--vkui--octavius_color_sidebar_icon_order--active", - "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #F95AAA)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--active, #FF5FB2)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_order--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F953A7)", + "value": "var(--vkui--octavius_color_sidebar_icon_order--hover, #FF58AE)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_order", - "value": "var(--vkui--octavius_color_sidebar_icon_order, #F94CA3)", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", }, }, "octaviusColorSidebarIconRegistration": { "active": { "name": "--vkui--octavius_color_sidebar_icon_registration--active", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA447)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA814)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_registration--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA03F)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA40A)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_registration", - "value": "var(--vkui--octavius_color_sidebar_icon_registration, #FF9C37)", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", }, }, "octaviusColorSidebarIconTravel": { "active": { "name": "--vkui--octavius_color_sidebar_icon_travel--active", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C66AF4)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C22BFF)", }, "hover": { "name": "--vkui--octavius_color_sidebar_icon_travel--hover", - "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C363F3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C022FF)", }, "normal": { "name": "--vkui--octavius_color_sidebar_icon_travel", - "value": "var(--vkui--octavius_color_sidebar_icon_travel, #C15DF3)", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", }, }, "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, #3792ED)", }, "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, #2F8DEC)", }, "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, #2688eb)", }, }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.2))", }, "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))", + "value": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.16))", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_background_alpha", @@ -243452,15 +233735,15 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon", - "value": "var(--vkui--octavius_color_sidebar_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #e1e3e6)", }, }, "octaviusColorSidebarItemIconActive": { @@ -243480,43 +233763,43 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemIconPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_primary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #e1e3e6)", }, }, "octaviusColorSidebarItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #76787a)", }, }, "octaviusColorSidebarItemText": { "active": { "name": "--vkui--octavius_color_sidebar_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text", - "value": "var(--vkui--octavius_color_sidebar_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text, #e1e3e6)", }, }, "octaviusColorSidebarItemTextActive": { @@ -243536,29 +233819,29 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarItemTextPrimary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_primary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #3D3E3F)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #343536)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_primary", - "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, }, "octaviusColorSidebarItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #76787a)", }, }, "octaviusColorSidebarScrollbarAlpha": { @@ -243578,85 +233861,85 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorSidebarShortItemIcon": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #e1e3e6)", }, }, "octaviusColorSidebarShortItemIconActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #e1e3e6)", }, }, "octaviusColorSidebarShortItemIconSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #A4A5A9)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #9C9DA2)", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #76787a)", }, }, "octaviusColorSidebarShortItemText": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E9EAEC)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E8E9EB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text", - "value": "var(--vkui--octavius_color_sidebar_short_item_text, #E7E8EA)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #e1e3e6)", }, }, "octaviusColorSidebarShortItemTextActive": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #D7D8DB)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #E3E5E8)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #EBEDF0)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #E2E4E7)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #FFFFFF)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #e1e3e6)", }, }, "octaviusColorSidebarShortItemTextSecondary": { "active": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #95979D)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #919398)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", - "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #8C8E94)", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #76787a)", }, }, "octaviusColorSidebarWidgetBackgroundAlpha": { @@ -243802,127 +234085,127 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` "octaviusColorTextFees": { "active": { "name": "--vkui--octavius_color_text_fees--active", - "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "value": "var(--vkui--octavius_color_text_fees--active, #FF4040)", }, "hover": { "name": "--vkui--octavius_color_text_fees--hover", - "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "value": "var(--vkui--octavius_color_text_fees--hover, #FF3737)", }, "normal": { "name": "--vkui--octavius_color_text_fees", - "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, }, "octaviusColorTextFinance": { "active": { "name": "--vkui--octavius_color_text_finance--active", - "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "value": "var(--vkui--octavius_color_text_finance--active, #38B880)", }, "hover": { "name": "--vkui--octavius_color_text_finance--hover", - "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "value": "var(--vkui--octavius_color_text_finance--hover, #30B57B)", }, "normal": { "name": "--vkui--octavius_color_text_finance", - "value": "var(--vkui--octavius_color_text_finance, #52C392)", + "value": "var(--vkui--octavius_color_text_finance, #27B275)", }, }, "octaviusColorTextGames": { "active": { "name": "--vkui--octavius_color_text_games--active", - "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "value": "var(--vkui--octavius_color_text_games--active, #EDB514)", }, "hover": { "name": "--vkui--octavius_color_text_games--hover", - "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "value": "var(--vkui--octavius_color_text_games--hover, #ECB20A)", }, "normal": { "name": "--vkui--octavius_color_text_games", - "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "value": "var(--vkui--octavius_color_text_games, #EBAF00)", }, }, "octaviusColorTextMailings": { "active": { "name": "--vkui--octavius_color_text_mailings--active", - "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "value": "var(--vkui--octavius_color_text_mailings--active, #FC9328)", }, "hover": { "name": "--vkui--octavius_color_text_mailings--hover", - "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "value": "var(--vkui--octavius_color_text_mailings--hover, #FC8F1E)", }, "normal": { "name": "--vkui--octavius_color_text_mailings", - "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, }, "octaviusColorTextNews": { "active": { "name": "--vkui--octavius_color_text_news--active", - "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "value": "var(--vkui--octavius_color_text_news--active, #1CB2DC)", }, "hover": { "name": "--vkui--octavius_color_text_news--hover", - "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "value": "var(--vkui--octavius_color_text_news--hover, #12AEDB)", }, "normal": { "name": "--vkui--octavius_color_text_news", - "value": "var(--vkui--octavius_color_text_news, #37C1E8)", + "value": "var(--vkui--octavius_color_text_news, #08ABD9)", }, }, "octaviusColorTextSchool": { "active": { "name": "--vkui--octavius_color_text_school--active", - "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "value": "var(--vkui--octavius_color_text_school--active, #CD88EE)", }, "hover": { "name": "--vkui--octavius_color_text_school--hover", - "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "value": "var(--vkui--octavius_color_text_school--hover, #CB83ED)", }, "normal": { "name": "--vkui--octavius_color_text_school", - "value": "var(--vkui--octavius_color_text_school, #D392F2)", + "value": "var(--vkui--octavius_color_text_school, #C97EEC)", }, }, "octaviusColorTextSocial": { "active": { "name": "--vkui--octavius_color_text_social--active", - "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "value": "var(--vkui--octavius_color_text_social--active, #6376DC)", }, "hover": { "name": "--vkui--octavius_color_text_social--hover", - "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "value": "var(--vkui--octavius_color_text_social--hover, #5C70DB)", }, "normal": { "name": "--vkui--octavius_color_text_social", - "value": "var(--vkui--octavius_color_text_social, #7688E9)", + "value": "var(--vkui--octavius_color_text_social, #556AD9)", }, }, "octaviusColorTextToMyself": { "active": { "name": "--vkui--octavius_color_text_to_myself--active", - "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "value": "var(--vkui--octavius_color_text_to_myself--active, #26BAC4)", }, "hover": { "name": "--vkui--octavius_color_text_to_myself--hover", - "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #1CB7C2)", }, "normal": { "name": "--vkui--octavius_color_text_to_myself", - "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, }, "octaviusColorThreadFooterBackground": { "active": { "name": "--vkui--octavius_color_thread_footer_background--active", - "value": "var(--vkui--octavius_color_thread_footer_background--active, #414141)", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #3E3E3F)", }, "hover": { "name": "--vkui--octavius_color_thread_footer_background--hover", - "value": "var(--vkui--octavius_color_thread_footer_background--hover, #383838)", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #353536)", }, "normal": { "name": "--vkui--octavius_color_thread_footer_background", - "value": "var(--vkui--octavius_color_thread_footer_background, #303030)", + "value": "var(--vkui--octavius_color_thread_footer_background, #2D2D2E)", }, }, "octaviusElevationCard": { @@ -243931,7 +234214,7 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` }, "octaviusElevationHeader": { "name": "--vkui--octavius_elevation_header", - "value": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "value": "var(--vkui--octavius_elevation_header, none)", }, "octaviusFilterSidebarItemIcon": { "name": "--vkui--octavius_filter_sidebar_item_icon", @@ -243939,23 +234222,23 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` }, "octaviusFontFamilyDefault": { "name": "--vkui--octavius_font_family_default", - "value": "var(--vkui--octavius_font_family_default, HelveticaNeue, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyDisplay": { "name": "--vkui--octavius_font_family_display", - "value": "var(--vkui--octavius_font_family_display, inherit)", + "value": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyGlobal": { "name": "--vkui--octavius_font_family_global", - "value": "var(--vkui--octavius_font_family_global, Arial, Tahoma, Verdana, sans-serif)", + "value": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", }, "octaviusFontFamilyMac": { "name": "--vkui--octavius_font_family_mac", - "value": "var(--vkui--octavius_font_family_mac, Helvetica, Arial, Tahoma, Verdana, sans-serif)", + "value": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, 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)", + "value": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, Helvetica, Arial, sans-serif)", }, "octaviusImageBackground": { "name": "--vkui--octavius_image_background", @@ -245401,7 +235684,7 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, octaviusWhiteDark)", + "value": "var(--vkui--theme_name, octaviusVKDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -245523,7 +235806,7 @@ exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusVKDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -245546,39 +235829,39 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", "hover": "#F1634B", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { "active": "#FFC56F", @@ -245586,39 +235869,39 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#FFC062", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", "hover": "#F166C3", - "normal": "#F060C0", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAlert": { "active": "#C6442D", @@ -245626,9 +235909,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#c1341b", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 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)", @@ -245636,19 +235919,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -245666,24 +235949,24 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#19191A", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -245696,9 +235979,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -245706,19 +235989,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -245728,87 +236011,87 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "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": "#EEFAF4", + "hover": "#EDFAF3", + "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSky": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#D0E6FF", + "hover": "#CEE5FF", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#EDEEF0", + "hover": "#ECEDF0", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -245816,34 +236099,34 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": "#FFFCE2", + "hover": "#FFFCE1", + "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": "#FFFCE2", + "hover": "#FFFCE1", + "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": "#222223", + "hover": "#1F1F20", + "normal": "#1B1B1C", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -245871,19 +236154,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#232324", }, "colorFieldBorderAlpha": { - "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)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -245898,67 +236181,67 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "colorIconContrastSecondary": { "active": "#F3F4F6", "hover": "#F3F3F5", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { "active": "#B6B7BC", "hover": "#B3B4B9", - "normal": "#B0B1B6", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -245966,14 +236249,14 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 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": "#D7D8DB", @@ -245981,14 +236264,14 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -246081,9 +236364,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorRating": { "active": "#FFD714", @@ -246091,9 +236374,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -246101,39 +236384,39 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorSocialBehance": { "active": "#2A75FF", @@ -246171,9 +236454,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -246188,17 +236471,17 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", - "normal": "#76787A", + "normal": "#76787a", }, "colorTagBackgroundMint": { "active": "#B9F1E0", @@ -246251,9 +236534,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#203F5B", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -246266,14 +236549,14 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -246283,32 +236566,32 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "colorTextLinkTint": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -246316,14 +236599,14 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -246331,69 +236614,69 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "rgba(230, 70, 70, 0.2)", + "hover": "rgba(230, 70, 70, 0.16)", + "normal": "rgba(230, 70, 70, 0.12)", }, "colorTooltipBackgroundBlueTint": { + "active": "#E0EBFF", + "hover": "#DEEAFF", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#D2EFE8", + "hover": "#D0EFE7", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#F9D7C2", + "hover": "#F9D5C0", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#F3EAFF", + "hover": "#F3E9FF", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { "active": "#2E5384", "hover": "#254B7E", "normal": "#1C4479", }, - "colorTooltipBackgroundGreenTint": { + "colorTooltipTextGreenThemed": { "active": "#1C8679", "hover": "#128173", "normal": "#087C6D", }, - "colorTooltipBackgroundOrangeTint": { + "colorTooltipTextOrangeThemed": { "active": "#83563B", "hover": "#7D4E33", "normal": "#78472A", }, - "colorTooltipBackgroundPurpleTint": { + "colorTooltipTextPurpleThemed": { "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", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -246401,19 +236684,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -246421,14 +236704,14 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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)", + "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", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -246436,17 +236719,16 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, - "letterSpacing": "0.26px", "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, "lineHeight": "14px", @@ -246454,17 +236736,16 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "11px", "fontWeight": 400, - "letterSpacing": "0.22px", "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, "lineHeight": "12px", @@ -246472,10 +236753,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "9px", "fontWeight": 400, - "letterSpacing": "0.16px", "lineHeight": "12px", "textTransform": "uppercase", }, @@ -246518,12 +236798,12 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, "lineHeight": "18px", @@ -246531,10 +236811,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "13px", "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, @@ -246545,9 +236824,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "lineHeight": "52px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "28px", "fontWeight": 500, + "letterSpacing": "-0.56px", "lineHeight": "32px", }, }, @@ -246557,9 +236837,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, + "letterSpacing": "-0.48px", "lineHeight": "28px", }, }, @@ -246569,32 +236850,25 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, + "letterSpacing": "-0.4px", "lineHeight": "26px", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", }, @@ -246620,32 +236894,24 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -246653,7 +236919,7 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -246661,10 +236927,10 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, - "lineHeight": "22px", + "lineHeight": "24px", }, }, "fontWeightAccent1": 500, @@ -246673,19 +236939,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#316935", + "hover": "#28632C", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -246693,19 +236959,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "active": "rgba(82, 158, 244, 0.2)", + "hover": "rgba(82, 158, 244, 0.16)", + "normal": "rgba(82, 158, 244, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -246713,19 +236979,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { "active": "#E9EAEC", @@ -246738,19 +237004,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "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.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorEmptyStateTextLink": { "active": "#E9EAEC", @@ -246758,9 +237024,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#161616", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -246768,59 +237034,59 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#60A6F5", + "hover": "#59A2F4", + "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": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#414141", + "hover": "#393939", + "normal": "#313131", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "rgba(255, 255, 255, 0.56)", @@ -246828,64 +237094,64 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", - "normal": "#b6b8be", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", - "normal": "#93969b", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#1BAAFC", + "hover": "#11A7FC", + "normal": "#07a3fc", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "octaviusColorIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#E91515", + "hover": "#E80B0B", + "normal": "#e70101", }, "octaviusColorIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#34CD8D", + "hover": "#2BCB88", + "normal": "#22c983", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#FDD04D", + "hover": "#FDCE46", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { "active": "#FFAB56", @@ -246893,9 +237159,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#37C5ED", + "hover": "#2FC3EC", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { "active": "#EE565E", @@ -246903,14 +237169,14 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#FF5FB2", + "hover": "#FF58AE", + "normal": "#ff51ab", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { "active": "#7FC419", @@ -246918,9 +237184,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "octaviusColorIconSchool": { "active": "#CD88EE", @@ -246928,9 +237194,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#7D92FF", + "hover": "#788DFF", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { "active": "#2FCBD6", @@ -246938,19 +237204,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#C22BFF", + "hover": "#C022FF", + "normal": "#bd19ff", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -246989,9 +237255,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#F3FAF5", + "hover": "#F3FAF4", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { "active": "#3D3E3F", @@ -246999,19 +237265,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#F1F6FF", + "hover": "#F1F5FF", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#19191A", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorListTextPrimary": { "active": "#3D3E3F", @@ -247024,9 +237290,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -247034,29 +237300,29 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "transparent", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#292929", + "hover": "#1F1F1F", + "normal": "#161616", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#313131", + "hover": "#282828", + "normal": "rgb(31, 31, 31)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "octaviusColorSidebarButtonBackground": { "active": "#D7D8DB", @@ -247089,58 +237355,58 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#1BAAFC", + "hover": "#11A7FC", + "normal": "#07a3fc", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#E91515", + "hover": "#E80B0B", + "normal": "#e70101", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#34CD8D", + "hover": "#2BCB88", + "normal": "#22c983", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#FF5FB2", + "hover": "#FF58AE", + "normal": "#ff51ab", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#C22BFF", + "hover": "#C022FF", + "normal": "#bd19ff", }, "octaviusColorSidebarIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -247149,9 +237415,9 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemIconActive": { "active": "#D7D8DB", @@ -247159,19 +237425,19 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemTextActive": { "active": "#D7D8DB", @@ -247179,14 +237445,14 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -247194,34 +237460,34 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -247274,58 +237540,58 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#FF4040", + "hover": "#FF3737", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#38B880", + "hover": "#30B57B", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#EDB514", + "hover": "#ECB20A", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#FC9328", + "hover": "#FC8F1E", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#1CB2DC", + "hover": "#12AEDB", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#CD88EE", + "hover": "#CB83ED", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#6376DC", + "hover": "#5C70DB", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#26BAC4", + "hover": "#1CB7C2", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3E3E3F", + "hover": "#353536", + "normal": "#2D2D2E", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusElevationHeader": "none", "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", + "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", + "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -247751,7 +238017,7 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "octaviusWhiteDark", + "themeName": "octaviusVKDark", "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, @@ -247785,7 +238051,7 @@ exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot } `; -exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusVKDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -247808,39 +238074,39 @@ exports[`shapshots octaviusWhiteDark 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, #7CB1ED)", + "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "normal": "var(--vkui--color_accent_blue, #71aaeb)", }, "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": "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, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "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, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "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, #BEFC80)", - "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", - "normal": "var(--vkui--color_accent_lime, #B8FC75)", + "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, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "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)", "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)", @@ -247848,39 +238114,39 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--color_accent_orange_peach, #FFC062)", }, "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": "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "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)", "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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "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, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAlert": { "active": "var(--vkui--color_alert--active, #C6442D)", @@ -247888,9 +238154,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--color_alert, #c1341b)", }, "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(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))", @@ -247898,19 +238164,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #FFA614)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #FFA20A)", - "normal": "var(--vkui--color_background_accent_alternative, #FF9E00)", + "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)", @@ -247928,24 +238194,24 @@ exports[`shapshots octaviusWhiteDark 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.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, #353536)", - "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_content, #232324)", + "active": "var(--vkui--color_background_content--active, #353535)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2C)", + "normal": "var(--vkui--color_background_content, #19191A)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -247958,9 +238224,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", - "normal": "var(--vkui--color_background_contrast_inverse, #303030)", + "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))", @@ -247968,19 +238234,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "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)", @@ -247990,87 +238256,87 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "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, #20C774)", - "hover": "var(--vkui--color_background_positive--hover, #17C46E)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "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, #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, #3F4D3C)", + "hover": "var(--vkui--color_background_positive_tint--hover, #364633)", + "normal": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, "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, #EEFAF4)", + "hover": "var(--vkui--color_background_positive_tint_themed--hover, #EDFAF3)", + "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, #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.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))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.08))", }, "colorBackgroundSky": { - "active": "var(--vkui--color_background_sky--active, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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(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))", + "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, #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.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(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))", }, "colorBackgroundThumbnail": { - "active": "var(--vkui--color_background_thumbnail--active, #313131)", - "hover": "var(--vkui--color_background_thumbnail--hover, #282828)", - "normal": "var(--vkui--color_background_thumbnail, #1F1F1F)", + "active": "var(--vkui--color_background_thumbnail--active, #EDEEF0)", + "hover": "var(--vkui--color_background_thumbnail--hover, #ECEDF0)", + "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", }, "colorBackgroundThumbnailAlpha": { "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(255, 255, 255, 0.16))", @@ -248078,34 +238344,34 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(255, 255, 255, 0.08))", }, "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, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", }, "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, #FFFCE2)", + "hover": "var(--vkui--color_background_warning_tint--hover, #FFFCE1)", + "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, #FFFCE2)", + "hover": "var(--vkui--color_background_warning_tint_themed--hover, #FFFCE1)", + "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, #222223)", + "hover": "var(--vkui--color_button_contrast--hover, #1F1F20)", + "normal": "var(--vkui--color_button_contrast, #1B1B1C)", }, "colorButtonContrastAlpha": { "active": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", @@ -248133,19 +238399,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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))", + "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, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "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, #4C8CFD)", - "hover": "var(--vkui--color_icon_accent--hover, #4487FD)", - "normal": "var(--vkui--color_icon_accent, #3C82FD)", + "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)", @@ -248160,67 +238426,67 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #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, #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, #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(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(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, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "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, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "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, #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, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "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(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(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, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "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(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(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, #FFA614)", - "hover": "var(--vkui--color_icon_warning--hover, #FFA20A)", - "normal": "var(--vkui--color_icon_warning, #FF9E00)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "colorImageBorderAlpha": { "active": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))", @@ -248228,14 +238494,14 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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, #D7D8DB)", @@ -248243,14 +238509,14 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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.40))", }, "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPaletteBlue1": { "active": "var(--vkui--color_palette_blue1--active, #3A5FFF)", @@ -248343,9 +238609,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #7CB1ED)", + "hover": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", + "normal": "var(--vkui--color_panel_header_icon, #71aaeb)", }, "colorRating": { "active": "var(--vkui--color_rating--active, #FFD714)", @@ -248353,9 +238619,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #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)", @@ -248363,39 +238629,39 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "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, #323234)", - "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", - "normal": "var(--vkui--color_separator_primary2x, #202022)", + "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, #3E3E40)", - "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", - "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "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, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "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, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "hover": "var(--vkui--color_skeleton_to--hover, #343536)", + "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", }, "colorSocialBehance": { "active": "var(--vkui--color_social_behance--active, #2A75FF)", @@ -248433,9 +238699,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #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)", @@ -248450,17 +238716,17 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "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, #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)", }, "colorTagBackgroundMint": { "active": "var(--vkui--color_tag_background_mint--active, #B9F1E0)", @@ -248513,9 +238779,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #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, #D7D8DB)", @@ -248528,14 +238794,14 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #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, #65A3FF)", - "hover": "var(--vkui--color_text_link--hover, #5F9FFF)", - "normal": "var(--vkui--color_text_link, #589BFF)", + "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)", @@ -248545,32 +238811,32 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, #6098E2)", - "hover": "var(--vkui--color_text_link_visited--hover, #5993E0)", - "normal": "var(--vkui--color_text_link_visited, #528FDF)", + "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, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "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, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "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, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", @@ -248578,14 +238844,14 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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": "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, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", @@ -248593,69 +238859,69 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "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": "var(--vkui--color_thumb_error_background_alpha--active, rgba(230, 70, 70, 0.2))", + "hover": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(230, 70, 70, 0.16))", + "normal": "var(--vkui--color_thumb_error_background_alpha, rgba(230, 70, 70, 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, #E0EBFF)", + "hover": "var(--vkui--color_tooltip_background_blue_tint--hover, #DEEAFF)", + "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, #D2EFE8)", + "hover": "var(--vkui--color_tooltip_background_green_tint--hover, #D0EFE7)", + "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, #F9D7C2)", + "hover": "var(--vkui--color_tooltip_background_orange_tint--hover, #F9D5C0)", + "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, #F3EAFF)", + "hover": "var(--vkui--color_tooltip_background_purple_tint--hover, #F3E9FF)", + "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, #2E5384)", + "hover": "var(--vkui--color_tooltip_text_blue_themed--hover, #254B7E)", + "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, #1C8679)", + "hover": "var(--vkui--color_tooltip_text_green_themed--hover, #128173)", + "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, #83563B)", + "hover": "var(--vkui--color_tooltip_text_orange_themed--hover, #7D4E33)", + "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, #7E5FA7)", + "hover": "var(--vkui--color_tooltip_text_purple_themed--hover, #7958A3)", + "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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": "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))", @@ -248663,19 +238929,19 @@ exports[`shapshots octaviusWhiteDark 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, #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, #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, #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, #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))", @@ -248683,14 +238949,14 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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))", + "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)", + "fontFamily": "var(--vkui--font_caption1--font_family--regular, VKSansText, 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)", @@ -248698,17 +238964,16 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, "fontCaption1Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption1_caps--font_family--regular, VKSansText, 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)", + "fontFamily": "var(--vkui--font_caption2--font_family--regular, VKSansText, 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)", @@ -248716,17 +238981,16 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, "fontCaption2Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption2_caps--font_family--regular, VKSansText, 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)", + "fontFamily": "var(--vkui--font_caption3--font_family--regular, VKSansText, 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)", @@ -248734,10 +238998,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, "fontCaption3Caps": { "regular": { - "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_caption3_caps--font_family--regular, VKSansText, 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)", }, @@ -248780,12 +239043,12 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontFamilyBase": "var(--vkui--font_family_base, VKSansText, 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)", + "fontFamily": "var(--vkui--font_footnote--font_family--regular, VKSansText, 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)", @@ -248793,10 +239056,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, "fontFootnoteCaps": { "regular": { - "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_footnote_caps--font_family--regular, VKSansText, 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)", }, @@ -248807,9 +239069,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h0--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h0--font_size--regular, 28px)", "fontWeight": "var(--vkui--font_h0--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h0--letter_spacing--regular, -0.56px)", "lineHeight": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, @@ -248819,9 +239082,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "regular": { - "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h1--font_size--regular, 24px)", "fontWeight": "var(--vkui--font_h1--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h1--letter_spacing--regular, -0.48px)", "lineHeight": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, @@ -248831,32 +239095,25 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "regular": { - "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "fontFamily": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_h2--font_size--regular, 20px)", "fontWeight": "var(--vkui--font_h2--font_weight--regular, 500)", + "letterSpacing": "var(--vkui--font_h2--letter_spacing--regular, -0.4px)", "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)", + "fontFamily": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, Helvetica, Arial, sans-serif)", + "fontSize": "var(--vkui--font_headline--font_size--regular, 15px)", "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)", + "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, Helvetica, 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)", }, @@ -248882,32 +239139,24 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, }, "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, VKSansText, 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)", + "fontFamily": "var(--vkui--font_text--font_family--regular, VKSansText, Helvetica, 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, 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)", "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", @@ -248915,7 +239164,7 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, "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)", @@ -248923,10 +239172,10 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar }, "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, 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)", @@ -248935,19 +239184,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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%)", "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)", + "active": "var(--vkui--octavius_color_action_archive--active, #316935)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #28632C)", + "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, "octaviusColorBackground": { - "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", - "hover": "var(--vkui--octavius_color_background--hover, #222223)", - "normal": "var(--vkui--octavius_color_background, #19191A)", + "active": "var(--vkui--octavius_color_background--active, #141414)", + "hover": "var(--vkui--octavius_color_background--hover, #0A0A0A)", + "normal": "var(--vkui--octavius_color_background, #000000)", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "var(--vkui--octavius_color_background_accent_tint_alpha--active, rgba(0, 95, 249, 0.2))", @@ -248955,19 +239204,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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, 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))", + "active": "var(--vkui--octavius_color_background_accent_toned_alpha--active, rgba(82, 158, 244, 0.2))", + "hover": "var(--vkui--octavius_color_background_accent_toned_alpha--hover, rgba(82, 158, 244, 0.16))", + "normal": "var(--vkui--octavius_color_background_accent_toned_alpha, rgba(82, 158, 244, 0.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))", + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, "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))", + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, "octaviusColorButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -248975,19 +239224,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", }, "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))", + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, "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))", + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, "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)", + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #343536)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, "octaviusColorButtonIcon": { "active": "var(--vkui--octavius_color_button_icon--active, #E9EAEC)", @@ -249000,19 +239249,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_button_text, #E7E8EA)", }, "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))", + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(255, 255, 255, 0.28))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(255, 255, 255, 0.24))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(255, 255, 255, 0.2))", }, "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)", + "active": "var(--vkui--octavius_color_dataset_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_dataset_background, #19191a)", }, "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)", + "active": "var(--vkui--octavius_color_empty_state_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_empty_state_text, #e1e3e6)", }, "octaviusColorEmptyStateTextLink": { "active": "var(--vkui--octavius_color_empty_state_text_link--active, #E9EAEC)", @@ -249020,9 +239269,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_empty_state_text_link, #E7E8EA)", }, "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)", + "active": "var(--vkui--octavius_color_header_background--active, #353535)", + "hover": "var(--vkui--octavius_color_header_background--hover, #2B2B2C)", + "normal": "var(--vkui--octavius_color_header_background, #161616)", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "var(--vkui--octavius_color_header_button_background_alpha--active, rgba(255, 255, 255, 0.2))", @@ -249030,59 +239279,59 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_header_button_background_alpha, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_header_button_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_header_button_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_header_button_text, #e1e3e6)", }, "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))", + "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, 0.48))", }, "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)", + "active": "var(--vkui--octavius_color_header_icon--active, #60A6F5)", + "hover": "var(--vkui--octavius_color_header_icon--hover, #59A2F4)", + "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, #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, #60A6F5)", + "hover": "var(--vkui--octavius_color_header_progress--hover, #59A2F4)", + "normal": "var(--vkui--octavius_color_header_progress, #529ef4)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_background--active, #1E1E1E)", + "hover": "var(--vkui--octavius_color_header_search_background--hover, #141414)", + "normal": "var(--vkui--octavius_color_header_search_background, #0a0a0a)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_background_collapsed--active, #1E1E1E)", + "hover": "var(--vkui--octavius_color_header_search_background_collapsed--hover, #141414)", + "normal": "var(--vkui--octavius_color_header_search_background_collapsed, #0a0a0a)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_chip_background--active, #2E2F30)", + "hover": "var(--vkui--octavius_color_header_search_chip_background--hover, #252627)", + "normal": "var(--vkui--octavius_color_header_search_chip_background, #1C1D1E)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_chip_background_editable--active, #414141)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #393939)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #313131)", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(255, 255, 255, 0.56))", @@ -249090,64 +239339,64 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(255, 255, 255, .48))", }, "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)", + "active": "var(--vkui--octavius_color_header_search_icon--active, #818385)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_header_search_icon, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text--active, #818385)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_header_search_text, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #818385)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #76787a)", }, "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))", + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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, #E9EAEC)", - "hover": "var(--vkui--octavius_color_header_tab_text_active_themed--hover, #E8E9EB)", - "normal": "var(--vkui--octavius_color_header_tab_text_active_themed, #E7E8EA)", + "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, #9C9EA3)", - "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #979A9F)", - "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + "active": "var(--vkui--octavius_color_header_text_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_icon_event--active, #1BAAFC)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #11A7FC)", + "normal": "var(--vkui--octavius_color_icon_event, #07a3fc)", }, "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))", + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, "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)", + "active": "var(--vkui--octavius_color_icon_favorite--active, #FF4356)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #FF3B4E)", + "normal": "var(--vkui--octavius_color_icon_favorite, #ff3347)", }, "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)", + "active": "var(--vkui--octavius_color_icon_fees--active, #E91515)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #E80B0B)", + "normal": "var(--vkui--octavius_color_icon_fees, #e70101)", }, "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)", + "active": "var(--vkui--octavius_color_icon_finance--active, #34CD8D)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2BCB88)", + "normal": "var(--vkui--octavius_color_icon_finance, #22c983)", }, "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)", + "active": "var(--vkui--octavius_color_icon_games--active, #FDD04D)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #FDCE46)", + "normal": "var(--vkui--octavius_color_icon_games, #FDCC3E)", }, "octaviusColorIconMailings": { "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", @@ -249155,9 +239404,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, "octaviusColorIconNews": { - "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", - "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", - "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + "active": "var(--vkui--octavius_color_icon_news--active, #37C5ED)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #2FC3EC)", + "normal": "var(--vkui--octavius_color_icon_news, #26C0EB)", }, "octaviusColorIconOfficial": { "active": "var(--vkui--octavius_color_icon_official--active, #EE565E)", @@ -249165,14 +239414,14 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", }, "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)", + "active": "var(--vkui--octavius_color_icon_order--active, #FF5FB2)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #FF58AE)", + "normal": "var(--vkui--octavius_color_icon_order, #ff51ab)", }, "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))", + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, "octaviusColorIconReceipts": { "active": "var(--vkui--octavius_color_icon_receipts--active, #7FC419)", @@ -249180,9 +239429,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", }, "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)", + "active": "var(--vkui--octavius_color_icon_registration--active, #FFA814)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #FFA40A)", + "normal": "var(--vkui--octavius_color_icon_registration, #ffa000)", }, "octaviusColorIconSchool": { "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", @@ -249190,9 +239439,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, "octaviusColorIconSocial": { - "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", - "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", - "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + "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)", }, "octaviusColorIconToMyself": { "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", @@ -249200,19 +239449,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, "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)", + "active": "var(--vkui--octavius_color_icon_travel--active, #C22BFF)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #C022FF)", + "normal": "var(--vkui--octavius_color_icon_travel, #bd19ff)", }, "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))", + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "normal": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, "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, #60A6F5)", + "hover": "var(--vkui--octavius_color_icon_unread--hover, #59A2F4)", + "normal": "var(--vkui--octavius_color_icon_unread, #529ef4)", }, "octaviusColorLayoutBorderAlpha": { "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(255, 255, 255, 0.08))", @@ -249251,9 +239500,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_list_background_positive_alpha, rgba(13, 194, 104, 0.08))", }, "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)", + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #F3FAF5)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #F3FAF4)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, "octaviusColorListIconPrimary": { "active": "var(--vkui--octavius_color_list_icon_primary--active, #3D3E3F)", @@ -249261,19 +239510,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #F1F6FF)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #F1F5FF)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, "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)", + "active": "var(--vkui--octavius_color_list_letter_background--active, #353535)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #2B2B2C)", + "normal": "var(--vkui--octavius_color_list_letter_background, #19191A)", }, "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))", + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(255, 255, 255, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(255, 255, 255, 0.12))", }, "octaviusColorListTextPrimary": { "active": "var(--vkui--octavius_color_list_text_primary--active, #3D3E3F)", @@ -249286,9 +239535,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_notification_border--active, #D7D8DB)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #EBEDF0)", + "normal": "var(--vkui--octavius_color_notification_border, #FFFFFF)", }, "octaviusColorOverlayBackground": { "active": "var(--vkui--octavius_color_overlay_background--active, rgba(255, 255, 255, 0.08))", @@ -249296,29 +239545,29 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_overlay_background, transparent)", }, "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)", + "active": "var(--vkui--octavius_color_placeholder_background--active, #292929)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #1F1F1F)", + "normal": "var(--vkui--octavius_color_placeholder_background, #161616)", }, "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)", + "active": "var(--vkui--octavius_color_portal_menu_background--active, #313131)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #282828)", + "normal": "var(--vkui--octavius_color_portal_menu_background, rgb(31, 31, 31))", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, "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))", + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, "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)", + "active": "var(--vkui--octavius_color_promo_background--active, #3A3A3A)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #323232)", + "normal": "var(--vkui--octavius_color_promo_background, #292929)", }, "octaviusColorSidebarButtonBackground": { "active": "var(--vkui--octavius_color_sidebar_button_background--active, #D7D8DB)", @@ -249351,58 +239600,58 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(255, 255, 255, 0.38))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(255, 255, 255, 0.34))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, rgba(255, 255, 255, 0.30))", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #1BAAFC)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #11A7FC)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #07a3fc)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #FF4356)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #FF3B4E)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #E91515)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #E80B0B)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e70101)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #34CD8D)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2BCB88)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #22c983)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #FF5FB2)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #FF58AE)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff51ab)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #FFA814)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #FFA40A)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ffa000)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #C22BFF)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #C022FF)", + "normal": "var(--vkui--octavius_color_sidebar_icon_travel, #bd19ff)", }, "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, #3792ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_unread--hover, #2F8DEC)", + "normal": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)", }, "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))", + "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(255, 255, 255, 0.2))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(255, 255, 255, 0.16))", "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -249411,9 +239660,9 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #e1e3e6)", }, "octaviusColorSidebarItemIconActive": { "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #D7D8DB)", @@ -249421,19 +239670,19 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #e1e3e6)", }, "octaviusColorSidebarItemTextActive": { "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #D7D8DB)", @@ -249441,14 +239690,14 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #3D3E3F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #343536)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #76787a)", }, "octaviusColorSidebarScrollbarAlpha": { "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(255, 255, 255, 0.2))", @@ -249456,34 +239705,34 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #76787a)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #E3E5E8)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #E2E4E7)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #e1e3e6)", }, "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)", + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #818385)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #76787a)", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "var(--vkui--octavius_color_sidebar_widget_background_alpha--active, rgba(255, 255, 255, 0.08))", @@ -249536,58 +239785,58 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "normal": "var(--vkui--octavius_color_snackbar_transparent, rgba(255, 255, 255, 0.16))", }, "octaviusColorTextFees": { - "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", - "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", - "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + "active": "var(--vkui--octavius_color_text_fees--active, #FF4040)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #FF3737)", + "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", }, "octaviusColorTextFinance": { - "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", - "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", - "normal": "var(--vkui--octavius_color_text_finance, #52C392)", + "active": "var(--vkui--octavius_color_text_finance--active, #38B880)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #30B57B)", + "normal": "var(--vkui--octavius_color_text_finance, #27B275)", }, "octaviusColorTextGames": { - "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", - "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", - "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", + "active": "var(--vkui--octavius_color_text_games--active, #EDB514)", + "hover": "var(--vkui--octavius_color_text_games--hover, #ECB20A)", + "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", }, "octaviusColorTextMailings": { - "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", - "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", - "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", + "active": "var(--vkui--octavius_color_text_mailings--active, #FC9328)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #FC8F1E)", + "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", }, "octaviusColorTextNews": { - "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", - "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", - "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", + "active": "var(--vkui--octavius_color_text_news--active, #1CB2DC)", + "hover": "var(--vkui--octavius_color_text_news--hover, #12AEDB)", + "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", }, "octaviusColorTextSchool": { - "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", - "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", - "normal": "var(--vkui--octavius_color_text_school, #D392F2)", + "active": "var(--vkui--octavius_color_text_school--active, #CD88EE)", + "hover": "var(--vkui--octavius_color_text_school--hover, #CB83ED)", + "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", }, "octaviusColorTextSocial": { - "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", - "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", - "normal": "var(--vkui--octavius_color_text_social, #7688E9)", + "active": "var(--vkui--octavius_color_text_social--active, #6376DC)", + "hover": "var(--vkui--octavius_color_text_social--hover, #5C70DB)", + "normal": "var(--vkui--octavius_color_text_social, #556AD9)", }, "octaviusColorTextToMyself": { - "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", - "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", - "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + "active": "var(--vkui--octavius_color_text_to_myself--active, #26BAC4)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #1CB7C2)", + "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", }, "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)", + "active": "var(--vkui--octavius_color_thread_footer_background--active, #3E3E3F)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #353536)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #2D2D2E)", }, "octaviusElevationCard": "var(--vkui--octavius_elevation_card, none)", - "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, 0px 0px 16px rgba(2, 13, 41, 0.16))", + "octaviusElevationHeader": "var(--vkui--octavius_elevation_header, none)", "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)", + "octaviusFontFamilyDefault": "var(--vkui--octavius_font_family_default, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyDisplay": "var(--vkui--octavius_font_family_display, VKSansDisplay, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyGlobal": "var(--vkui--octavius_font_family_global, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMac": "var(--vkui--octavius_font_family_mac, VKSansText, Helvetica, Arial, sans-serif)", + "octaviusFontFamilyMailSans": "var(--vkui--octavius_font_family_mail_sans, VKSansDisplay, 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)", @@ -250013,7 +240262,7 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar "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)", + "themeName": "var(--vkui--theme_name, octaviusVKDark)", "themeNameBase": "var(--vkui--theme_name_base, octavius)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", @@ -250047,7 +240296,7 @@ exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVar } `; -exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusVKDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -250070,39 +240319,39 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#1BE7F9", - "hover": "#11E6F9", - "normal": "#07E5F9", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#BEFC80", - "hover": "#BBFC7B", - "normal": "#B8FC75", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "colorAccentOrangeFire": { "active": "#F16953", "hover": "#F1634B", - "normal": "#F05C44", + "normal": "#f05c44", }, "colorAccentOrangePeach": { "active": "#FFC56F", @@ -250110,39 +240359,39 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#FFC062", }, "colorAccentPink": { - "active": "#FF498F", - "hover": "#FF418A", - "normal": "#FF3985", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { "active": "#F16DC5", "hover": "#F166C3", - "normal": "#F060C0", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAlert": { "active": "#C6442D", @@ -250150,9 +240399,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#c1341b", }, "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 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)", @@ -250160,19 +240409,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3880FC", - "hover": "#307BFC", - "normal": "#2775FC", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -250190,24 +240439,24 @@ exports[`shapshots octaviusWhiteDark 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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#19191A", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -250220,9 +240469,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", @@ -250230,19 +240479,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#2B3240", - "hover": "#222937", - "normal": "#19202f", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -250252,87 +240501,87 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#2A3B34", - "hover": "#21332B", - "normal": "#182A22", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "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": "#EEFAF4", + "hover": "#EDFAF3", + "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundSky": { - "active": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#D0E6FF", + "hover": "#CEE5FF", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.1)", - "normal": "rgba(255, 255, 255, 0.02)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundThumbnail": { - "active": "#313131", - "hover": "#282828", - "normal": "#1F1F1F", + "active": "#EDEEF0", + "hover": "#ECEDF0", + "normal": "#EBECEF", }, "colorBackgroundThumbnailAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -250340,34 +240589,34 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundWarning": { - "active": "#785C14", - "hover": "#72550A", - "normal": "#6C4E00", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorBackgroundWarningTint": { - "active": "#41372A", - "hover": "#382F20", - "normal": "#302617", + "active": "#FFFCE2", + "hover": "#FFFCE1", + "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": "#FFFCE2", + "hover": "#FFFCE1", + "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": "#222223", + "hover": "#1F1F20", + "normal": "#1B1B1C", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -250395,19 +240644,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#232324", }, "colorFieldBorderAlpha": { - "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)", }, "colorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -250422,67 +240671,67 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "colorIconContrastSecondary": { "active": "#F3F4F6", "hover": "#F3F3F5", - "normal": "#F2F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { "active": "#B6B7BC", "hover": "#B3B4B9", - "normal": "#B0B1B6", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(245, 246, 255, 0.78)", - "hover": "rgba(245, 246, 255, 0.74)", - "normal": "rgba(245, 246, 255, 0.7)", + "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": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(245, 246, 255, 0.68)", - "hover": "rgba(245, 246, 255, 0.64)", - "normal": "rgba(245, 246, 255, 0.6)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#8D8E93", - "hover": "#88898F", - "normal": "#83848A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(245, 246, 255, 0.58)", - "hover": "rgba(245, 246, 255, 0.54)", - "normal": "rgba(245, 246, 255, 0.5)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", @@ -250490,14 +240739,14 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 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": "#D7D8DB", @@ -250505,14 +240754,14 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "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.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPaletteBlue1": { "active": "#3A5FFF", @@ -250605,9 +240854,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#ffc311", }, "colorPanelHeaderIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorRating": { "active": "#FFD714", @@ -250615,9 +240864,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -250625,39 +240874,39 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#282829", - "hover": "#1E1E1F", - "normal": "#151516", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#323234", - "hover": "#29292B", - "normal": "#202022", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#3E3E40", - "hover": "#353537", - "normal": "#2d2d2f", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#2A2A2A", - "hover": "#212121", - "normal": "#181818", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#4D4E4F", - "hover": "#464748", - "normal": "#3E3F40", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorSocialBehance": { "active": "#2A75FF", @@ -250695,9 +240944,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#3F8AE0", }, "colorStrokeAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -250712,17 +240961,17 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "colorStrokeNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { "active": "#818385", "hover": "#7B7D7F", - "normal": "#76787A", + "normal": "#76787a", }, "colorTagBackgroundMint": { "active": "#B9F1E0", @@ -250775,9 +241024,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#203F5B", }, "colorTextAccent": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -250790,14 +241039,14 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#65A3FF", - "hover": "#5F9FFF", - "normal": "#589BFF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -250807,32 +241056,32 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "colorTextLinkTint": { "active": "#7CB1ED", "hover": "#77ADEC", - "normal": "#71AAEB", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#6098E2", - "hover": "#5993E0", - "normal": "#528FDF", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", "hover": "#FF6363", - "normal": "#FF5C5C", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { "active": "rgba(249, 252, 255, 0.8)", @@ -250840,14 +241089,14 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { "active": "rgba(247, 251, 255, 0.5)", @@ -250855,69 +241104,69 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#C4C6CA", - "hover": "#C2C3C7", - "normal": "#BFC1C5", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#7F8185", - "hover": "#7A7B7F", - "normal": "#74767A", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorThumbErrorBackgroundAlpha": { - "active": "rgba(237, 10, 52, 0.2)", - "hover": "rgba(237, 10, 52, 0.16)", - "normal": "rgba(237, 10, 52, 0.12)", + "active": "rgba(230, 70, 70, 0.2)", + "hover": "rgba(230, 70, 70, 0.16)", + "normal": "rgba(230, 70, 70, 0.12)", }, "colorTooltipBackgroundBlueTint": { + "active": "#E0EBFF", + "hover": "#DEEAFF", + "normal": "#DDE9FF", + }, + "colorTooltipBackgroundGreenTint": { + "active": "#D2EFE8", + "hover": "#D0EFE7", + "normal": "#CEEEE6", + }, + "colorTooltipBackgroundOrangeTint": { + "active": "#F9D7C2", + "hover": "#F9D5C0", + "normal": "#F9D3BD", + }, + "colorTooltipBackgroundPurpleTint": { + "active": "#F3EAFF", + "hover": "#F3E9FF", + "normal": "#F2E8FF", + }, + "colorTooltipTextBlueThemed": { "active": "#2E5384", "hover": "#254B7E", "normal": "#1C4479", }, - "colorTooltipBackgroundGreenTint": { + "colorTooltipTextGreenThemed": { "active": "#1C8679", "hover": "#128173", "normal": "#087C6D", }, - "colorTooltipBackgroundOrangeTint": { + "colorTooltipTextOrangeThemed": { "active": "#83563B", "hover": "#7D4E33", "normal": "#78472A", }, - "colorTooltipBackgroundPurpleTint": { + "colorTooltipTextPurpleThemed": { "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", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#8DB1EC", - "hover": "#88ADEB", - "normal": "#83AAEA", + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { "active": "rgba(255, 255, 255, 0.08)", @@ -250925,19 +241174,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#4C8CFD", - "hover": "#4487FD", - "normal": "#3C82FD", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { "active": "#3D3E3F", "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(255, 255, 255, 0.88)", @@ -250945,14 +241194,14 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "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)", + "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", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -250960,17 +241209,16 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, - "letterSpacing": "0.26px", "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, "lineHeight": 14, @@ -250978,17 +241226,16 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 11, "fontWeight": 400, - "letterSpacing": "0.22px", "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, "lineHeight": 12, @@ -250996,10 +241243,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 9, "fontWeight": 400, - "letterSpacing": "0.16px", "lineHeight": 12, "textTransform": "uppercase", }, @@ -251042,12 +241288,12 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "lineHeight": 24, }, }, - "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "VKSansText, Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, "lineHeight": 18, @@ -251055,10 +241301,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.3px", "lineHeight": 18, "textTransform": "uppercase", }, @@ -251069,9 +241314,10 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "lineHeight": 52, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 28, "fontWeight": 500, + "letterSpacing": "-0.56px", "lineHeight": 32, }, }, @@ -251081,9 +241327,10 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, + "letterSpacing": "-0.48px", "lineHeight": 28, }, }, @@ -251093,32 +241340,25 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "lineHeight": 32, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, + "letterSpacing": "-0.4px", "lineHeight": 26, }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, "lineHeight": 20, }, @@ -251144,32 +241384,24 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansText, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -251177,7 +241409,7 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -251185,10 +241417,10 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, - "lineHeight": 22, + "lineHeight": 24, }, }, "fontWeightAccent1": 500, @@ -251197,19 +241429,19 @@ exports[`shapshots octaviusWhiteDark 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%", "octaviusColorActionArchive": { - "active": "#21B273", - "hover": "#18AE6D", - "normal": "#0EAB67", + "active": "#316935", + "hover": "#28632C", + "normal": "#1F5C23", }, "octaviusColorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "octaviusColorBackgroundAccentTintAlpha": { "active": "rgba(0, 95, 249, 0.2)", @@ -251217,19 +241449,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(0, 95, 249, 0.12)", }, "octaviusColorBackgroundAccentTonedAlpha": { - "active": "rgba(0, 119, 255, 0.2)", - "hover": "rgba(0, 119, 255, 0.16)", - "normal": "rgba(0, 119, 255, 0.12)", + "active": "rgba(82, 158, 244, 0.2)", + "hover": "rgba(82, 158, 244, 0.16)", + "normal": "rgba(82, 158, 244, 0.12)", }, "octaviusColorBackgroundNegativeTintAlpha": { - "active": "rgba(236, 71, 80, 0.24)", - "hover": "rgba(236, 71, 80, 0.2)", - "normal": "rgba(236, 71, 80, 0.16)", + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", }, "octaviusColorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.2)", - "hover": "rgba(13, 194, 104, 0.16)", - "normal": "rgba(13, 194, 104, 0.12)", + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "octaviusColorButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -251237,19 +241469,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "transparent", }, "octaviusColorButtonBackgroundContrastAlpha": { - "active": "rgba(250, 250, 250, 0.2)", - "hover": "rgba(250, 250, 250, 0.16)", - "normal": "rgba(250, 250, 250, 0.12)", + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", }, "octaviusColorButtonEmptyStateBackgroundAlpha": { - "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)", }, "octaviusColorButtonEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "octaviusColorButtonIcon": { "active": "#E9EAEC", @@ -251262,19 +241494,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#E7E8EA", }, "octaviusColorContentScrollbarAlpha": { - "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.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, "octaviusColorDatasetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "octaviusColorEmptyStateText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorEmptyStateTextLink": { "active": "#E9EAEC", @@ -251282,9 +241514,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#E7E8EA", }, "octaviusColorHeaderBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#161616", }, "octaviusColorHeaderButtonBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -251292,59 +241524,59 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "transparent", }, "octaviusColorHeaderButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorHeaderFilterTextAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "octaviusColorHeaderIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#60A6F5", + "hover": "#59A2F4", + "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": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "octaviusColorHeaderSearchBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "octaviusColorHeaderSearchBackgroundCollapsed": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "octaviusColorHeaderSearchChipBackground": { - "active": "#4F4F4F", - "hover": "#484848", - "normal": "#404040", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "octaviusColorHeaderSearchChipBackgroundEditable": { - "active": "#4D4D4D", - "hover": "#464646", - "normal": "#3e3e3e", + "active": "#414141", + "hover": "#393939", + "normal": "#313131", }, "octaviusColorHeaderSearchChipBorderEditableAlpha": { "active": "rgba(255, 255, 255, 0.56)", @@ -251352,64 +241584,64 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, .48)", }, "octaviusColorHeaderSearchIcon": { - "active": "#BCBEC3", - "hover": "#B9BBC1", - "normal": "#b6b8be", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderSearchText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderSearchTextCollapsed": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorHeaderTabActiveThemedAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, .8)", + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", }, "octaviusColorHeaderTabTextActiveThemed": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "octaviusColorHeaderTextSecondary": { - "active": "#9C9EA3", - "hover": "#979A9F", - "normal": "#93969b", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#1BAAFC", + "hover": "#11A7FC", + "normal": "#07a3fc", }, "octaviusColorIconEventAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", }, "octaviusColorIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "octaviusColorIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#E91515", + "hover": "#E80B0B", + "normal": "#e70101", }, "octaviusColorIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#34CD8D", + "hover": "#2BCB88", + "normal": "#22c983", }, "octaviusColorIconGames": { - "active": "#F9C018", - "hover": "#F8BD0E", - "normal": "#F8BA04", + "active": "#FDD04D", + "hover": "#FDCE46", + "normal": "#FDCC3E", }, "octaviusColorIconMailings": { "active": "#FFAB56", @@ -251417,9 +241649,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#FFA447", }, "octaviusColorIconNews": { - "active": "#2FBEE6", - "hover": "#26BBE5", - "normal": "#1DB8E4", + "active": "#37C5ED", + "hover": "#2FC3EC", + "normal": "#26C0EB", }, "octaviusColorIconOfficial": { "active": "#EE565E", @@ -251427,14 +241659,14 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#EC4750", }, "octaviusColorIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#FF5FB2", + "hover": "#FF58AE", + "normal": "#ff51ab", }, "octaviusColorIconOrderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", }, "octaviusColorIconReceipts": { "active": "#7FC419", @@ -251442,9 +241674,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#74BF05", }, "octaviusColorIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "octaviusColorIconSchool": { "active": "#CD88EE", @@ -251452,9 +241684,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#C97EEC", }, "octaviusColorIconSocial": { - "active": "#6C86EA", - "hover": "#6581E9", - "normal": "#5F7CE8", + "active": "#7D92FF", + "hover": "#788DFF", + "normal": "#7288FF", }, "octaviusColorIconToMyself": { "active": "#2FCBD6", @@ -251462,19 +241694,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#1DC7D2", }, "octaviusColorIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#C22BFF", + "hover": "#C022FF", + "normal": "#bd19ff", }, "octaviusColorIconTravelAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", }, "octaviusColorIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "octaviusColorLayoutBorderAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -251513,9 +241745,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(13, 194, 104, 0.08)", }, "octaviusColorListBackgroundPositiveTagsOutline": { - "active": "#38403B", - "hover": "#303733", - "normal": "#272F2A", + "active": "#F3FAF5", + "hover": "#F3FAF4", + "normal": "#F2FAF4", }, "octaviusColorListIconPrimary": { "active": "#3D3E3F", @@ -251523,19 +241755,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#2C2D2E", }, "octaviusColorListLetterAdvBackground": { - "active": "#282828", - "hover": "#1E1E1E", - "normal": "#151515", + "active": "#F1F6FF", + "hover": "#F1F5FF", + "normal": "#F0F5FF", }, "octaviusColorListLetterBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2B2B2C", + "normal": "#19191A", }, "octaviusColorListLetterSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.4)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorListTextPrimary": { "active": "#3D3E3F", @@ -251548,9 +241780,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#2C2D2E", }, "octaviusColorNotificationBorder": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "octaviusColorOverlayBackground": { "active": "rgba(255, 255, 255, 0.08)", @@ -251558,29 +241790,29 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "transparent", }, "octaviusColorPlaceholderBackground": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#292929", + "hover": "#1F1F1F", + "normal": "#161616", }, "octaviusColorPortalMenuBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#313131", + "hover": "#282828", + "normal": "rgb(31, 31, 31)", }, "octaviusColorPortalSearchBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, .08)", + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", }, "octaviusColorPortalSearchIconThemedAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, .3)", + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", }, "octaviusColorPromoBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "octaviusColorSidebarButtonBackground": { "active": "#D7D8DB", @@ -251613,58 +241845,58 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#2c2d2e", }, "octaviusColorSidebarCounterBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "octaviusColorSidebarCounterText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarIconEvent": { - "active": "#4BC0FE", - "hover": "#43BDFE", - "normal": "#3BBAFE", + "active": "#1BAAFC", + "hover": "#11A7FC", + "normal": "#07a3fc", }, "octaviusColorSidebarIconFavorite": { - "active": "#FF545E", - "hover": "#FF4C57", - "normal": "#FF4550", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "octaviusColorSidebarIconFees": { - "active": "#EF4C4C", - "hover": "#EF4444", - "normal": "#EE3C3C", + "active": "#E91515", + "hover": "#E80B0B", + "normal": "#e70101", }, "octaviusColorSidebarIconFinance": { - "active": "#36CB8A", - "hover": "#2DC985", - "normal": "#24C780", + "active": "#34CD8D", + "hover": "#2BCB88", + "normal": "#22c983", }, "octaviusColorSidebarIconOrder": { - "active": "#F95AAA", - "hover": "#F953A7", - "normal": "#F94CA3", + "active": "#FF5FB2", + "hover": "#FF58AE", + "normal": "#ff51ab", }, "octaviusColorSidebarIconRegistration": { - "active": "#FFA447", - "hover": "#FFA03F", - "normal": "#FF9C37", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "octaviusColorSidebarIconTravel": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "active": "#C22BFF", + "hover": "#C022FF", + "normal": "#bd19ff", }, "octaviusColorSidebarIconUnread": { - "active": "#1F86FF", - "hover": "#1681FF", - "normal": "#0C7CFF", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688eb", }, "octaviusColorSidebarItemBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.24)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", "normal": "transparent", }, "octaviusColorSidebarItemButtonBackgroundAlpha": { @@ -251673,9 +241905,9 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.08)", }, "octaviusColorSidebarItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemIconActive": { "active": "#D7D8DB", @@ -251683,19 +241915,19 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#FFFFFF", }, "octaviusColorSidebarItemIconPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemIconSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarItemTextActive": { "active": "#D7D8DB", @@ -251703,14 +241935,14 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "#FFFFFF", }, "octaviusColorSidebarItemTextPrimary": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "octaviusColorSidebarItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarScrollbarAlpha": { "active": "rgba(255, 255, 255, 0.2)", @@ -251718,34 +241950,34 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.12)", }, "octaviusColorSidebarShortItemIcon": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemIconActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarShortItemText": { - "active": "#E9EAEC", - "hover": "#E8E9EB", - "normal": "#E7E8EA", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemTextActive": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "octaviusColorSidebarShortItemTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "octaviusColorSidebarWidgetBackgroundAlpha": { "active": "rgba(255, 255, 255, 0.08)", @@ -251798,58 +242030,58 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.16)", }, "octaviusColorTextFees": { - "active": "#FF7878", - "hover": "#FF7272", - "normal": "#FF6C6C", + "active": "#FF4040", + "hover": "#FF3737", + "normal": "#FF2F2F", }, "octaviusColorTextFinance": { - "active": "#60C89B", - "hover": "#59C596", - "normal": "#52C392", + "active": "#38B880", + "hover": "#30B57B", + "normal": "#27B275", }, "octaviusColorTextGames": { - "active": "#F7C32C", - "hover": "#F6C123", - "normal": "#F6BE1A", + "active": "#EDB514", + "hover": "#ECB20A", + "normal": "#EBAF00", }, "octaviusColorTextMailings": { - "active": "#FFB05E", - "hover": "#FFAC57", - "normal": "#FFA950", + "active": "#FC9328", + "hover": "#FC8F1E", + "normal": "#FC8A15", }, "octaviusColorTextNews": { - "active": "#47C6EA", - "hover": "#3FC3E9", - "normal": "#37C1E8", + "active": "#1CB2DC", + "hover": "#12AEDB", + "normal": "#08ABD9", }, "octaviusColorTextSchool": { - "active": "#D79BF3", - "hover": "#D596F3", - "normal": "#D392F2", + "active": "#CD88EE", + "hover": "#CB83ED", + "normal": "#C97EEC", }, "octaviusColorTextSocial": { - "active": "#8192EB", - "hover": "#7B8DEA", - "normal": "#7688E9", + "active": "#6376DC", + "hover": "#5C70DB", + "normal": "#556AD9", }, "octaviusColorTextToMyself": { - "active": "#50CDD6", - "hover": "#49CBD4", - "normal": "#41C9D2", + "active": "#26BAC4", + "hover": "#1CB7C2", + "normal": "#13B4BF", }, "octaviusColorThreadFooterBackground": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "active": "#3E3E3F", + "hover": "#353536", + "normal": "#2D2D2E", }, "octaviusElevationCard": "none", - "octaviusElevationHeader": "0px 0px 16px rgba(2, 13, 41, 0.16)", + "octaviusElevationHeader": "none", "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", + "octaviusFontFamilyDefault": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyDisplay": "VKSansDisplay, Helvetica, Arial, sans-serif", + "octaviusFontFamilyGlobal": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMac": "VKSansText, Helvetica, Arial, sans-serif", + "octaviusFontFamilyMailSans": "VKSansDisplay, Helvetica, Arial, sans-serif", "octaviusImageBackground": "none", "octaviusImageOverlayBackground": "none", "octaviusPositionBackground": "50% 0", @@ -252275,7 +242507,7 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "octaviusWhiteDark", + "themeName": "octaviusVKDark", "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, @@ -252309,7 +242541,7 @@ exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] } `; -exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusWhite theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -252333,6 +242565,10 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -252354,15 +242590,15 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "value": "var(--vkui--color_accent_blue--active, #0059EA)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "value": "var(--vkui--color_accent_blue--hover, #005CF1)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "value": "var(--vkui--color_accent_blue, #005FF9)", }, }, "colorAccentCyan": { @@ -252550,15 +242786,29 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_action_sheet_text--hover, #005CF1)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "value": "var(--vkui--color_action_sheet_text, #005FF9)", + }, + }, + "colorAlert": { + "active": { + "name": "--vkui--color_alert--active", + "value": "var(--vkui--color_alert--active, #B2311E)", + }, + "hover": { + "name": "--vkui--color_alert--hover", + "value": "var(--vkui--color_alert--hover, #B9331C)", + }, + "normal": { + "name": "--vkui--color_alert", + "value": "var(--vkui--color_alert, #c1341b)", }, }, "colorAvatarOverlay": { @@ -252634,29 +242884,29 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #005CF1)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 119, 255, 0.28))", + "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, 119, 255, 0.24))", + "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, 119, 255, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 95, 249, 0.2))", }, }, "colorBackgroundAccentTint": { @@ -253065,6 +243315,34 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.04))", }, }, + "colorBackgroundThumbnail": { + "active": { + "name": "--vkui--color_background_thumbnail--active", + "value": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + }, + "hover": { + "name": "--vkui--color_background_thumbnail--hover", + "value": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + }, + "normal": { + "name": "--vkui--color_background_thumbnail", + "value": "var(--vkui--color_background_thumbnail, #EBECEF)", + }, + }, + "colorBackgroundThumbnailAlpha": { + "active": { + "name": "--vkui--color_background_thumbnail_alpha--active", + "value": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + }, + "hover": { + "name": "--vkui--color_background_thumbnail_alpha--hover", + "value": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_thumbnail_alpha", + "value": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + }, + }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", @@ -253166,43 +243444,43 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #006FEF)", + "value": "var(--vkui--color_button_icon--active, #0059EA)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #0073F7)", + "value": "var(--vkui--color_button_icon--hover, #005CF1)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #0077ff)", + "value": "var(--vkui--color_button_icon, #005FF9)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #006FEF)", + "value": "var(--vkui--color_button_stroke--active, #0059EA)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + "value": "var(--vkui--color_button_stroke--hover, #005CF1)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #0077ff)", + "value": "var(--vkui--color_button_stroke, #005FF9)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #006FEF)", + "value": "var(--vkui--color_button_text--active, #0059EA)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #0073F7)", + "value": "var(--vkui--color_button_text--hover, #005CF1)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #0077ff)", + "value": "var(--vkui--color_button_text, #005FF9)", }, }, "colorFieldBackground": { @@ -253250,29 +243528,29 @@ exports[`shapshots otvet 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, #0059EA)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #005CF1)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "value": "var(--vkui--color_icon_accent, #005FF9)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #005CF1)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "value": "var(--vkui--color_icon_accent_themed, #005FF9)", }, }, "colorIconContrast": { @@ -253555,18 +243833,270 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_overlay_secondary, rgba(44, 45, 46, 0.5))", }, }, + "colorPaletteBlue1": { + "active": { + "name": "--vkui--color_palette_blue1--active", + "value": "var(--vkui--color_palette_blue1--active, #264CEF)", + }, + "hover": { + "name": "--vkui--color_palette_blue1--hover", + "value": "var(--vkui--color_palette_blue1--hover, #274EF7)", + }, + "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, #009FE4)", + }, + "hover": { + "name": "--vkui--color_palette_blue2--hover", + "value": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + }, + "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, #23CED2)", + }, + "hover": { + "name": "--vkui--color_palette_blue3--hover", + "value": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + }, + "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, #A0D016)", + }, + "hover": { + "name": "--vkui--color_palette_green1--hover", + "value": "var(--vkui--color_palette_green1--hover, #A7D915)", + }, + "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, #52B552)", + }, + "hover": { + "name": "--vkui--color_palette_green2--hover", + "value": "var(--vkui--color_palette_green2--hover, #55BC53)", + }, + "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, #33D98D)", + }, + "hover": { + "name": "--vkui--color_palette_green3--hover", + "value": "var(--vkui--color_palette_green3--hover, #35E291)", + }, + "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, #00A4AA)", + }, + "hover": { + "name": "--vkui--color_palette_green4--hover", + "value": "var(--vkui--color_palette_green4--hover, #00ABAE)", + }, + "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, #EB812F)", + }, + "hover": { + "name": "--vkui--color_palette_orange1--hover", + "value": "var(--vkui--color_palette_orange1--hover, #F5862F)", + }, + "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, #E82A38)", + }, + "hover": { + "name": "--vkui--color_palette_red1--hover", + "value": "var(--vkui--color_palette_red1--hover, #F22B38)", + }, + "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, #D8187C)", + }, + "hover": { + "name": "--vkui--color_palette_red2--hover", + "value": "var(--vkui--color_palette_red2--hover, #E2197E)", + }, + "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, #EB69B1)", + }, + "hover": { + "name": "--vkui--color_palette_red3--hover", + "value": "var(--vkui--color_palette_red3--hover, #F56DB6)", + }, + "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, #6301EF)", + }, + "hover": { + "name": "--vkui--color_palette_violet1--hover", + "value": "var(--vkui--color_palette_violet1--hover, #6801F7)", + }, + "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, #A06BEF)", + }, + "hover": { + "name": "--vkui--color_palette_violet2--hover", + "value": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + }, + "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, #EBB515)", + }, + "hover": { + "name": "--vkui--color_palette_yellow1--hover", + "value": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + }, + "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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_panel_header_icon--hover, #005CF1)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "value": "var(--vkui--color_panel_header_icon, #005FF9)", }, }, "colorRating": { @@ -253709,32 +244239,130 @@ exports[`shapshots otvet 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, #006FEF)", + "value": "var(--vkui--color_stroke_accent--active, #0059EA)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #005CF1)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "value": "var(--vkui--color_stroke_accent, #005FF9)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #005CF1)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "value": "var(--vkui--color_stroke_accent_themed, #005FF9)", }, }, "colorStrokeContrast": { @@ -253793,32 +244421,172 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, }, + "colorTagBackgroundMint": { + "active": { + "name": "--vkui--color_tag_background_mint--active", + "value": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + }, + "hover": { + "name": "--vkui--color_tag_background_mint--hover", + "value": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + }, + "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, #EBC29F)", + }, + "hover": { + "name": "--vkui--color_tag_background_orange--hover", + "value": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + }, + "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, #EBA5CD)", + }, + "hover": { + "name": "--vkui--color_tag_background_pink--hover", + "value": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + }, + "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, #BEA6E2)", + }, + "hover": { + "name": "--vkui--color_tag_background_purple--hover", + "value": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + }, + "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, #97CEEF)", + }, + "hover": { + "name": "--vkui--color_tag_background_sky--hover", + "value": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + }, + "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, #1D5559)", + }, + "hover": { + "name": "--vkui--color_tag_text_mint--hover", + "value": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + }, + "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, #543322)", + }, + "hover": { + "name": "--vkui--color_tag_text_orange--hover", + "value": "var(--vkui--color_tag_text_orange--hover, #573421)", + }, + "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, #4B1F59)", + }, + "hover": { + "name": "--vkui--color_tag_text_pink--hover", + "value": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + }, + "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, #341F59)", + }, + "hover": { + "name": "--vkui--color_tag_text_purple--hover", + "value": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + }, + "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, #1D3B59)", + }, + "hover": { + "name": "--vkui--color_tag_text_sky--hover", + "value": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + }, + "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, #0068E2)", + "value": "var(--vkui--color_text_accent--active, #0059EA)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "value": "var(--vkui--color_text_accent--hover, #005CF1)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "value": "var(--vkui--color_text_accent, #005FF9)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_accent_themed--hover, #005CF1)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #0070f0)", + "value": "var(--vkui--color_text_accent_themed, #005FF9)", }, }, "colorTextContrast": { @@ -253852,29 +244620,29 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #0068E2)", + "value": "var(--vkui--color_text_link--active, #0055C5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #006CE9)", + "value": "var(--vkui--color_text_link--hover, #0058CB)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0070f0)", + "value": "var(--vkui--color_text_link, #005BD1)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_link_themed--hover, #0058CB)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #0070f0)", + "value": "var(--vkui--color_text_link_themed, #005BD1)", }, }, "colorTextLinkTint": { @@ -253922,15 +244690,15 @@ exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #DA300E)", + "value": "var(--vkui--color_text_negative--active, #DA0A35)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "value": "var(--vkui--color_text_negative--hover, #E40A34)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "value": "var(--vkui--color_text_negative, #ED0A34)", }, }, "colorTextPositive": { @@ -254216,15 +244984,15 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_write_bar_icon--hover, #005CF1)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "value": "var(--vkui--color_write_bar_icon, #005FF9)", }, }, "colorWriteBarInputBackground": { @@ -254626,6 +245394,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", @@ -254843,31 +245629,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)", }, }, }, @@ -254889,31 +245677,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)", }, }, }, @@ -254935,31 +245725,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)", }, }, }, @@ -254982,6 +245774,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", @@ -255020,6 +245822,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", @@ -255058,6 +245870,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", @@ -255134,6 +245956,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", @@ -255172,6 +246004,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", @@ -255209,32 +246051,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": { @@ -255255,31 +246089,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)", }, }, }, @@ -255361,1371 +246187,3401 @@ exports[`shapshots otvet 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)", - }, - "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, #1D5625)", }, - "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, #1E5924)", + }, + "normal": { + "name": "--vkui--octavius_color_action_archive", + "value": "var(--vkui--octavius_color_action_archive, #1F5C23)", }, }, - "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, #E2E5E9)", }, - "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, #ECEEF1)", + }, + "normal": { + "name": "--vkui--octavius_color_background", + "value": "var(--vkui--octavius_color_background, #F6F7F8)", }, }, - "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, 95, 249, 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, 95, 249, 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))", }, }, - "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.2))", }, - "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.16))", + }, + "normal": { + "name": "--vkui--octavius_color_background_negative_tint_alpha", + "value": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", }, }, - "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.18))", }, - "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.14))", + }, + "normal": { + "name": "--vkui--octavius_color_background_positive_tint_alpha", + "value": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", }, }, - "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(0, 16, 61, 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(0, 16, 61, 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, rgb(250, 250, 250))", }, - "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, rgb(250, 250, 250))", + }, + "normal": { + "name": "--vkui--octavius_color_button_background_contrast_alpha", + "value": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", }, }, - "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(0, 16, 61, 0.14))", }, - "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(0, 16, 61, 0.1))", + }, + "normal": { + "name": "--vkui--octavius_color_button_empty_state_background_alpha", + "value": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", }, }, - "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_button_empty_state_text", + "value": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", }, }, - "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, #2F3034)", }, - "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, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_button_icon", + "value": "var(--vkui--octavius_color_button_icon, #333333)", }, }, - "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, #2F3034)", }, - "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, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_button_text", + "value": "var(--vkui--octavius_color_button_text, #333333)", }, }, - "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(0, 16, 61, 0.16))", }, - "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(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_content_scrollbar_alpha", + "value": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, - "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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_dataset_background", + "value": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", }, }, - "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, #2F3034)", }, - "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, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_empty_state_text", + "value": "var(--vkui--octavius_color_empty_state_text, #333333)", }, }, - "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, #0055C5)", }, - "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, #0058CB)", + }, + "normal": { + "name": "--vkui--octavius_color_empty_state_text_link", + "value": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", }, }, - "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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_header_background", + "value": "var(--vkui--octavius_color_header_background, #FFFFFF)", }, }, - "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.4))", }, - "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.64))", + }, + "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_header_button_text", + "value": "var(--vkui--octavius_color_header_button_text, #2C2D2E)", }, }, - "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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "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, #C8CAD0)", }, - "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, #D0D2D7)", + }, + "normal": { + "name": "--vkui--octavius_color_header_icon_attach", + "value": "var(--vkui--octavius_color_header_icon_attach, #D9DADD)", }, }, - "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, #E82A38)", }, - "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, #F22B38)", + }, + "normal": { + "name": "--vkui--octavius_color_header_icon_favorite", + "value": "var(--vkui--octavius_color_header_icon_favorite, #FC2C38)", }, }, - "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, #0059EA)", }, - "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, #005CF1)", + }, + "normal": { + "name": "--vkui--octavius_color_header_icon_unread", + "value": "var(--vkui--octavius_color_header_icon_unread, #005FF9)", }, }, - "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, #EB9305)", }, - "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, #F59802)", + }, + "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, #DDDFE4)", }, - "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, #E6E8EC)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_background", + "value": "var(--vkui--octavius_color_header_search_background, #f0f1f3)", }, }, - "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, #DDDFE4)", }, - "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, #E6E8EC)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_background_collapsed", + "value": "var(--vkui--octavius_color_header_search_background_collapsed, #f0f1f3)", }, }, - "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, rgba(255, 255, 255, 0.4))", }, - "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, rgba(255, 255, 255, 0.64))", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_background", + "value": "var(--vkui--octavius_color_header_search_chip_background, #FFFFFF)", }, }, - "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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_background_editable", + "value": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", }, }, - "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(0, 16, 61, 0.2))", }, - "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(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_chip_border_editable_alpha", + "value": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", }, }, - "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, #A7ABB4)", }, - "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, #AFB1B9)", + }, + "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_text", + "value": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", }, }, - "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, #7C7F88)", }, - "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, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_header_search_text_collapsed", + "value": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", }, }, - "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(0, 95, 249, 0.18))", }, - "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(0, 95, 249, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_active_themed_alpha", + "value": "var(--vkui--octavius_color_header_tab_active_themed_alpha, rgba(0, 95, 249, .10))", }, }, - "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, #0059EA)", }, - "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, #005CF1)", + }, + "normal": { + "name": "--vkui--octavius_color_header_tab_text_active_themed", + "value": "var(--vkui--octavius_color_header_tab_text_active_themed, #005FF9)", }, }, - "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, #878B93)", }, - "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, #8D9197)", + }, + "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, #089AEB)", }, - "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, #09A0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_event", + "value": "var(--vkui--octavius_color_icon_event, #09a6fa)", }, }, - "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(59, 186, 254, 0.18))", }, - "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(59, 186, 254, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_event_alpha", + "value": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", }, }, - "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, #E82A38)", }, - "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, #F22B38)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_favorite", + "value": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", }, }, - "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, #D40105)", }, - "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, #DD0102)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_fees", + "value": "var(--vkui--octavius_color_icon_fees, #e60000)", }, }, - "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, #2BB97F)", }, - "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, #2DC182)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_finance", + "value": "var(--vkui--octavius_color_icon_finance, #2fc885)", }, }, - "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, #E4AC09)", }, - "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, #EEB306)", + }, + "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)", + "octaviusColorIconMailings": { + "active": { + "name": "--vkui--octavius_color_icon_mailings--active", + "value": "var(--vkui--octavius_color_icon_mailings--active, #E88018)", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "hover": { + "name": "--vkui--octavius_color_icon_mailings--hover", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #F28517)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_mailings", + "value": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "octaviusColorIconNews": { + "active": { + "name": "--vkui--octavius_color_icon_news--active", + "value": "var(--vkui--octavius_color_icon_news--active, #079FCD)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "hover": { + "name": "--vkui--octavius_color_icon_news--hover", + "value": "var(--vkui--octavius_color_icon_news--hover, #08A5D3)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_news", + "value": "var(--vkui--octavius_color_icon_news, #08ABD9)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "octaviusColorIconOfficial": { + "active": { + "name": "--vkui--octavius_color_icon_official--active", + "value": "var(--vkui--octavius_color_icon_official--active, #D9434E)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "hover": { + "name": "--vkui--octavius_color_icon_official--hover", + "value": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_official", + "value": "var(--vkui--octavius_color_icon_official, #EC4750)", }, }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "octaviusColorIconOrder": { + "active": { + "name": "--vkui--octavius_color_icon_order--active", + "value": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "hover": { + "name": "--vkui--octavius_color_icon_order--hover", + "value": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_order", + "value": "var(--vkui--octavius_color_icon_order, #ff54aa)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "octaviusColorIconOrderAlpha": { + "active": { + "name": "--vkui--octavius_color_icon_order_alpha--active", + "value": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 20px)", + "hover": { + "name": "--vkui--octavius_color_icon_order_alpha--hover", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", }, - }, - "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)", + "normal": { + "name": "--vkui--octavius_color_icon_order_alpha", + "value": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", }, }, - "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, #6BB109)", }, - "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, #6FB807)", + }, + "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, #EB9305)", }, - "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, #F59802)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_registration", + "value": "var(--vkui--octavius_color_icon_registration, #ff9e00)", }, }, - "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, #9E75DE)", }, - "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, #A57AE5)", + }, + "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, #697EEF)", }, - "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, #6D83F7)", + }, + "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, #00AF8C)", }, - "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, #00B690)", + }, + "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, #AB31ED)", }, - "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, #B333F4)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_travel", + "value": "var(--vkui--octavius_color_icon_travel, #ba34fc)", }, }, - "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(193, 93, 243, 0.18))", }, - "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(193, 93, 243, 0.14))", + }, + "normal": { + "name": "--vkui--octavius_color_icon_travel_alpha", + "value": "var(--vkui--octavius_color_icon_travel_alpha, rgba(193, 93, 243, 0.1))", }, }, - "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, #0059EA)", }, - "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, #005CF1)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_unread", + "value": "var(--vkui--octavius_color_icon_unread, #005FF9)", }, }, - "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(0, 16, 61, 0.2))", }, - "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(0, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_layout_border_alpha", + "value": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", }, }, - "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, 16, 61, 0.2))", }, - "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, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_layout_letter_border_alpha", + "value": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", }, }, - "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(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", + }, + "octaviusColorLetterContactBackgroundAlpha": { + "active": { + "name": "--vkui--octavius_color_letter_contact_background_alpha--active", + "value": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 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(0, 16, 61, 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, #282B2F)", }, - "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_list_text_unread", + "value": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", }, }, - "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, #E5E6EB)", }, - "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, #EFF0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_preview_background_primary", + "value": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", }, }, - "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, #E0E1E6)", }, - "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, #E9EAEE)", + }, + "normal": { + "name": "--vkui--octavius_color_letter_preview_background_secondary", + "value": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", }, }, - "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, #DFE7E5)", }, - "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, #E8F1ED)", + }, + "normal": { + "name": "--vkui--octavius_color_list_background_positive_tags_outline", + "value": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", }, }, - "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "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, #DDE3EF)", }, - "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, #E6ECF7)", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_adv_background", + "value": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", }, }, - "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, #ebecef)", }, - "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, #f5f5f7)", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_background", + "value": "var(--vkui--octavius_color_list_letter_background, #ffffff)", }, }, - "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, 16, 61, 0.2))", }, - "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, 16, 61, 0.16))", + }, + "normal": { + "name": "--vkui--octavius_color_list_letter_separator_alpha", + "value": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", }, }, - "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_notification_border", + "value": "var(--vkui--octavius_color_notification_border, #ffffff)", }, }, - "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(0, 16, 61, 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(0, 16, 61, 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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_placeholder_background", + "value": "var(--vkui--octavius_color_placeholder_background, #ffffff)", }, }, - "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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--octavius_color_portal_menu_background", + "value": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", }, }, - "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, rgb(255, 255, 255))", }, - "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, rgb(255, 255, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_background_alpha", + "value": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", }, }, - "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, rgb(0, 95, 255))", }, - "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, rgb(0, 95, 255))", + }, + "normal": { + "name": "--vkui--octavius_color_portal_search_icon_themed_alpha", + "value": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", }, }, - "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, #D8DCE6)", }, - "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, #E2E5EE)", + }, + "normal": { + "name": "--vkui--octavius_color_promo_background", + "value": "var(--vkui--octavius_color_promo_background, #EBEEF5)", }, }, - "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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "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, #EBECEF)", }, - "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, #F5F5F7)", + }, + "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "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(0, 16, 61, 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(0, 16, 61, 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, #282B2F)", }, - "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_counter_text", + "value": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", }, }, - "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, #089AEB)", }, - "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, #09A0F2)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_event", + "value": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", }, }, - "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, #E82A38)", }, - "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, #F22B38)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_favorite", + "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", }, }, - "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, #D40105)", }, - "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, #DD0102)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_fees", + "value": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", }, }, - "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, #2BB97F)", }, - "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, #2DC182)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_finance", + "value": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", }, }, - "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, #EB4FA1)", }, - "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, #F551A6)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_order", + "value": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", }, }, - "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, #EB9305)", }, - "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, #F59802)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_registration", + "value": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", }, }, - "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, #AB31ED)", }, - "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, #B333F4)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_travel", + "value": "var(--vkui--octavius_color_sidebar_icon_travel, #ba34fc)", }, }, - "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, #0059EA)", }, - "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, #005CF1)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_icon_unread", + "value": "var(--vkui--octavius_color_sidebar_icon_unread, #005FF9)", }, }, - "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(0, 16, 61, 0.08))", }, - "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(0, 16, 61, 0.04))", + }, + "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(0, 16, 61, 0.16))", }, - "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(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_button_background_alpha", + "value": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 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, #2F3034)", }, - "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, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon", + "value": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", }, }, - "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_active", + "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", }, }, - "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, #282B2F)", }, - "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_primary", + "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", }, }, - "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, #7C7F88)", }, - "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, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_icon_secondary", + "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", }, }, - "sizePromoButtonClose": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "octaviusColorSidebarItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text", + "value": "var(--vkui--octavius_color_sidebar_item_text, #333333)", }, }, - "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "octaviusColorSidebarItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_active--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", }, }, - "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "octaviusColorSidebarItemTextPrimary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_primary", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", }, }, - "sizeSliceBottomPadding": { - "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", + "octaviusColorSidebarItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", }, - "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", }, }, - "sizeSliceTopPadding": { - "auto": { - "name": "--vkui--size_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "octaviusColorSidebarScrollbarAlpha": { + "active": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--active", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", }, - "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "hover": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha--hover", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_scrollbar_alpha", + "value": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", }, }, - "sizeSplitColPaddingHorizontal": { + "octaviusColorSidebarShortItemIcon": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + }, + }, + "octaviusColorSidebarShortItemIconActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + }, + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary", + "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + }, + }, + "octaviusColorSidebarShortItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text", + "value": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + }, + }, + "octaviusColorSidebarShortItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text_active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + }, + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + }, + "hover": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + }, + "normal": { + "name": "--vkui--octavius_color_sidebar_short_item_text_secondary", + "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + }, + }, + "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, #2C2D31)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_background--hover", + "value": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + }, + "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, #5190EF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_accent--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_accent--hover, #5495F7)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_icon_accent", + "value": "var(--vkui--octavius_color_snackbar_icon_accent, #589BFF)", + }, + }, + "octaviusColorSnackbarIconNegative": { + "active": { + "name": "--vkui--octavius_color_snackbar_icon_negative--active", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_negative--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + }, + "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, #0CB465)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_positive--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + }, + "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, #90929A)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_secondary--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + }, + "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, #EB9305)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_icon_warning--hover", + "value": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + }, + "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, #5190EF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_text_accent--hover", + "value": "var(--vkui--octavius_color_snackbar_text_accent--hover, #5495F7)", + }, + "normal": { + "name": "--vkui--octavius_color_snackbar_text_accent", + "value": "var(--vkui--octavius_color_snackbar_text_accent, #589BFF)", + }, + }, + "octaviusColorSnackbarTextContrast": { + "active": { + "name": "--vkui--octavius_color_snackbar_text_contrast--active", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--octavius_color_snackbar_text_contrast--hover", + "value": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + }, + "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))", + }, + }, + "octaviusColorTextFees": { + "active": { + "name": "--vkui--octavius_color_text_fees--active", + "value": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + }, + "hover": { + "name": "--vkui--octavius_color_text_fees--hover", + "value": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + }, + "normal": { + "name": "--vkui--octavius_color_text_fees", + "value": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + }, + }, + "octaviusColorTextFinance": { + "active": { + "name": "--vkui--octavius_color_text_finance--active", + "value": "var(--vkui--octavius_color_text_finance--active, #24A571)", + }, + "hover": { + "name": "--vkui--octavius_color_text_finance--hover", + "value": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + }, + "normal": { + "name": "--vkui--octavius_color_text_finance", + "value": "var(--vkui--octavius_color_text_finance, #27B275)", + }, + }, + "octaviusColorTextGames": { + "active": { + "name": "--vkui--octavius_color_text_games--active", + "value": "var(--vkui--octavius_color_text_games--active, #D8A205)", + }, + "hover": { + "name": "--vkui--octavius_color_text_games--hover", + "value": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + }, + "normal": { + "name": "--vkui--octavius_color_text_games", + "value": "var(--vkui--octavius_color_text_games, #EBAF00)", + }, + }, + "octaviusColorTextMailings": { + "active": { + "name": "--vkui--octavius_color_text_mailings--active", + "value": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + }, + "hover": { + "name": "--vkui--octavius_color_text_mailings--hover", + "value": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + }, + "normal": { + "name": "--vkui--octavius_color_text_mailings", + "value": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + }, + }, + "octaviusColorTextNews": { + "active": { + "name": "--vkui--octavius_color_text_news--active", + "value": "var(--vkui--octavius_color_text_news--active, #079FCD)", + }, + "hover": { + "name": "--vkui--octavius_color_text_news--hover", + "value": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + }, + "normal": { + "name": "--vkui--octavius_color_text_news", + "value": "var(--vkui--octavius_color_text_news, #08ABD9)", + }, + }, + "octaviusColorTextSchool": { + "active": { + "name": "--vkui--octavius_color_text_school--active", + "value": "var(--vkui--octavius_color_text_school--active, #B975DE)", + }, + "hover": { + "name": "--vkui--octavius_color_text_school--hover", + "value": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + }, + "normal": { + "name": "--vkui--octavius_color_text_school", + "value": "var(--vkui--octavius_color_text_school, #C97EEC)", + }, + }, + "octaviusColorTextSocial": { + "active": { + "name": "--vkui--octavius_color_text_social--active", + "value": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + }, + "hover": { + "name": "--vkui--octavius_color_text_social--hover", + "value": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + }, + "normal": { + "name": "--vkui--octavius_color_text_social", + "value": "var(--vkui--octavius_color_text_social, #556AD9)", + }, + }, + "octaviusColorTextToMyself": { + "active": { + "name": "--vkui--octavius_color_text_to_myself--active", + "value": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + }, + "hover": { + "name": "--vkui--octavius_color_text_to_myself--hover", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + }, + "normal": { + "name": "--vkui--octavius_color_text_to_myself", + "value": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + }, + }, + "octaviusColorThreadFooterBackground": { + "active": { + "name": "--vkui--octavius_color_thread_footer_background--active", + "value": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + }, + "hover": { + "name": "--vkui--octavius_color_thread_footer_background--hover", + "value": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + }, + "normal": { + "name": "--vkui--octavius_color_thread_footer_background", + "value": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + }, + }, + "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_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "name": "--vkui--octavius_size_headline_height", + "value": "var(--vkui--octavius_size_headline_height)", }, "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "name": "--vkui--octavius_size_headline_height--regular", + "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", }, }, - "sizeSubnavigationBarGap": { + "octaviusSizeLayoutWidthMax": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "name": "--vkui--octavius_size_layout_width_max", + "value": "var(--vkui--octavius_size_layout_width_max)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "name": "--vkui--octavius_size_layout_width_max--regular", + "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", }, }, - "sizeSubnavigationBarPaddingVertical": { + "octaviusSizeLayoutWidthMin": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--octavius_size_layout_width_min", + "value": "var(--vkui--octavius_size_layout_width_min)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--octavius_size_layout_width_min--regular", + "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", }, }, - "sizeSwitchHeight": { + "octaviusSizeSidebarPaddingTop": { "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "name": "--vkui--octavius_size_sidebar_padding_top", + "value": "var(--vkui--octavius_size_sidebar_padding_top)", }, "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "name": "--vkui--octavius_size_sidebar_padding_top--regular", + "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", }, }, - "sizeSwitchPin": { + "octaviusSizeSidebarWidgetsHeightCompactMin": { "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", }, "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", }, }, - "sizeSwitchWidth": { + "octaviusSizeSidebarWidgetsHeightMin": { "auto": { - "name": "--vkui--size_switch_width", - "value": "var(--vkui--size_switch_width)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", }, "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", }, }, - "sizeTabMargin": { + "octaviusTextDecorationEmptyStateTextLink": { + "active": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link--active", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--active, underline)", + }, + "hover": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link--hover", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + }, + "normal": { + "name": "--vkui--octavius_text_decoration_empty_state_text_link", + "value": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + }, + }, + "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_tab_margin", - "value": "var(--vkui--size_tab_margin)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeTabPadding": { + "sizeArrowHeight": { "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "sizeTableHorizontalPadding": { + "sizeArrowPadding": { "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "sizeTableVerticalPadding": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeTagMargin": { + "sizeArrowWidth": { "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "sizeTagPadding": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "sizeTipMargin": { + "sizeAvatarL": { "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "sizeTooltipMargin": { + "sizeAvatarM": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "sizeVerticalPadding": { + "sizeAvatarS": { "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "sizeWysiwygIcon": { + "sizeAvatarXL": { "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "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)", + "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)", + }, }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "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)", + }, }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "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)", + }, }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "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)", + }, }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "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)", + }, }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "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)", + }, }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 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)", + }, }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, otvet)", + "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)", + }, }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, otvet)", + "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)", + }, }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "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)", + }, }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 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)", + }, }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "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)", + }, }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "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)", + }, }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "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)", + }, }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "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)", + }, }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "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)", + }, }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "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)", + }, }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", + "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)", + }, }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", + "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)", + }, }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", + "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)", + }, }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 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)", + }, }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", + "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)", + }, }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", + "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)", + }, }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", + "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)", + }, }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", + "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)", + }, }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", + "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)", + }, }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 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)", + }, }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 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)", + }, }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "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)", + }, }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "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)", + }, }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "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)", + }, }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "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)", + }, }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + }, + "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)", + }, + }, + "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, octaviusWhite)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, octavius)", + }, + "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 otvet theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusWhite theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -256734,6 +249590,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -256744,9 +249604,9 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorAccentCyan": { "active": "#06D4EA", @@ -256814,12 +249674,17 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, - "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", + "colorAlert": { + "active": "#B2311E", + "hover": "#B9331C", + "normal": "#c1341b", + }, + "colorAvatarOverlay": { + "active": "rgba(145, 147, 153, 0.56)", "hover": "rgba(145, 147, 153, 0.52)", "normal": "rgba(145, 147, 153, 0.48)", }, @@ -256844,14 +249709,14 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 255, 0.2)", + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -256998,6 +249863,16 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, + "colorBackgroundThumbnail": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", + }, + "colorBackgroundThumbnailAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", @@ -257034,19 +249909,19 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorFieldBackground": { "active": "#EBECEF", @@ -257064,14 +249939,14 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorIconContrast": { "active": "#EBECEF", @@ -257173,10 +250048,100 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(44, 45, 46, 0.54)", "normal": "rgba(44, 45, 46, 0.5)", }, + "colorPaletteBlue1": { + "active": "#264CEF", + "hover": "#274EF7", + "normal": "#2951ff", + }, + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", + }, + "colorPaletteBlue2": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", + }, + "colorPaletteBlue3": { + "active": "#23CED2", + "hover": "#24D7D9", + "normal": "#26dfdf", + }, + "colorPaletteGreen1": { + "active": "#A0D016", + "hover": "#A7D915", + "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": "#52B552", + "hover": "#55BC53", + "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": "#33D98D", + "hover": "#35E291", + "normal": "#37eb94", + }, + "colorPaletteGreen4": { + "active": "#00A4AA", + "hover": "#00ABAE", + "normal": "#00b1b3", + }, + "colorPaletteOrange1": { + "active": "#EB812F", + "hover": "#F5862F", + "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": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "colorPaletteRed2": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", + }, + "colorPaletteRed3": { + "active": "#EB69B1", + "hover": "#F56DB6", + "normal": "#ff71bb", + }, + "colorPaletteViolet1": { + "active": "#6301EF", + "hover": "#6801F7", + "normal": "#6c00ff", + }, + "colorPaletteViolet2": { + "active": "#A06BEF", + "hover": "#A76FF7", + "normal": "#ae73ff", + }, + "colorPaletteYellow1": { + "active": "#EBB515", + "hover": "#F5BC13", + "normal": "#ffc311", + }, "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorRating": { "active": "#EBC405", @@ -257228,15 +250193,50 @@ exports[`shapshots otvet 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -257258,15 +250258,65 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "hover": "#939CA9", "normal": "#99A2AD", }, + "colorTagBackgroundMint": { + "active": "#A5DED0", + "hover": "#ACE7D7", + "normal": "#B3F0DD", + }, + "colorTagBackgroundOrange": { + "active": "#EBC29F", + "hover": "#F5CAA4", + "normal": "#FFD2A8", + }, + "colorTagBackgroundPink": { + "active": "#EBA5CD", + "hover": "#F5ACD4", + "normal": "#FFB2DA", + }, + "colorTagBackgroundPurple": { + "active": "#BEA6E2", + "hover": "#C6ACE9", + "normal": "#CEB3F0", + }, + "colorTagBackgroundSky": { + "active": "#97CEEF", + "hover": "#9DD6F7", + "normal": "#A4DEFF", + }, + "colorTagTextMint": { + "active": "#1D5559", + "hover": "#1F585A", + "normal": "#205B5B", + }, + "colorTagTextOrange": { + "active": "#543322", + "hover": "#573421", + "normal": "#5B3620", + }, + "colorTagTextPink": { + "active": "#4B1F59", + "hover": "#4E1F5A", + "normal": "#51205B", + }, + "colorTagTextPurple": { + "active": "#341F59", + "hover": "#361F5A", + "normal": "#38205B", + }, + "colorTagTextSky": { + "active": "#1D3B59", + "hover": "#1F3D5A", + "normal": "#203F5B", + }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorTextContrast": { "active": "#EBECEF", @@ -257279,14 +250329,14 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005BD1", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005BD1", }, "colorTextLinkTint": { "active": "#689EDD", @@ -257304,9 +250354,9 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "colorTextPositive": { "active": "#0CB465", @@ -257409,9 +250459,9 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -257497,6 +250547,12 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "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", @@ -257542,33 +250598,46 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": "44px", - "fontWeight": 700, "lineHeight": "52px", - "marginBottom": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", }, }, "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": "32px", - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": "16px", + "lineHeight": "36px", }, - }, - "fontH2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 700, + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontH2": { + "compact": { + "fontSize": "28px", "lineHeight": "32px", - "marginBottom": "12px", + }, + "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", @@ -257577,6 +250646,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -257585,6 +250658,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", @@ -257601,6 +250678,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", @@ -257609,6 +250690,10 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -257618,20 +250703,18 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 700, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, "lineHeight": "28px", - "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": "12px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontTitle3": { @@ -257652,6 +250735,686 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "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%", + "octaviusColorActionArchive": { + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", + }, + "octaviusColorBackground": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", + }, + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "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)", + }, + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", + }, + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", + }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "octaviusColorButtonEmptyStateText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorButtonIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorButtonText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorDatasetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorEmptyStateText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorEmptyStateTextLink": { + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", + }, + "octaviusColorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "transparent", + }, + "octaviusColorHeaderButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", + }, + "octaviusColorHeaderIcon": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderIconAttach": { + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", + }, + "octaviusColorHeaderIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", + }, + "octaviusColorHeaderIconUnread": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "octaviusColorHeaderProgress": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "octaviusColorHeaderSearchBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorHeaderSearchIcon": { + "active": "#A7ABB4", + "hover": "#AFB1B9", + "normal": "#b6b8be", + }, + "octaviusColorHeaderSearchText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "octaviusColorHeaderTextSecondary": { + "active": "#878B93", + "hover": "#8D9197", + "normal": "#93969b", + }, + "octaviusColorIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", + }, + "octaviusColorIconEventAlpha": { + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", + }, + "octaviusColorIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "octaviusColorIconFees": { + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", + }, + "octaviusColorIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", + }, + "octaviusColorIconGames": { + "active": "#E4AC09", + "hover": "#EEB306", + "normal": "#F8BA04", + }, + "octaviusColorIconMailings": { + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", + }, + "octaviusColorIconNews": { + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", + }, + "octaviusColorIconOfficial": { + "active": "#D9434E", + "hover": "#E3454F", + "normal": "#EC4750", + }, + "octaviusColorIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", + }, + "octaviusColorIconOrderAlpha": { + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", + }, + "octaviusColorIconReceipts": { + "active": "#6BB109", + "hover": "#6FB807", + "normal": "#74BF05", + }, + "octaviusColorIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "octaviusColorIconSchool": { + "active": "#9E75DE", + "hover": "#A57AE5", + "normal": "#AC7EEC", + }, + "octaviusColorIconSocial": { + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", + }, + "octaviusColorIconToMyself": { + "active": "#00AF8C", + "hover": "#00B690", + "normal": "#00BD93", + }, + "octaviusColorIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", + }, + "octaviusColorIconTravelAlpha": { + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", + }, + "octaviusColorIconUnread": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "octaviusColorLayoutBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", + "normal": "transparent", + }, + "octaviusColorLetterListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", + }, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "octaviusColorListBackgroundPositiveAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", + }, + "octaviusColorListIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorListLetterAdvBackground": { + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", + }, + "octaviusColorListLetterBackground": { + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", + }, + "octaviusColorListLetterSeparatorAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorListTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorNotificationBorder": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorOverlayBackground": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorPlaceholderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorPortalMenuBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, + "octaviusColorPromoBackground": { + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", + }, + "octaviusColorSidebarButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarComposeButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarComposeButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarCounterText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", + }, + "octaviusColorSidebarIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "octaviusColorSidebarIconFees": { + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", + }, + "octaviusColorSidebarIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", + }, + "octaviusColorSidebarIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", + }, + "octaviusColorSidebarIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "octaviusColorSidebarIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", + }, + "octaviusColorSidebarIconUnread": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorSidebarItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "octaviusColorSidebarShortItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorSnackbarBackground": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "octaviusColorSnackbarIconAccent": { + "active": "#5190EF", + "hover": "#5495F7", + "normal": "#589BFF", + }, + "octaviusColorSnackbarIconNegative": { + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#FF5C5C", + }, + "octaviusColorSnackbarIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "#90929A", + "hover": "#96979E", + "normal": "#9C9DA2", + }, + "octaviusColorSnackbarIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "octaviusColorSnackbarTextAccent": { + "active": "#5190EF", + "hover": "#5495F7", + "normal": "#589BFF", + }, + "octaviusColorSnackbarTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSnackbarTransparent": { + "active": "rgba(255, 255, 255, 0.04)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorTextFees": { + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", + }, + "octaviusColorTextFinance": { + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", + }, + "octaviusColorTextGames": { + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", + }, + "octaviusColorTextMailings": { + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", + }, + "octaviusColorTextNews": { + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", + }, + "octaviusColorTextSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", + }, + "octaviusColorTextSocial": { + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", + }, + "octaviusColorTextToMyself": { + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", + }, + "octaviusColorThreadFooterBackground": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", + }, + "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", + }, + "octaviusSizeLayoutWidthMax": { + "regular": "2150px", + }, + "octaviusSizeLayoutWidthMin": { + "regular": "761px", + }, + "octaviusSizeSidebarPaddingTop": { + "regular": "12px", + }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "regular": "104px", + }, + "octaviusSizeSidebarWidgetsHeightMin": { + "regular": "64px", + }, + "octaviusTextDecorationEmptyStateTextLink": { + "active": "underline", + "hover": "underline", + "normal": "none", + }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { @@ -257707,6 +251470,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { + "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -257728,7 +251492,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -257779,12 +251543,15 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { + "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { + "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { + "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -257794,6 +251561,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { + "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -257806,6 +251574,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { + "compact": "28px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -257845,6 +251614,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { + "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -257860,7 +251630,8 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeFieldHeight": { - "regular": "40px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { "regular": "20px", @@ -257875,6 +251646,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { + "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -257885,13 +251657,15 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "20px", }, "sizeIconMargin": { + "compact": "8px", "regular": "12px", }, "sizeIconMorePadding": { + "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "18px", + "regular": "16px", }, "sizeIllustrationL": { "regular": "144px", @@ -257927,18 +251701,22 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "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": { @@ -257957,9 +251735,11 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizeSearchHeight": { + "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { + "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -257978,12 +251758,15 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { + "compact": "12px", "regular": "14px", }, "sizeSwitchPin": { + "compact": "18px", "regular": "20px", }, "sizeSwitchWidth": { + "compact": "32px", "regular": "34px", }, "sizeTabMargin": { @@ -258026,8 +251809,8 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "otvet", - "themeNameBase": "otvet", + "themeName": "octaviusWhite", + "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -258037,6 +251820,10 @@ exports[`shapshots otvet 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)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -258056,7 +251843,7 @@ exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusWhite theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -258065,6 +251852,10 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 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, }, @@ -258075,9 +251866,9 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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)", + "active": "var(--vkui--color_accent_blue--active, #0059EA)", + "hover": "var(--vkui--color_accent_blue--hover, #005CF1)", + "normal": "var(--vkui--color_accent_blue, #005FF9)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", @@ -258145,9 +251936,14 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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)", + "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)", + }, + "colorAlert": { + "active": "var(--vkui--color_alert--active, #B2311E)", + "hover": "var(--vkui--color_alert--hover, #B9331C)", + "normal": "var(--vkui--color_alert, #c1341b)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", @@ -258175,14 +251971,14 @@ exports[`shapshots otvet 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, #006FEF)", - "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + "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)", }, "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))", + "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))", }, "colorBackgroundAccentTint": { "active": "var(--vkui--color_background_accent_tint--active, #5393EF)", @@ -258329,6 +252125,16 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "colorBackgroundThumbnail": { + "active": "var(--vkui--color_background_thumbnail--active, #D8DAE1)", + "hover": "var(--vkui--color_background_thumbnail--hover, #E2E3E8)", + "normal": "var(--vkui--color_background_thumbnail, #EBECEF)", + }, + "colorBackgroundThumbnailAlpha": { + "active": "var(--vkui--color_background_thumbnail_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--color_background_thumbnail_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--color_background_thumbnail_alpha, rgba(0, 16, 61, 0.08))", + }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #EBDFA4)", "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", @@ -258365,19 +252171,19 @@ exports[`shapshots otvet 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, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "active": "var(--vkui--color_button_icon--active, #0059EA)", + "hover": "var(--vkui--color_button_icon--hover, #005CF1)", + "normal": "var(--vkui--color_button_icon, #005FF9)", }, "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "active": "var(--vkui--color_button_stroke--active, #0059EA)", + "hover": "var(--vkui--color_button_stroke--hover, #005CF1)", + "normal": "var(--vkui--color_button_stroke, #005FF9)", }, "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "active": "var(--vkui--color_button_text--active, #0059EA)", + "hover": "var(--vkui--color_button_text--hover, #005CF1)", + "normal": "var(--vkui--color_button_text, #005FF9)", }, "colorFieldBackground": { "active": "var(--vkui--color_field_background--active, #EBECEF)", @@ -258395,14 +252201,14 @@ exports[`shapshots otvet 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, #0059EA)", + "hover": "var(--vkui--color_icon_accent--hover, #005CF1)", + "normal": "var(--vkui--color_icon_accent, #005FF9)", }, "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)", + "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)", }, "colorIconContrast": { "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", @@ -258504,10 +252310,100 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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))", }, + "colorPaletteBlue1": { + "active": "var(--vkui--color_palette_blue1--active, #264CEF)", + "hover": "var(--vkui--color_palette_blue1--hover, #274EF7)", + "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, #009FE4)", + "hover": "var(--vkui--color_palette_blue2--hover, #00A5EB)", + "normal": "var(--vkui--color_palette_blue2, #00abf2)", + }, + "colorPaletteBlue3": { + "active": "var(--vkui--color_palette_blue3--active, #23CED2)", + "hover": "var(--vkui--color_palette_blue3--hover, #24D7D9)", + "normal": "var(--vkui--color_palette_blue3, #26dfdf)", + }, + "colorPaletteGreen1": { + "active": "var(--vkui--color_palette_green1--active, #A0D016)", + "hover": "var(--vkui--color_palette_green1--hover, #A7D915)", + "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, #52B552)", + "hover": "var(--vkui--color_palette_green2--hover, #55BC53)", + "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, #33D98D)", + "hover": "var(--vkui--color_palette_green3--hover, #35E291)", + "normal": "var(--vkui--color_palette_green3, #37eb94)", + }, + "colorPaletteGreen4": { + "active": "var(--vkui--color_palette_green4--active, #00A4AA)", + "hover": "var(--vkui--color_palette_green4--hover, #00ABAE)", + "normal": "var(--vkui--color_palette_green4, #00b1b3)", + }, + "colorPaletteOrange1": { + "active": "var(--vkui--color_palette_orange1--active, #EB812F)", + "hover": "var(--vkui--color_palette_orange1--hover, #F5862F)", + "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, #E82A38)", + "hover": "var(--vkui--color_palette_red1--hover, #F22B38)", + "normal": "var(--vkui--color_palette_red1, #fc2c38)", + }, + "colorPaletteRed2": { + "active": "var(--vkui--color_palette_red2--active, #D8187C)", + "hover": "var(--vkui--color_palette_red2--hover, #E2197E)", + "normal": "var(--vkui--color_palette_red2, #eb1981)", + }, + "colorPaletteRed3": { + "active": "var(--vkui--color_palette_red3--active, #EB69B1)", + "hover": "var(--vkui--color_palette_red3--hover, #F56DB6)", + "normal": "var(--vkui--color_palette_red3, #ff71bb)", + }, + "colorPaletteViolet1": { + "active": "var(--vkui--color_palette_violet1--active, #6301EF)", + "hover": "var(--vkui--color_palette_violet1--hover, #6801F7)", + "normal": "var(--vkui--color_palette_violet1, #6c00ff)", + }, + "colorPaletteViolet2": { + "active": "var(--vkui--color_palette_violet2--active, #A06BEF)", + "hover": "var(--vkui--color_palette_violet2--hover, #A76FF7)", + "normal": "var(--vkui--color_palette_violet2, #ae73ff)", + }, + "colorPaletteYellow1": { + "active": "var(--vkui--color_palette_yellow1--active, #EBB515)", + "hover": "var(--vkui--color_palette_yellow1--hover, #F5BC13)", + "normal": "var(--vkui--color_palette_yellow1, #ffc311)", + }, "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)", + "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)", @@ -258559,15 +252455,50 @@ exports[`shapshots otvet 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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077ff)", + "active": "var(--vkui--color_stroke_accent--active, #0059EA)", + "hover": "var(--vkui--color_stroke_accent--hover, #005CF1)", + "normal": "var(--vkui--color_stroke_accent, #005FF9)", }, "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)", + "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)", }, "colorStrokeContrast": { "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", @@ -258589,15 +252520,65 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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)", + "colorTagBackgroundMint": { + "active": "var(--vkui--color_tag_background_mint--active, #A5DED0)", + "hover": "var(--vkui--color_tag_background_mint--hover, #ACE7D7)", + "normal": "var(--vkui--color_tag_background_mint, #B3F0DD)", + }, + "colorTagBackgroundOrange": { + "active": "var(--vkui--color_tag_background_orange--active, #EBC29F)", + "hover": "var(--vkui--color_tag_background_orange--hover, #F5CAA4)", + "normal": "var(--vkui--color_tag_background_orange, #FFD2A8)", + }, + "colorTagBackgroundPink": { + "active": "var(--vkui--color_tag_background_pink--active, #EBA5CD)", + "hover": "var(--vkui--color_tag_background_pink--hover, #F5ACD4)", + "normal": "var(--vkui--color_tag_background_pink, #FFB2DA)", + }, + "colorTagBackgroundPurple": { + "active": "var(--vkui--color_tag_background_purple--active, #BEA6E2)", + "hover": "var(--vkui--color_tag_background_purple--hover, #C6ACE9)", + "normal": "var(--vkui--color_tag_background_purple, #CEB3F0)", + }, + "colorTagBackgroundSky": { + "active": "var(--vkui--color_tag_background_sky--active, #97CEEF)", + "hover": "var(--vkui--color_tag_background_sky--hover, #9DD6F7)", + "normal": "var(--vkui--color_tag_background_sky, #A4DEFF)", + }, + "colorTagTextMint": { + "active": "var(--vkui--color_tag_text_mint--active, #1D5559)", + "hover": "var(--vkui--color_tag_text_mint--hover, #1F585A)", + "normal": "var(--vkui--color_tag_text_mint, #205B5B)", + }, + "colorTagTextOrange": { + "active": "var(--vkui--color_tag_text_orange--active, #543322)", + "hover": "var(--vkui--color_tag_text_orange--hover, #573421)", + "normal": "var(--vkui--color_tag_text_orange, #5B3620)", + }, + "colorTagTextPink": { + "active": "var(--vkui--color_tag_text_pink--active, #4B1F59)", + "hover": "var(--vkui--color_tag_text_pink--hover, #4E1F5A)", + "normal": "var(--vkui--color_tag_text_pink, #51205B)", + }, + "colorTagTextPurple": { + "active": "var(--vkui--color_tag_text_purple--active, #341F59)", + "hover": "var(--vkui--color_tag_text_purple--hover, #361F5A)", + "normal": "var(--vkui--color_tag_text_purple, #38205B)", + }, + "colorTagTextSky": { + "active": "var(--vkui--color_tag_text_sky--active, #1D3B59)", + "hover": "var(--vkui--color_tag_text_sky--hover, #1F3D5A)", + "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)", + }, + "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)", }, "colorTextContrast": { "active": "var(--vkui--color_text_contrast--active, #EBECEF)", @@ -258610,14 +252591,14 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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)", + "active": "var(--vkui--color_text_link--active, #0055C5)", + "hover": "var(--vkui--color_text_link--hover, #0058CB)", + "normal": "var(--vkui--color_text_link, #005BD1)", }, "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)", + "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)", }, "colorTextLinkTint": { "active": "var(--vkui--color_text_link_tint--active, #689EDD)", @@ -258635,9 +252616,9 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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)", + "active": "var(--vkui--color_text_negative--active, #DA0A35)", + "hover": "var(--vkui--color_text_negative--hover, #E40A34)", + "normal": "var(--vkui--color_text_negative, #ED0A34)", }, "colorTextPositive": { "active": "var(--vkui--color_text_positive--active, #0CB465)", @@ -258740,9 +252721,9 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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)", + "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)", }, "colorWriteBarInputBackground": { "active": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", @@ -258828,6 +252809,12 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, }, "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)", @@ -258873,33 +252860,46 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, }, "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, 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": "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, 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": "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, 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": "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)", @@ -258908,6 +252908,10 @@ exports[`shapshots otvet 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)", + }, "regular": { "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", @@ -258916,6 +252920,10 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, }, "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)", @@ -258932,6 +252940,10 @@ exports[`shapshots otvet 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, 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)", @@ -258940,6 +252952,10 @@ exports[`shapshots otvet 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)", + }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", @@ -258949,20 +252965,18 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` }, "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)", + "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)", - "marginBottom": "var(--vkui--font_title1--margin_bottom--regular, 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": "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": { @@ -258983,6 +252997,686 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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%)", + "octaviusColorActionArchive": { + "active": "var(--vkui--octavius_color_action_archive--active, #1D5625)", + "hover": "var(--vkui--octavius_color_action_archive--hover, #1E5924)", + "normal": "var(--vkui--octavius_color_action_archive, #1F5C23)", + }, + "octaviusColorBackground": { + "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))", + "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))", + }, + "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))", + }, + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "var(--vkui--octavius_color_background_negative_tint_alpha--active, rgba(236, 71, 80, 0.2))", + "hover": "var(--vkui--octavius_color_background_negative_tint_alpha--hover, rgba(236, 71, 80, 0.16))", + "normal": "var(--vkui--octavius_color_background_negative_tint_alpha, rgba(236, 71, 80, 0.12))", + }, + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "var(--vkui--octavius_color_background_positive_tint_alpha--active, rgba(13, 194, 104, 0.18))", + "hover": "var(--vkui--octavius_color_background_positive_tint_alpha--hover, rgba(13, 194, 104, 0.14))", + "normal": "var(--vkui--octavius_color_background_positive_tint_alpha, rgba(13, 194, 104, 0.1))", + }, + "octaviusColorButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_button_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_button_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_button_background_alpha, transparent)", + }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "var(--vkui--octavius_color_button_background_contrast_alpha--active, rgb(250, 250, 250))", + "hover": "var(--vkui--octavius_color_button_background_contrast_alpha--hover, rgb(250, 250, 250))", + "normal": "var(--vkui--octavius_color_button_background_contrast_alpha, rgba(250, 250, 250, 0.99))", + }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "var(--vkui--octavius_color_button_empty_state_background_alpha--active, rgba(0, 16, 61, 0.14))", + "hover": "var(--vkui--octavius_color_button_empty_state_background_alpha--hover, rgba(0, 16, 61, 0.1))", + "normal": "var(--vkui--octavius_color_button_empty_state_background_alpha, rgba(0, 16, 61, 0.06))", + }, + "octaviusColorButtonEmptyStateText": { + "active": "var(--vkui--octavius_color_button_empty_state_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_button_empty_state_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_button_empty_state_text, #2C2D2E)", + }, + "octaviusColorButtonIcon": { + "active": "var(--vkui--octavius_color_button_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_icon, #333333)", + }, + "octaviusColorButtonText": { + "active": "var(--vkui--octavius_color_button_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_button_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_button_text, #333333)", + }, + "octaviusColorContentScrollbarAlpha": { + "active": "var(--vkui--octavius_color_content_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_content_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_content_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + }, + "octaviusColorDatasetBackground": { + "active": "var(--vkui--octavius_color_dataset_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_dataset_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_dataset_background, #FFFFFF)", + }, + "octaviusColorEmptyStateText": { + "active": "var(--vkui--octavius_color_empty_state_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_empty_state_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_empty_state_text, #333333)", + }, + "octaviusColorEmptyStateTextLink": { + "active": "var(--vkui--octavius_color_empty_state_text_link--active, #0055C5)", + "hover": "var(--vkui--octavius_color_empty_state_text_link--hover, #0058CB)", + "normal": "var(--vkui--octavius_color_empty_state_text_link, #005bd1)", + }, + "octaviusColorHeaderBackground": { + "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(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, #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(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)", + "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)", + "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, #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, #0059EA)", + "hover": "var(--vkui--octavius_color_header_icon_unread--hover, #005CF1)", + "normal": "var(--vkui--octavius_color_header_icon_unread, #005FF9)", + }, + "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)", + }, + "octaviusColorHeaderSearchBackground": { + "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, #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, 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)", + "hover": "var(--vkui--octavius_color_header_search_chip_background_editable--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_header_search_chip_background_editable, #ffffff)", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_header_search_chip_border_editable_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorHeaderSearchIcon": { + "active": "var(--vkui--octavius_color_header_search_icon--active, #A7ABB4)", + "hover": "var(--vkui--octavius_color_header_search_icon--hover, #AFB1B9)", + "normal": "var(--vkui--octavius_color_header_search_icon, #b6b8be)", + }, + "octaviusColorHeaderSearchText": { + "active": "var(--vkui--octavius_color_header_search_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_header_search_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_header_search_text, #2C2D2E)", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "var(--vkui--octavius_color_header_search_text_collapsed--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_header_search_text_collapsed--hover, #82848C)", + "normal": "var(--vkui--octavius_color_header_search_text_collapsed, #87898F)", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "var(--vkui--octavius_color_header_tab_active_themed_alpha--active, rgba(0, 95, 249, 0.18))", + "hover": "var(--vkui--octavius_color_header_tab_active_themed_alpha--hover, rgba(0, 95, 249, 0.14))", + "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)", + }, + "octaviusColorHeaderTextSecondary": { + "active": "var(--vkui--octavius_color_header_text_secondary--active, #878B93)", + "hover": "var(--vkui--octavius_color_header_text_secondary--hover, #8D9197)", + "normal": "var(--vkui--octavius_color_header_text_secondary, #93969b)", + }, + "octaviusColorIconEvent": { + "active": "var(--vkui--octavius_color_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_icon_event, #09a6fa)", + }, + "octaviusColorIconEventAlpha": { + "active": "var(--vkui--octavius_color_icon_event_alpha--active, rgba(59, 186, 254, 0.18))", + "hover": "var(--vkui--octavius_color_icon_event_alpha--hover, rgba(59, 186, 254, 0.14))", + "normal": "var(--vkui--octavius_color_icon_event_alpha, rgba(59, 186, 254, 0.1))", + }, + "octaviusColorIconFavorite": { + "active": "var(--vkui--octavius_color_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_icon_favorite, #fc2c38)", + }, + "octaviusColorIconFees": { + "active": "var(--vkui--octavius_color_icon_fees--active, #D40105)", + "hover": "var(--vkui--octavius_color_icon_fees--hover, #DD0102)", + "normal": "var(--vkui--octavius_color_icon_fees, #e60000)", + }, + "octaviusColorIconFinance": { + "active": "var(--vkui--octavius_color_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_icon_finance, #2fc885)", + }, + "octaviusColorIconGames": { + "active": "var(--vkui--octavius_color_icon_games--active, #E4AC09)", + "hover": "var(--vkui--octavius_color_icon_games--hover, #EEB306)", + "normal": "var(--vkui--octavius_color_icon_games, #F8BA04)", + }, + "octaviusColorIconMailings": { + "active": "var(--vkui--octavius_color_icon_mailings--active, #E88018)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #F28517)", + "normal": "var(--vkui--octavius_color_icon_mailings, #FC8A15)", + }, + "octaviusColorIconNews": { + "active": "var(--vkui--octavius_color_icon_news--active, #079FCD)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #08A5D3)", + "normal": "var(--vkui--octavius_color_icon_news, #08ABD9)", + }, + "octaviusColorIconOfficial": { + "active": "var(--vkui--octavius_color_icon_official--active, #D9434E)", + "hover": "var(--vkui--octavius_color_icon_official--hover, #E3454F)", + "normal": "var(--vkui--octavius_color_icon_official, #EC4750)", + }, + "octaviusColorIconOrder": { + "active": "var(--vkui--octavius_color_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_icon_order, #ff54aa)", + }, + "octaviusColorIconOrderAlpha": { + "active": "var(--vkui--octavius_color_icon_order_alpha--active, rgba(249, 76, 163, 0.18))", + "hover": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(249, 76, 163, 0.14))", + "normal": "var(--vkui--octavius_color_icon_order_alpha, rgba(249, 76, 163, 0.1))", + }, + "octaviusColorIconReceipts": { + "active": "var(--vkui--octavius_color_icon_receipts--active, #6BB109)", + "hover": "var(--vkui--octavius_color_icon_receipts--hover, #6FB807)", + "normal": "var(--vkui--octavius_color_icon_receipts, #74BF05)", + }, + "octaviusColorIconRegistration": { + "active": "var(--vkui--octavius_color_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_icon_registration, #ff9e00)", + }, + "octaviusColorIconSchool": { + "active": "var(--vkui--octavius_color_icon_school--active, #9E75DE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #A57AE5)", + "normal": "var(--vkui--octavius_color_icon_school, #AC7EEC)", + }, + "octaviusColorIconSocial": { + "active": "var(--vkui--octavius_color_icon_social--active, #697EEF)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6D83F7)", + "normal": "var(--vkui--octavius_color_icon_social, #7288FF)", + }, + "octaviusColorIconToMyself": { + "active": "var(--vkui--octavius_color_icon_to_myself--active, #00AF8C)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #00B690)", + "normal": "var(--vkui--octavius_color_icon_to_myself, #00BD93)", + }, + "octaviusColorIconTravel": { + "active": "var(--vkui--octavius_color_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_icon_travel--hover, #B333F4)", + "normal": "var(--vkui--octavius_color_icon_travel, #ba34fc)", + }, + "octaviusColorIconTravelAlpha": { + "active": "var(--vkui--octavius_color_icon_travel_alpha--active, rgba(193, 93, 243, 0.18))", + "hover": "var(--vkui--octavius_color_icon_travel_alpha--hover, rgba(193, 93, 243, 0.14))", + "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)", + }, + "octaviusColorLayoutBorderAlpha": { + "active": "var(--vkui--octavius_color_layout_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_border_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "var(--vkui--octavius_color_layout_letter_border_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_layout_letter_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_layout_letter_border_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorLetterAttachListBackground": "var(--vkui--octavius_color_letter_attach_list_background, linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%))", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "var(--vkui--octavius_color_letter_contact_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_letter_contact_background_alpha--hover, rgba(0, 16, 61, 0.08))", + "normal": "var(--vkui--octavius_color_letter_contact_background_alpha, transparent)", + }, + "octaviusColorLetterListTextUnread": { + "active": "var(--vkui--octavius_color_letter_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_letter_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_letter_list_text_unread, #2c2d2e)", + }, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "var(--vkui--octavius_color_letter_preview_background_primary--active, #E5E6EB)", + "hover": "var(--vkui--octavius_color_letter_preview_background_primary--hover, #EFF0F2)", + "normal": "var(--vkui--octavius_color_letter_preview_background_primary, #F9F9FA)", + }, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "var(--vkui--octavius_color_letter_preview_background_secondary--active, #E0E1E6)", + "hover": "var(--vkui--octavius_color_letter_preview_background_secondary--hover, #E9EAEE)", + "normal": "var(--vkui--octavius_color_letter_preview_background_secondary, #F3F3F5)", + }, + "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))", + }, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "var(--vkui--octavius_color_list_background_positive_tags_outline--active, #DFE7E5)", + "hover": "var(--vkui--octavius_color_list_background_positive_tags_outline--hover, #E8F1ED)", + "normal": "var(--vkui--octavius_color_list_background_positive_tags_outline, #F2FAF4)", + }, + "octaviusColorListIconPrimary": { + "active": "var(--vkui--octavius_color_list_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_icon_primary, #2C2D2E)", + }, + "octaviusColorListLetterAdvBackground": { + "active": "var(--vkui--octavius_color_list_letter_adv_background--active, #DDE3EF)", + "hover": "var(--vkui--octavius_color_list_letter_adv_background--hover, #E6ECF7)", + "normal": "var(--vkui--octavius_color_list_letter_adv_background, #F0F5FF)", + }, + "octaviusColorListLetterBackground": { + "active": "var(--vkui--octavius_color_list_letter_background--active, #ebecef)", + "hover": "var(--vkui--octavius_color_list_letter_background--hover, #f5f5f7)", + "normal": "var(--vkui--octavius_color_list_letter_background, #ffffff)", + }, + "octaviusColorListLetterSeparatorAlpha": { + "active": "var(--vkui--octavius_color_list_letter_separator_alpha--active, rgba(0, 16, 61, 0.2))", + "hover": "var(--vkui--octavius_color_list_letter_separator_alpha--hover, rgba(0, 16, 61, 0.16))", + "normal": "var(--vkui--octavius_color_list_letter_separator_alpha, rgba(0, 16, 61, 0.12))", + }, + "octaviusColorListTextPrimary": { + "active": "var(--vkui--octavius_color_list_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_text_primary, #2C2D2E)", + }, + "octaviusColorListTextUnread": { + "active": "var(--vkui--octavius_color_list_text_unread--active, #282B2F)", + "hover": "var(--vkui--octavius_color_list_text_unread--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_list_text_unread, #2C2D2E)", + }, + "octaviusColorNotificationBorder": { + "active": "var(--vkui--octavius_color_notification_border--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_notification_border--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_notification_border, #ffffff)", + }, + "octaviusColorOverlayBackground": { + "active": "var(--vkui--octavius_color_overlay_background--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_overlay_background--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_overlay_background, transparent)", + }, + "octaviusColorPlaceholderBackground": { + "active": "var(--vkui--octavius_color_placeholder_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_placeholder_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_placeholder_background, #ffffff)", + }, + "octaviusColorPortalMenuBackground": { + "active": "var(--vkui--octavius_color_portal_menu_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_portal_menu_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_portal_menu_background, #FFFFFF)", + }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "var(--vkui--octavius_color_portal_search_background_alpha--active, rgb(255, 255, 255))", + "hover": "var(--vkui--octavius_color_portal_search_background_alpha--hover, rgb(255, 255, 255))", + "normal": "var(--vkui--octavius_color_portal_search_background_alpha, rgba(255, 255, 255, .99))", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--active, rgb(0, 95, 255))", + "hover": "var(--vkui--octavius_color_portal_search_icon_themed_alpha--hover, rgb(0, 95, 255))", + "normal": "var(--vkui--octavius_color_portal_search_icon_themed_alpha, rgba(0, 95, 255, .99))", + }, + "octaviusColorPromoBackground": { + "active": "var(--vkui--octavius_color_promo_background--active, #D8DCE6)", + "hover": "var(--vkui--octavius_color_promo_background--hover, #E2E5EE)", + "normal": "var(--vkui--octavius_color_promo_background, #EBEEF5)", + }, + "octaviusColorSidebarButtonBackground": { + "active": "var(--vkui--octavius_color_sidebar_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_button_background, #FFFFFF)", + }, + "octaviusColorSidebarButtonIcon": { + "active": "var(--vkui--octavius_color_sidebar_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_icon--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_button_icon, #2C2D2E)", + }, + "octaviusColorSidebarButtonText": { + "active": "var(--vkui--octavius_color_sidebar_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_button_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_button_text, #2C2D2E)", + }, + "octaviusColorSidebarComposeButtonBackground": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_background--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_background--hover, #F5F5F7)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_background, #ffffff)", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_icon--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_icon--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_icon, #2c2d2e)", + }, + "octaviusColorSidebarComposeButtonText": { + "active": "var(--vkui--octavius_color_sidebar_compose_button_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_compose_button_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_compose_button_text, #2c2d2e)", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_counter_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_counter_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_counter_background_alpha, transparent)", + }, + "octaviusColorSidebarCounterText": { + "active": "var(--vkui--octavius_color_sidebar_counter_text--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_counter_text--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_counter_text, #2C2D2E)", + }, + "octaviusColorSidebarIconEvent": { + "active": "var(--vkui--octavius_color_sidebar_icon_event--active, #089AEB)", + "hover": "var(--vkui--octavius_color_sidebar_icon_event--hover, #09A0F2)", + "normal": "var(--vkui--octavius_color_sidebar_icon_event, #09a6fa)", + }, + "octaviusColorSidebarIconFavorite": { + "active": "var(--vkui--octavius_color_sidebar_icon_favorite--active, #E82A38)", + "hover": "var(--vkui--octavius_color_sidebar_icon_favorite--hover, #F22B38)", + "normal": "var(--vkui--octavius_color_sidebar_icon_favorite, #fc2c38)", + }, + "octaviusColorSidebarIconFees": { + "active": "var(--vkui--octavius_color_sidebar_icon_fees--active, #D40105)", + "hover": "var(--vkui--octavius_color_sidebar_icon_fees--hover, #DD0102)", + "normal": "var(--vkui--octavius_color_sidebar_icon_fees, #e60000)", + }, + "octaviusColorSidebarIconFinance": { + "active": "var(--vkui--octavius_color_sidebar_icon_finance--active, #2BB97F)", + "hover": "var(--vkui--octavius_color_sidebar_icon_finance--hover, #2DC182)", + "normal": "var(--vkui--octavius_color_sidebar_icon_finance, #2fc885)", + }, + "octaviusColorSidebarIconOrder": { + "active": "var(--vkui--octavius_color_sidebar_icon_order--active, #EB4FA1)", + "hover": "var(--vkui--octavius_color_sidebar_icon_order--hover, #F551A6)", + "normal": "var(--vkui--octavius_color_sidebar_icon_order, #ff54aa)", + }, + "octaviusColorSidebarIconRegistration": { + "active": "var(--vkui--octavius_color_sidebar_icon_registration--active, #EB9305)", + "hover": "var(--vkui--octavius_color_sidebar_icon_registration--hover, #F59802)", + "normal": "var(--vkui--octavius_color_sidebar_icon_registration, #ff9e00)", + }, + "octaviusColorSidebarIconTravel": { + "active": "var(--vkui--octavius_color_sidebar_icon_travel--active, #AB31ED)", + "hover": "var(--vkui--octavius_color_sidebar_icon_travel--hover, #B333F4)", + "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)", + }, + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_item_background_alpha--active, rgba(0, 16, 61, 0.08))", + "hover": "var(--vkui--octavius_color_sidebar_item_background_alpha--hover, rgba(0, 16, 61, 0.04))", + "normal": "var(--vkui--octavius_color_sidebar_item_background_alpha, transparent)", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_item_button_background_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_item_button_background_alpha, rgba(0, 16, 61, 0.08))", + }, + "octaviusColorSidebarItemIcon": { + "active": "var(--vkui--octavius_color_sidebar_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon, #333333)", + }, + "octaviusColorSidebarItemIconActive": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2C2D2E)", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "var(--vkui--octavius_color_sidebar_item_icon_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_icon_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #87898F)", + }, + "octaviusColorSidebarItemText": { + "active": "var(--vkui--octavius_color_sidebar_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_item_text, #333333)", + }, + "octaviusColorSidebarItemTextActive": { + "active": "var(--vkui--octavius_color_sidebar_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_active, #2C2D2E)", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_primary, #2C2D2E)", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_item_text_secondary, #87898F)", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--active, rgba(0, 16, 61, 0.16))", + "hover": "var(--vkui--octavius_color_sidebar_scrollbar_alpha--hover, rgba(0, 16, 61, 0.12))", + "normal": "var(--vkui--octavius_color_sidebar_scrollbar_alpha, rgba(0, 16, 61, 0.08))", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon, #333333)", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #A5A7AD)", + }, + "octaviusColorSidebarShortItemText": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text--active, #2F3034)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text--hover, #313233)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text, #333333)", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text_active--active, #282B2F)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_active--hover, #2A2C2F)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_active, #2C2D2E)", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--octavius_color_sidebar_short_item_text_secondary--hover, #82848C)", + "normal": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #87898F)", + }, + "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, #2C2D31)", + "hover": "var(--vkui--octavius_color_snackbar_background--hover, #2E2F31)", + "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)", + }, + "octaviusColorSnackbarIconNegative": { + "active": "var(--vkui--octavius_color_snackbar_icon_negative--active, #EB565A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_negative--hover, #F5595B)", + "normal": "var(--vkui--octavius_color_snackbar_icon_negative, #FF5C5C)", + }, + "octaviusColorSnackbarIconPositive": { + "active": "var(--vkui--octavius_color_snackbar_icon_positive--active, #0CB465)", + "hover": "var(--vkui--octavius_color_snackbar_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--octavius_color_snackbar_icon_positive, #0DC268)", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "var(--vkui--octavius_color_snackbar_icon_secondary--active, #90929A)", + "hover": "var(--vkui--octavius_color_snackbar_icon_secondary--hover, #96979E)", + "normal": "var(--vkui--octavius_color_snackbar_icon_secondary, #9C9DA2)", + }, + "octaviusColorSnackbarIconWarning": { + "active": "var(--vkui--octavius_color_snackbar_icon_warning--active, #EB9305)", + "hover": "var(--vkui--octavius_color_snackbar_icon_warning--hover, #F59802)", + "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)", + }, + "octaviusColorSnackbarTextContrast": { + "active": "var(--vkui--octavius_color_snackbar_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--octavius_color_snackbar_text_contrast--hover, #F5F5F7)", + "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))", + }, + "octaviusColorTextFees": { + "active": "var(--vkui--octavius_color_text_fees--active, #EB2D30)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #F52E30)", + "normal": "var(--vkui--octavius_color_text_fees, #FF2F2F)", + }, + "octaviusColorTextFinance": { + "active": "var(--vkui--octavius_color_text_finance--active, #24A571)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #25AC73)", + "normal": "var(--vkui--octavius_color_text_finance, #27B275)", + }, + "octaviusColorTextGames": { + "active": "var(--vkui--octavius_color_text_games--active, #D8A205)", + "hover": "var(--vkui--octavius_color_text_games--hover, #E2A902)", + "normal": "var(--vkui--octavius_color_text_games, #EBAF00)", + }, + "octaviusColorTextMailings": { + "active": "var(--vkui--octavius_color_text_mailings--active, #E88018)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #F28517)", + "normal": "var(--vkui--octavius_color_text_mailings, #FC8A15)", + }, + "octaviusColorTextNews": { + "active": "var(--vkui--octavius_color_text_news--active, #079FCD)", + "hover": "var(--vkui--octavius_color_text_news--hover, #08A5D3)", + "normal": "var(--vkui--octavius_color_text_news, #08ABD9)", + }, + "octaviusColorTextSchool": { + "active": "var(--vkui--octavius_color_text_school--active, #B975DE)", + "hover": "var(--vkui--octavius_color_text_school--hover, #C17AE5)", + "normal": "var(--vkui--octavius_color_text_school, #C97EEC)", + }, + "octaviusColorTextSocial": { + "active": "var(--vkui--octavius_color_text_social--active, #4E63CD)", + "hover": "var(--vkui--octavius_color_text_social--hover, #5266D3)", + "normal": "var(--vkui--octavius_color_text_social, #556AD9)", + }, + "octaviusColorTextToMyself": { + "active": "var(--vkui--octavius_color_text_to_myself--active, #11A7B5)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #12ADBA)", + "normal": "var(--vkui--octavius_color_text_to_myself, #13B4BF)", + }, + "octaviusColorThreadFooterBackground": { + "active": "var(--vkui--octavius_color_thread_footer_background--active, #D8DAE1)", + "hover": "var(--vkui--octavius_color_thread_footer_background--hover, #E2E3E8)", + "normal": "var(--vkui--octavius_color_thread_footer_background, #ebecef)", + }, + "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, underline)", + "hover": "var(--vkui--octavius_text_decoration_empty_state_text_link--hover, underline)", + "normal": "var(--vkui--octavius_text_decoration_empty_state_text_link, none)", + }, + "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": { @@ -259038,6 +253732,7 @@ exports[`shapshots otvet 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)", }, "sizeBasePaddingHorizontal": { @@ -259059,7 +253754,7 @@ exports[`shapshots otvet 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)", @@ -259110,12 +253805,15 @@ exports[`shapshots otvet 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)", }, "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": { @@ -259125,6 +253823,7 @@ exports[`shapshots otvet 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": { @@ -259137,6 +253836,7 @@ exports[`shapshots otvet 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)", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -259176,6 +253876,7 @@ exports[`shapshots otvet 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)", }, "sizeDivPadding": { @@ -259191,7 +253892,8 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 40px)", + "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)", @@ -259206,6 +253908,7 @@ exports[`shapshots otvet 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)", }, "sizeFormItemPaddingVertical": { @@ -259216,13 +253919,15 @@ exports[`shapshots otvet 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)", }, "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, 18px)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -259258,18 +253963,22 @@ exports[`shapshots otvet 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)", }, "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": { @@ -259288,9 +253997,11 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` "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": { @@ -259309,12 +254020,15 @@ exports[`shapshots otvet 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)", }, "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": { @@ -259357,8 +254071,8 @@ exports[`shapshots otvet 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, otvet)", - "themeNameBase": "var(--vkui--theme_name_base, otvet)", + "themeName": "var(--vkui--theme_name, octaviusWhite)", + "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)", @@ -259368,6 +254082,10 @@ exports[`shapshots otvet 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)")", "x0": "var(--vkui--x0, 0px)", "x025": "var(--vkui--x025, 1px)", "x05": "var(--vkui--x05, 2px)", @@ -259387,7 +254105,7 @@ exports[`shapshots otvet theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots otvet theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusWhite theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -259396,6 +254114,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -259406,9 +254128,9 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorAccentCyan": { "active": "#06D4EA", @@ -259476,9 +254198,14 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "colorAlert": { + "active": "#B2311E", + "hover": "#B9331C", + "normal": "#c1341b", }, "colorAvatarOverlay": { "active": "rgba(145, 147, 153, 0.56)", @@ -259506,14 +254233,14 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 255, 0.2)", + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", }, "colorBackgroundAccentTint": { "active": "#5393EF", @@ -259660,6 +254387,16 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "rgba(0, 0, 0, 0.08)", "normal": "rgba(0, 0, 0, 0.04)", }, + "colorBackgroundThumbnail": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#EBECEF", + }, + "colorBackgroundThumbnailAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, "colorBackgroundWarning": { "active": "#EBDFA4", "hover": "#F5E8A9", @@ -259696,19 +254433,19 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 1)", }, "colorButtonIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorFieldBackground": { "active": "#EBECEF", @@ -259726,14 +254463,14 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorIconContrast": { "active": "#EBECEF", @@ -259835,50 +254572,140 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "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", + "colorPaletteBlue1": { + "active": "#264CEF", + "hover": "#274EF7", + "normal": "#2951ff", }, - "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "colorPaletteBlue2": { + "active": "#009FE4", + "hover": "#00A5EB", + "normal": "#00abf2", }, - "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "colorPaletteBlue3": { + "active": "#23CED2", + "hover": "#24D7D9", + "normal": "#26dfdf", }, - "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", + "colorPaletteGreen1": { + "active": "#A0D016", + "hover": "#A7D915", + "normal": "#aee113", }, - "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "colorPaletteGreen1Alpha": { + "active": "rgba(92, 186, 56, 0.2)", + "hover": "rgba(92, 186, 56, 0.16)", + "normal": "rgba(92, 186, 56, 0.12)", }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "colorPaletteGreen2": { + "active": "#52B552", + "hover": "#55BC53", + "normal": "#59c354", }, - "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "colorPaletteGreen2Alpha": { + "active": "rgba(0, 230, 180, 0.16)", + "hover": "rgba(0, 230, 180, 0.12)", + "normal": "rgba(0, 230, 180, 0.08)", + }, + "colorPaletteGreen3": { + "active": "#33D98D", + "hover": "#35E291", + "normal": "#37eb94", + }, + "colorPaletteGreen4": { + "active": "#00A4AA", + "hover": "#00ABAE", + "normal": "#00b1b3", + }, + "colorPaletteOrange1": { + "active": "#EB812F", + "hover": "#F5862F", + "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": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "colorPaletteRed2": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", + }, + "colorPaletteRed3": { + "active": "#EB69B1", + "hover": "#F56DB6", + "normal": "#ff71bb", + }, + "colorPaletteViolet1": { + "active": "#6301EF", + "hover": "#6801F7", + "normal": "#6c00ff", + }, + "colorPaletteViolet2": { + "active": "#A06BEF", + "hover": "#A76FF7", + "normal": "#ae73ff", + }, + "colorPaletteYellow1": { + "active": "#EBB515", + "hover": "#F5BC13", + "normal": "#ffc311", + }, + "colorPanelHeaderIcon": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "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", @@ -259890,15 +254717,50 @@ exports[`shapshots otvet 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -259920,15 +254782,65 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "hover": "#939CA9", "normal": "#99A2AD", }, + "colorTagBackgroundMint": { + "active": "#A5DED0", + "hover": "#ACE7D7", + "normal": "#B3F0DD", + }, + "colorTagBackgroundOrange": { + "active": "#EBC29F", + "hover": "#F5CAA4", + "normal": "#FFD2A8", + }, + "colorTagBackgroundPink": { + "active": "#EBA5CD", + "hover": "#F5ACD4", + "normal": "#FFB2DA", + }, + "colorTagBackgroundPurple": { + "active": "#BEA6E2", + "hover": "#C6ACE9", + "normal": "#CEB3F0", + }, + "colorTagBackgroundSky": { + "active": "#97CEEF", + "hover": "#9DD6F7", + "normal": "#A4DEFF", + }, + "colorTagTextMint": { + "active": "#1D5559", + "hover": "#1F585A", + "normal": "#205B5B", + }, + "colorTagTextOrange": { + "active": "#543322", + "hover": "#573421", + "normal": "#5B3620", + }, + "colorTagTextPink": { + "active": "#4B1F59", + "hover": "#4E1F5A", + "normal": "#51205B", + }, + "colorTagTextPurple": { + "active": "#341F59", + "hover": "#361F5A", + "normal": "#38205B", + }, + "colorTagTextSky": { + "active": "#1D3B59", + "hover": "#1F3D5A", + "normal": "#203F5B", + }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorTextContrast": { "active": "#EBECEF", @@ -259941,14 +254853,14 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005BD1", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005BD1", }, "colorTextLinkTint": { "active": "#689EDD", @@ -259966,9 +254878,9 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#DA0A35", + "hover": "#E40A34", + "normal": "#ED0A34", }, "colorTextPositive": { "active": "#0CB465", @@ -260071,9 +254983,9 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", }, "colorWriteBarInputBackground": { "active": "#DDDFE4", @@ -260159,6 +255071,12 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "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, @@ -260204,33 +255122,46 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": 44, - "fontWeight": 700, - "lineHeight": "52px", - "marginBottom": 20, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, }, }, "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": 32, - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": 16, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 700, - "lineHeight": "32px", - "marginBottom": 12, + "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, @@ -260239,6 +255170,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -260247,6 +255182,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, @@ -260263,6 +255202,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, @@ -260271,6 +255214,10 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, }, "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, @@ -260280,20 +255227,18 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 700, - "lineHeight": "28px", - "marginBottom": 12, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": 12, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontTitle3": { @@ -260314,6 +255259,686 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "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%", + "octaviusColorActionArchive": { + "active": "#1D5625", + "hover": "#1E5924", + "normal": "#1F5C23", + }, + "octaviusColorBackground": { + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", + }, + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "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)", + }, + "octaviusColorBackgroundNegativeTintAlpha": { + "active": "rgba(236, 71, 80, 0.2)", + "hover": "rgba(236, 71, 80, 0.16)", + "normal": "rgba(236, 71, 80, 0.12)", + }, + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", + }, + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgb(250, 250, 250)", + "hover": "rgb(250, 250, 250)", + "normal": "rgba(250, 250, 250, 0.99)", + }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.14)", + "hover": "rgba(0, 16, 61, 0.1)", + "normal": "rgba(0, 16, 61, 0.06)", + }, + "octaviusColorButtonEmptyStateText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorButtonIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorButtonText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorDatasetBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorEmptyStateText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorEmptyStateTextLink": { + "active": "#0055C5", + "hover": "#0058CB", + "normal": "#005bd1", + }, + "octaviusColorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "transparent", + }, + "octaviusColorHeaderButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", + }, + "octaviusColorHeaderIcon": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderIconAttach": { + "active": "#C8CAD0", + "hover": "#D0D2D7", + "normal": "#D9DADD", + }, + "octaviusColorHeaderIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#FC2C38", + }, + "octaviusColorHeaderIconUnread": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "octaviusColorHeaderProgress": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "octaviusColorHeaderSearchBackground": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#f0f1f3", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "rgba(255, 255, 255, 0.4)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorHeaderSearchIcon": { + "active": "#A7ABB4", + "hover": "#AFB1B9", + "normal": "#b6b8be", + }, + "octaviusColorHeaderSearchText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, .10)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "octaviusColorHeaderTextSecondary": { + "active": "#878B93", + "hover": "#8D9197", + "normal": "#93969b", + }, + "octaviusColorIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", + }, + "octaviusColorIconEventAlpha": { + "active": "rgba(59, 186, 254, 0.18)", + "hover": "rgba(59, 186, 254, 0.14)", + "normal": "rgba(59, 186, 254, 0.1)", + }, + "octaviusColorIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "octaviusColorIconFees": { + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", + }, + "octaviusColorIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", + }, + "octaviusColorIconGames": { + "active": "#E4AC09", + "hover": "#EEB306", + "normal": "#F8BA04", + }, + "octaviusColorIconMailings": { + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", + }, + "octaviusColorIconNews": { + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", + }, + "octaviusColorIconOfficial": { + "active": "#D9434E", + "hover": "#E3454F", + "normal": "#EC4750", + }, + "octaviusColorIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", + }, + "octaviusColorIconOrderAlpha": { + "active": "rgba(249, 76, 163, 0.18)", + "hover": "rgba(249, 76, 163, 0.14)", + "normal": "rgba(249, 76, 163, 0.1)", + }, + "octaviusColorIconReceipts": { + "active": "#6BB109", + "hover": "#6FB807", + "normal": "#74BF05", + }, + "octaviusColorIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "octaviusColorIconSchool": { + "active": "#9E75DE", + "hover": "#A57AE5", + "normal": "#AC7EEC", + }, + "octaviusColorIconSocial": { + "active": "#697EEF", + "hover": "#6D83F7", + "normal": "#7288FF", + }, + "octaviusColorIconToMyself": { + "active": "#00AF8C", + "hover": "#00B690", + "normal": "#00BD93", + }, + "octaviusColorIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", + }, + "octaviusColorIconTravelAlpha": { + "active": "rgba(193, 93, 243, 0.18)", + "hover": "rgba(193, 93, 243, 0.14)", + "normal": "rgba(193, 93, 243, 0.1)", + }, + "octaviusColorIconUnread": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "octaviusColorLayoutBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorLayoutLetterBorderAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorLetterAttachListBackground": "linear-gradient(270deg,#fff 22.77%,rgba(255,255,255,0) 104.46%)", + "octaviusColorLetterContactBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.08)", + "normal": "transparent", + }, + "octaviusColorLetterListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorLetterPreviewBackgroundPrimary": { + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", + }, + "octaviusColorLetterPreviewBackgroundSecondary": { + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", + }, + "octaviusColorListBackgroundPositiveAlpha": { + "active": "rgba(13, 194, 104, 0.16)", + "hover": "rgba(13, 194, 104, 0.12)", + "normal": "rgba(13, 194, 104, 0.08)", + }, + "octaviusColorListBackgroundPositiveTagsOutline": { + "active": "#DFE7E5", + "hover": "#E8F1ED", + "normal": "#F2FAF4", + }, + "octaviusColorListIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorListLetterAdvBackground": { + "active": "#DDE3EF", + "hover": "#E6ECF7", + "normal": "#F0F5FF", + }, + "octaviusColorListLetterBackground": { + "active": "#ebecef", + "hover": "#f5f5f7", + "normal": "#ffffff", + }, + "octaviusColorListLetterSeparatorAlpha": { + "active": "rgba(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", + }, + "octaviusColorListTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorListTextUnread": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorNotificationBorder": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorOverlayBackground": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorPlaceholderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorPortalMenuBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorPortalSearchBackgroundAlpha": { + "active": "rgb(255, 255, 255)", + "hover": "rgb(255, 255, 255)", + "normal": "rgba(255, 255, 255, .99)", + }, + "octaviusColorPortalSearchIconThemedAlpha": { + "active": "rgb(0, 95, 255)", + "hover": "rgb(0, 95, 255)", + "normal": "rgba(0, 95, 255, .99)", + }, + "octaviusColorPromoBackground": { + "active": "#D8DCE6", + "hover": "#E2E5EE", + "normal": "#EBEEF5", + }, + "octaviusColorSidebarButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSidebarButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarComposeButtonBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "octaviusColorSidebarComposeButtonIcon": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarComposeButtonText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "octaviusColorSidebarCounterBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarCounterText": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarIconEvent": { + "active": "#089AEB", + "hover": "#09A0F2", + "normal": "#09a6fa", + }, + "octaviusColorSidebarIconFavorite": { + "active": "#E82A38", + "hover": "#F22B38", + "normal": "#fc2c38", + }, + "octaviusColorSidebarIconFees": { + "active": "#D40105", + "hover": "#DD0102", + "normal": "#e60000", + }, + "octaviusColorSidebarIconFinance": { + "active": "#2BB97F", + "hover": "#2DC182", + "normal": "#2fc885", + }, + "octaviusColorSidebarIconOrder": { + "active": "#EB4FA1", + "hover": "#F551A6", + "normal": "#ff54aa", + }, + "octaviusColorSidebarIconRegistration": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#ff9e00", + }, + "octaviusColorSidebarIconTravel": { + "active": "#AB31ED", + "hover": "#B333F4", + "normal": "#ba34fc", + }, + "octaviusColorSidebarIconUnread": { + "active": "#0059EA", + "hover": "#005CF1", + "normal": "#005FF9", + }, + "octaviusColorSidebarItemBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "octaviusColorSidebarItemButtonBackgroundAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorSidebarItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemIconSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemTextPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarScrollbarAlpha": { + "active": "rgba(0, 16, 61, 0.16)", + "hover": "rgba(0, 16, 61, 0.12)", + "normal": "rgba(0, 16, 61, 0.08)", + }, + "octaviusColorSidebarShortItemIcon": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemIconActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemIconSecondary": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", + }, + "octaviusColorSidebarShortItemText": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "octaviusColorSidebarShortItemTextActive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "octaviusColorSidebarShortItemTextSecondary": { + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", + }, + "octaviusColorSidebarWidgetBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorSnackbarBackground": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, + "octaviusColorSnackbarIconAccent": { + "active": "#5190EF", + "hover": "#5495F7", + "normal": "#589BFF", + }, + "octaviusColorSnackbarIconNegative": { + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#FF5C5C", + }, + "octaviusColorSnackbarIconPositive": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", + }, + "octaviusColorSnackbarIconSecondary": { + "active": "#90929A", + "hover": "#96979E", + "normal": "#9C9DA2", + }, + "octaviusColorSnackbarIconWarning": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", + }, + "octaviusColorSnackbarTextAccent": { + "active": "#5190EF", + "hover": "#5495F7", + "normal": "#589BFF", + }, + "octaviusColorSnackbarTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "octaviusColorSnackbarTransparent": { + "active": "rgba(255, 255, 255, 0.04)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "rgba(255, 255, 255, 0.16)", + }, + "octaviusColorTextFees": { + "active": "#EB2D30", + "hover": "#F52E30", + "normal": "#FF2F2F", + }, + "octaviusColorTextFinance": { + "active": "#24A571", + "hover": "#25AC73", + "normal": "#27B275", + }, + "octaviusColorTextGames": { + "active": "#D8A205", + "hover": "#E2A902", + "normal": "#EBAF00", + }, + "octaviusColorTextMailings": { + "active": "#E88018", + "hover": "#F28517", + "normal": "#FC8A15", + }, + "octaviusColorTextNews": { + "active": "#079FCD", + "hover": "#08A5D3", + "normal": "#08ABD9", + }, + "octaviusColorTextSchool": { + "active": "#B975DE", + "hover": "#C17AE5", + "normal": "#C97EEC", + }, + "octaviusColorTextSocial": { + "active": "#4E63CD", + "hover": "#5266D3", + "normal": "#556AD9", + }, + "octaviusColorTextToMyself": { + "active": "#11A7B5", + "hover": "#12ADBA", + "normal": "#13B4BF", + }, + "octaviusColorThreadFooterBackground": { + "active": "#D8DAE1", + "hover": "#E2E3E8", + "normal": "#ebecef", + }, + "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": "underline", + "hover": "underline", + "normal": "none", + }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { @@ -260369,6 +255994,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { + "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -260390,7 +256016,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -260441,12 +256067,15 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { + "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { + "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { + "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -260456,6 +256085,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -260468,6 +256098,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { + "compact": 28, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -260507,6 +256138,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { + "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -260522,7 +256154,8 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "regular": 40, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { "regular": 20, @@ -260537,6 +256170,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { + "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -260547,13 +256181,15 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { + "compact": 8, "regular": 12, }, "sizeIconMorePadding": { + "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 18, + "regular": 16, }, "sizeIllustrationL": { "regular": 144, @@ -260589,18 +256225,22 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "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": { @@ -260619,9 +256259,11 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeSearchHeight": { + "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { + "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -260640,12 +256282,15 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { + "compact": 12, "regular": 14, }, "sizeSwitchPin": { + "compact": 18, "regular": 20, }, "sizeSwitchWidth": { + "compact": 32, "regular": 34, }, "sizeTabMargin": { @@ -260688,8 +256333,8 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "otvet", - "themeNameBase": "otvet", + "themeName": "octaviusWhite", + "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -260699,9 +256344,13 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "x0": 0, - "x025": 1, - "x05": 2, + "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, @@ -260718,7 +256367,7 @@ exports[`shapshots otvet theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -260742,6 +256391,10 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -260763,15 +256416,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #3880FC)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_blue--hover, #307BFC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077ff)", + "value": "var(--vkui--color_accent_blue, #2775FC)", }, }, "colorAccentCyan": { @@ -260959,15 +256612,29 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #4487FD)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "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": { @@ -261015,15 +256682,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #3880FC)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #307BFC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #2775FC)", }, }, "colorBackgroundAccentAlternative": { @@ -261085,57 +256752,57 @@ exports[`shapshots otvetDark 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, 119, 255, 0.18))", + "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, 119, 255, 0.14))", + "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, 119, 255, 0.1))", + "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, #3C3C3D)", + "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, #333334)", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #F1F4FF)", }, "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, #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))", + "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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.08))", + "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, #2B2B2B)", + "value": "var(--vkui--color_background_content--active, #353536)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2B)", + "value": "var(--vkui--color_background_content--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #191919)", + "value": "var(--vkui--color_background_content, #232324)", }, }, "colorBackgroundContentInverse": { @@ -261281,43 +256948,43 @@ exports[`shapshots otvetDark 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, 51, 10, 0.18))", + "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, 51, 10, 0.14))", + "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, 51, 10, 0.1))", + "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, #3C3C3D)", + "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, #333334)", + "value": "var(--vkui--color_background_negative_tint_themed--hover, #FAECEC)", }, "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, #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))", + "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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.08))", + "value": "var(--vkui--color_background_negative_tint_themed_alpha, rgba(237, 10, 52, 0.08))", }, }, "colorBackgroundPositive": { @@ -261474,6 +257141,34 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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", @@ -261547,15 +257242,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorButtonContrast": { "active": { "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #222222)", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #1F1F1F)", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #1B1B1B)", + "value": "var(--vkui--color_button_contrast, #252526)", }, }, "colorButtonContrastAlpha": { @@ -261631,15 +257326,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorFieldBorderAlpha": { "active": { "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, transparent)", + "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, transparent)", + "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, transparent)", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.16))", }, }, "colorHeaderBackground": { @@ -261659,15 +257354,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_icon_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "value": "var(--vkui--color_icon_accent, #3C82FD)", }, }, "colorIconAccentThemed": { @@ -261785,15 +257480,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #BABABA)", + "value": "var(--vkui--color_icon_primary--active, #DCDDE0)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #B7B7B7)", + "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #B4B4B4)", + "value": "var(--vkui--color_icon_primary, #D9DADD)", }, }, "colorIconPrimaryInvariably": { @@ -261813,15 +257508,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #6C6C6C)", + "value": "var(--vkui--color_icon_secondary--active, #A4A5A9)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #656565)", + "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #5F5F5F)", + "value": "var(--vkui--color_icon_secondary, #9C9DA2)", }, }, "colorIconSecondaryAlpha": { @@ -261964,18 +257659,270 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_panel_header_icon--hover, #4487FD)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "value": "var(--vkui--color_panel_header_icon, #3C82FD)", }, }, "colorRating": { @@ -262118,18 +258065,116 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "value": "var(--vkui--color_stroke_accent, #3C82FD)", }, }, "colorStrokeAccentThemed": { @@ -262202,18 +258247,158 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "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, #2C8FFF)", + "value": "var(--vkui--color_text_accent--active, #4C8CFD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #4487FD)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "value": "var(--vkui--color_text_accent, #3C82FD)", }, }, "colorTextAccentThemed": { @@ -262261,15 +258446,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #65A3FF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #5F9FFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "value": "var(--vkui--color_text_link, #589BFF)", }, }, "colorTextLinkThemed": { @@ -262625,15 +258810,15 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #4487FD)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "value": "var(--vkui--color_write_bar_icon, #3C82FD)", }, }, "colorWriteBarInputBackground": { @@ -262684,23 +258869,23 @@ exports[`shapshots otvetDark 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, 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": { @@ -263035,6 +259220,24 @@ exports[`shapshots otvetDark 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", @@ -263252,31 +259455,33 @@ exports[`shapshots otvetDark 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)", }, }, }, @@ -263298,31 +259503,33 @@ exports[`shapshots otvetDark 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)", }, }, }, @@ -263344,31 +259551,33 @@ exports[`shapshots otvetDark 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)", }, }, }, @@ -263391,6 +259600,16 @@ exports[`shapshots otvetDark 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", @@ -263429,6 +259648,16 @@ exports[`shapshots otvetDark 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", @@ -263467,6 +259696,16 @@ exports[`shapshots otvetDark 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", @@ -263543,6 +259782,16 @@ exports[`shapshots otvetDark 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", @@ -263581,6 +259830,16 @@ exports[`shapshots otvetDark 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", @@ -263618,32 +259877,24 @@ exports[`shapshots otvetDark 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": { @@ -263664,31 +259915,23 @@ exports[`shapshots otvetDark 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)", }, }, }, @@ -263756,7 +259999,7 @@ exports[`shapshots otvetDark 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", @@ -263764,1362 +260007,3392 @@ exports[`shapshots otvetDark 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)", + "octaviusColorIconMailings": { + "active": { + "name": "--vkui--octavius_color_icon_mailings--active", + "value": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "hover": { + "name": "--vkui--octavius_color_icon_mailings--hover", + "value": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_mailings", + "value": "var(--vkui--octavius_color_icon_mailings, #FFA447)", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "octaviusColorIconNews": { + "active": { + "name": "--vkui--octavius_color_icon_news--active", + "value": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "hover": { + "name": "--vkui--octavius_color_icon_news--hover", + "value": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_news", + "value": "var(--vkui--octavius_color_icon_news, #1DB8E4)", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "octaviusColorIconOfficial": { + "active": { + "name": "--vkui--octavius_color_icon_official--active", + "value": "var(--vkui--octavius_color_icon_official--active, #EE565E)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 80px)", + "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)", }, }, - "sizeButtonMorePadding": { - "auto": { - "name": "--vkui--size_button_more_padding", - "value": "var(--vkui--size_button_more_padding)", + "octaviusColorIconOrder": { + "active": { + "name": "--vkui--octavius_color_icon_order--active", + "value": "var(--vkui--octavius_color_icon_order--active, #F95AAA)", }, - "regular": { - "name": "--vkui--size_button_more_padding--regular", - "value": "var(--vkui--size_button_more_padding--regular, 8px)", + "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)", }, }, - "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)", + "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))", }, - }, - "sizeButtonSliderHeight": { - "auto": { - "name": "--vkui--size_button_slider_height", - "value": "var(--vkui--size_button_slider_height)", + "hover": { + "name": "--vkui--octavius_color_icon_order_alpha--hover", + "value": "var(--vkui--octavius_color_icon_order_alpha--hover, rgba(255, 255, 255, 0.16))", }, - "regular": { - "name": "--vkui--size_button_slider_height--regular", - "value": "var(--vkui--size_button_slider_height--regular, 24px)", + "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, #CD88EE)", }, - "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, #CB83ED)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_school", + "value": "var(--vkui--octavius_color_icon_school, #C97EEC)", }, }, - "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, #6C86EA)", }, - "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, #6581E9)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_social", + "value": "var(--vkui--octavius_color_icon_social, #5F7CE8)", }, }, - "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, #2FCBD6)", }, - "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, #26C9D4)", + }, + "normal": { + "name": "--vkui--octavius_color_icon_to_myself", + "value": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", }, }, - "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": { - "auto": { - "name": "--vkui--size_promo_button_close", - "value": "var(--vkui--size_promo_button_close)", + "octaviusColorSidebarItemText": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text--active", + "value": "var(--vkui--octavius_color_sidebar_item_text--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_promo_button_close--regular", - "value": "var(--vkui--size_promo_button_close--regular, 32px)", + "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)", }, }, - "sizeSearchHeight": { - "auto": { - "name": "--vkui--size_search_height", - "value": "var(--vkui--size_search_height)", + "octaviusColorSidebarItemTextActive": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_active--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_active--active, #D7D8DB)", }, - "regular": { - "name": "--vkui--size_search_height--regular", - "value": "var(--vkui--size_search_height--regular, 36px)", + "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)", }, }, - "sizeSelectIconPadding": { - "auto": { - "name": "--vkui--size_select_icon_padding", - "value": "var(--vkui--size_select_icon_padding)", + "octaviusColorSidebarItemTextPrimary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_primary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_primary--active, #E9EAEC)", }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 7px)", + "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)", }, }, - "sizeSliceBottomPadding": { - "auto": { - "name": "--vkui--size_slice_bottom_padding", - "value": "var(--vkui--size_slice_bottom_padding)", + "octaviusColorSidebarItemTextSecondary": { + "active": { + "name": "--vkui--octavius_color_sidebar_item_text_secondary--active", + "value": "var(--vkui--octavius_color_sidebar_item_text_secondary--active, #95979D)", }, - "regular": { - "name": "--vkui--size_slice_bottom_padding--regular", - "value": "var(--vkui--size_slice_bottom_padding--regular, 60px)", + "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)", }, }, - "sizeSliceTopPadding": { + "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))", + }, + }, + "octaviusColorTextFees": { + "active": { + "name": "--vkui--octavius_color_text_fees--active", + "value": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + }, + "hover": { + "name": "--vkui--octavius_color_text_fees--hover", + "value": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + }, + "normal": { + "name": "--vkui--octavius_color_text_fees", + "value": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + }, + }, + "octaviusColorTextFinance": { + "active": { + "name": "--vkui--octavius_color_text_finance--active", + "value": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + }, + "hover": { + "name": "--vkui--octavius_color_text_finance--hover", + "value": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + }, + "normal": { + "name": "--vkui--octavius_color_text_finance", + "value": "var(--vkui--octavius_color_text_finance, #52C392)", + }, + }, + "octaviusColorTextGames": { + "active": { + "name": "--vkui--octavius_color_text_games--active", + "value": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + }, + "hover": { + "name": "--vkui--octavius_color_text_games--hover", + "value": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + }, + "normal": { + "name": "--vkui--octavius_color_text_games", + "value": "var(--vkui--octavius_color_text_games, #F6BE1A)", + }, + }, + "octaviusColorTextMailings": { + "active": { + "name": "--vkui--octavius_color_text_mailings--active", + "value": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + }, + "hover": { + "name": "--vkui--octavius_color_text_mailings--hover", + "value": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + }, + "normal": { + "name": "--vkui--octavius_color_text_mailings", + "value": "var(--vkui--octavius_color_text_mailings, #FFA950)", + }, + }, + "octaviusColorTextNews": { + "active": { + "name": "--vkui--octavius_color_text_news--active", + "value": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + }, + "hover": { + "name": "--vkui--octavius_color_text_news--hover", + "value": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + }, + "normal": { + "name": "--vkui--octavius_color_text_news", + "value": "var(--vkui--octavius_color_text_news, #37C1E8)", + }, + }, + "octaviusColorTextSchool": { + "active": { + "name": "--vkui--octavius_color_text_school--active", + "value": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + }, + "hover": { + "name": "--vkui--octavius_color_text_school--hover", + "value": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + }, + "normal": { + "name": "--vkui--octavius_color_text_school", + "value": "var(--vkui--octavius_color_text_school, #D392F2)", + }, + }, + "octaviusColorTextSocial": { + "active": { + "name": "--vkui--octavius_color_text_social--active", + "value": "var(--vkui--octavius_color_text_social--active, #8192EB)", + }, + "hover": { + "name": "--vkui--octavius_color_text_social--hover", + "value": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + }, + "normal": { + "name": "--vkui--octavius_color_text_social", + "value": "var(--vkui--octavius_color_text_social, #7688E9)", + }, + }, + "octaviusColorTextToMyself": { + "active": { + "name": "--vkui--octavius_color_text_to_myself--active", + "value": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + }, + "hover": { + "name": "--vkui--octavius_color_text_to_myself--hover", + "value": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + }, + "normal": { + "name": "--vkui--octavius_color_text_to_myself", + "value": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + }, + }, + "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_slice_top_padding", - "value": "var(--vkui--size_slice_top_padding)", + "name": "--vkui--octavius_size_headline_height", + "value": "var(--vkui--octavius_size_headline_height)", }, "regular": { - "name": "--vkui--size_slice_top_padding--regular", - "value": "var(--vkui--size_slice_top_padding--regular, 40px)", + "name": "--vkui--octavius_size_headline_height--regular", + "value": "var(--vkui--octavius_size_headline_height--regular, 36px)", }, }, - "sizeSplitColPaddingHorizontal": { + "octaviusSizeLayoutWidthMax": { "auto": { - "name": "--vkui--size_split_col_padding_horizontal", - "value": "var(--vkui--size_split_col_padding_horizontal)", + "name": "--vkui--octavius_size_layout_width_max", + "value": "var(--vkui--octavius_size_layout_width_max)", }, "regular": { - "name": "--vkui--size_split_col_padding_horizontal--regular", - "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "name": "--vkui--octavius_size_layout_width_max--regular", + "value": "var(--vkui--octavius_size_layout_width_max--regular, 2150px)", }, }, - "sizeSubnavigationBarGap": { + "octaviusSizeLayoutWidthMin": { "auto": { - "name": "--vkui--size_subnavigation_bar_gap", - "value": "var(--vkui--size_subnavigation_bar_gap)", + "name": "--vkui--octavius_size_layout_width_min", + "value": "var(--vkui--octavius_size_layout_width_min)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_gap--regular", - "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "name": "--vkui--octavius_size_layout_width_min--regular", + "value": "var(--vkui--octavius_size_layout_width_min--regular, 761px)", }, }, - "sizeSubnavigationBarPaddingVertical": { + "octaviusSizeSidebarPaddingTop": { "auto": { - "name": "--vkui--size_subnavigation_bar_padding_vertical", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", + "name": "--vkui--octavius_size_sidebar_padding_top", + "value": "var(--vkui--octavius_size_sidebar_padding_top)", }, "regular": { - "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", - "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "name": "--vkui--octavius_size_sidebar_padding_top--regular", + "value": "var(--vkui--octavius_size_sidebar_padding_top--regular, 12px)", }, }, - "sizeSwitchHeight": { + "octaviusSizeSidebarWidgetsHeightCompactMin": { "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min)", }, "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_compact_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_compact_min--regular, 104px)", }, }, - "sizeSwitchPin": { + "octaviusSizeSidebarWidgetsHeightMin": { "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min)", }, "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "name": "--vkui--octavius_size_sidebar_widgets_height_min--regular", + "value": "var(--vkui--octavius_size_sidebar_widgets_height_min--regular, 64px)", }, }, - "sizeSwitchWidth": { + "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_switch_width", - "value": "var(--vkui--size_switch_width)", + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "sizeTabMargin": { + "sizeArrowHeight": { "auto": { - "name": "--vkui--size_tab_margin", - "value": "var(--vkui--size_tab_margin)", + "name": "--vkui--size_arrow_height", + "value": "var(--vkui--size_arrow_height)", }, "regular": { - "name": "--vkui--size_tab_margin--regular", - "value": "var(--vkui--size_tab_margin--regular, 8px)", + "name": "--vkui--size_arrow_height--regular", + "value": "var(--vkui--size_arrow_height--regular, 8px)", }, }, - "sizeTabPadding": { + "sizeArrowPadding": { "auto": { - "name": "--vkui--size_tab_padding", - "value": "var(--vkui--size_tab_padding)", + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "name": "--vkui--size_tab_padding--regular", - "value": "var(--vkui--size_tab_padding--regular, 16px)", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "sizeTableHorizontalPadding": { + "sizeArrowPromo": { "auto": { - "name": "--vkui--size_table_horizontal_padding", - "value": "var(--vkui--size_table_horizontal_padding)", + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, "regular": { - "name": "--vkui--size_table_horizontal_padding--regular", - "value": "var(--vkui--size_table_horizontal_padding--regular, 16px)", + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "sizeTableVerticalPadding": { + "sizeArrowWidth": { "auto": { - "name": "--vkui--size_table_vertical_padding", - "value": "var(--vkui--size_table_vertical_padding)", + "name": "--vkui--size_arrow_width", + "value": "var(--vkui--size_arrow_width)", }, "regular": { - "name": "--vkui--size_table_vertical_padding--regular", - "value": "var(--vkui--size_table_vertical_padding--regular, 16px)", + "name": "--vkui--size_arrow_width--regular", + "value": "var(--vkui--size_arrow_width--regular, 12px)", }, }, - "sizeTagMargin": { + "sizeAttributeMargin": { "auto": { - "name": "--vkui--size_tag_margin", - "value": "var(--vkui--size_tag_margin)", + "name": "--vkui--size_attribute_margin", + "value": "var(--vkui--size_attribute_margin)", }, "regular": { - "name": "--vkui--size_tag_margin--regular", - "value": "var(--vkui--size_tag_margin--regular, 8px)", + "name": "--vkui--size_attribute_margin--regular", + "value": "var(--vkui--size_attribute_margin--regular, 4px)", }, }, - "sizeTagPadding": { + "sizeAvatarL": { "auto": { - "name": "--vkui--size_tag_padding", - "value": "var(--vkui--size_tag_padding)", + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, "regular": { - "name": "--vkui--size_tag_padding--regular", - "value": "var(--vkui--size_tag_padding--regular, 8px)", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "sizeTipMargin": { + "sizeAvatarM": { "auto": { - "name": "--vkui--size_tip_margin", - "value": "var(--vkui--size_tip_margin)", + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "name": "--vkui--size_tip_margin--regular", - "value": "var(--vkui--size_tip_margin--regular, 4px)", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "sizeTooltipMargin": { + "sizeAvatarS": { "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "sizeVerticalPadding": { + "sizeAvatarXL": { "auto": { - "name": "--vkui--size_vertical_padding", - "value": "var(--vkui--size_vertical_padding)", + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, "regular": { - "name": "--vkui--size_vertical_padding--regular", - "value": "var(--vkui--size_vertical_padding--regular, 0px)", + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "sizeWysiwygIcon": { + "sizeAvatarXS": { "auto": { - "name": "--vkui--size_wysiwyg_icon", - "value": "var(--vkui--size_wysiwyg_icon)", + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", }, "regular": { - "name": "--vkui--size_wysiwyg_icon--regular", - "value": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "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)", + }, }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "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)", + }, }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "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)", + }, }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "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)", + }, }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "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)", + }, }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "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)", + }, }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "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)", + }, }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "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)", + }, }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "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)", + }, }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, otvetDark)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, otvet)", + "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)", + }, }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "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)", + }, }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "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)", + }, }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "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)", + }, }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "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)", + }, }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "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)", + }, }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "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)", + }, }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "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)", + }, }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "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)", + }, }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", + "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)", + }, }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", + "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)", + }, }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", + "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)", + }, }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", + "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)", + }, }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", + "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)", + }, }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", + "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)", + }, }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", + "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)", + }, }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", + "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)", + }, }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", + "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)", + }, }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 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)", + }, }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "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)", + }, }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "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)", + }, }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "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)", + }, }, - "x8": { + "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)", + }, + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "regular": { + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, + }, + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + }, + }, + "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)", + }, + }, + "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, octaviusWhiteDark)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, octavius)", + }, + "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)", }, @@ -265134,7 +263407,7 @@ exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -265143,6 +263416,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -265153,9 +263430,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -265223,9 +263500,14 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorAlert": { + "active": "#C6442D", + "hover": "#C33C24", + "normal": "#c1341b", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -265243,9 +263525,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -265268,24 +263550,24 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#F1F5FF", + "hover": "#F1F4FF", + "normal": "#f0f4ff", }, "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, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#2B2B2B", - "normal": "#191919", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -265338,19 +263620,19 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#FAEDED", + "hover": "#FAECEC", + "normal": "#faebeb", }, "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, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.12)", + "normal": "rgba(237, 10, 52, 0.08)", }, "colorBackgroundPositive": { "active": "#20C774", @@ -265407,6 +263689,16 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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": "#785C14", "hover": "#72550A", @@ -265433,9 +263725,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#222222", - "hover": "#1F1F1F", - "normal": "#1B1B1B", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -265463,9 +263755,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "transparent", - "hover": "transparent", - "normal": "transparent", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { "active": "#353536", @@ -265473,9 +263765,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -265518,9 +263810,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#BABABA", - "hover": "#B7B7B7", - "normal": "#B4B4B4", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -265528,9 +263820,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5F5F5F", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { "active": "rgba(245, 246, 255, 0.68)", @@ -265582,10 +263874,100 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "hover": "rgba(55, 56, 57, 0.54)", "normal": "rgba(55, 56, 57, 0.5)", }, + "colorPaletteBlue1": { + "active": "#3A5FFF", + "hover": "#3258FF", + "normal": "#2951ff", + }, + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", + }, + "colorPaletteBlue2": { + "active": "#14B2F3", + "hover": "#0AAEF3", + "normal": "#00abf2", + }, + "colorPaletteBlue3": { + "active": "#37E2E2", + "hover": "#2FE0E0", + "normal": "#26dfdf", + }, + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorRating": { "active": "#FFD714", @@ -265637,10 +264019,45 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -265667,10 +264084,60 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -265688,9 +264155,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#65A3FF", + "hover": "#5F9FFF", + "normal": "#589BFF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -265818,9 +264285,9 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -265838,11 +264305,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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)", + "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", @@ -265906,6 +264373,12 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "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", @@ -265951,33 +264424,46 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": "44px", - "fontWeight": 700, "lineHeight": "52px", - "marginBottom": "20px", + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", }, }, "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": "32px", - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": "16px", + "lineHeight": "36px", }, - }, - "fontH2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 700, + "fontWeight": 500, + "lineHeight": "28px", + }, + }, + "fontH2": { + "compact": { + "fontSize": "28px", "lineHeight": "32px", - "marginBottom": "12px", + }, + "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", @@ -265986,6 +264472,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -265994,6 +264484,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", @@ -266010,6 +264504,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", @@ -266018,6 +264516,10 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -266027,20 +264529,18 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 700, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, "lineHeight": "28px", - "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": "12px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontTitle3": { @@ -266057,10 +264557,690 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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%", + "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%", + "octaviusColorActionArchive": { + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", + }, + "octaviusColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", + }, + "octaviusColorBackgroundAccentTonedAlpha": { + "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)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", + }, + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", + }, + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", + }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "octaviusColorButtonEmptyStateText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorButtonIcon": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorButtonText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "octaviusColorDatasetBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "octaviusColorEmptyStateText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorEmptyStateTextLink": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "transparent", + }, + "octaviusColorHeaderButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", + }, + "octaviusColorHeaderIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderIconAttach": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderIconFavorite": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderIconUnread": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderProgress": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "octaviusColorHeaderSearchBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", + }, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", + }, + "octaviusColorHeaderSearchIcon": { + "active": "#BCBEC3", + "hover": "#B9BBC1", + "normal": "#b6b8be", + }, + "octaviusColorHeaderSearchText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorHeaderTextSecondary": { + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", + }, + "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": "#FFAB56", + "hover": "#FFA84E", + "normal": "#FFA447", + }, + "octaviusColorIconNews": { + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", + }, + "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": "#CD88EE", + "hover": "#CB83ED", + "normal": "#C97EEC", + }, + "octaviusColorIconSocial": { + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", + }, + "octaviusColorIconToMyself": { + "active": "#2FCBD6", + "hover": "#26C9D4", + "normal": "#1DC7D2", + }, + "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)", + }, + "octaviusColorTextFees": { + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", + }, + "octaviusColorTextFinance": { + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", + }, + "octaviusColorTextGames": { + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", + }, + "octaviusColorTextMailings": { + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", + }, + "octaviusColorTextNews": { + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", + }, + "octaviusColorTextSchool": { + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", + }, + "octaviusColorTextSocial": { + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", + }, + "octaviusColorTextToMyself": { + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", + }, + "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": "36px", + }, + "octaviusSizeLayoutWidthMax": { + "regular": "2150px", + }, + "octaviusSizeLayoutWidthMin": { + "regular": "761px", + }, + "octaviusSizeSidebarPaddingTop": { + "regular": "12px", + }, + "octaviusSizeSidebarWidgetsHeightCompactMin": { + "regular": "104px", + }, + "octaviusSizeSidebarWidgetsHeightMin": { + "regular": "64px", + }, + "octaviusTextDecorationEmptyStateTextLink": { + "active": "none", + "hover": "none", + "normal": "underline", + }, + "octaviusTextShadowEmptyStateText": "none", + "octaviusTextShadowSidebarItemText": "none", "opacityDisable": 0.48, "opacityDisableAccessibility": 0.64, "sizeArrow": { @@ -266116,6 +265296,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePadding": { + "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -266137,7 +265318,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -266188,12 +265369,15 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { + "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { + "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { + "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -266203,6 +265387,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { + "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -266215,6 +265400,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { + "compact": "28px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -266254,6 +265440,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeControlButtonWidthMin": { + "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -266269,7 +265456,8 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeFieldHeight": { - "regular": "40px", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalMargin": { "regular": "20px", @@ -266284,6 +265472,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "24px", }, "sizeFieldWidthMin": { + "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -266294,13 +265483,15 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "20px", }, "sizeIconMargin": { + "compact": "8px", "regular": "12px", }, "sizeIconMorePadding": { + "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "18px", + "regular": "16px", }, "sizeIllustrationL": { "regular": "144px", @@ -266336,18 +265527,22 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "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": { @@ -266366,9 +265561,11 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizeSearchHeight": { + "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { + "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -266387,12 +265584,15 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { + "compact": "12px", "regular": "14px", }, "sizeSwitchPin": { + "compact": "18px", "regular": "20px", }, "sizeSwitchWidth": { + "compact": "32px", "regular": "34px", }, "sizeTabMargin": { @@ -266435,8 +265635,8 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "otvetDark", - "themeNameBase": "otvet", + "themeName": "octaviusWhiteDark", + "themeNameBase": "octavius", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -266446,6 +265646,10 @@ exports[`shapshots otvetDark 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)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -266465,7 +265669,7 @@ exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -266474,6 +265678,10 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 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, }, @@ -266484,9 +265692,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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": "var(--vkui--color_accent_cyan--active, #1BE7F9)", @@ -266554,9 +265762,14 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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)", + "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": "var(--vkui--color_avatar_overlay--active, rgba(176, 178, 182, 0.56))", @@ -266574,9 +265787,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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)", + "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": "var(--vkui--color_background_accent_alternative--active, #FFA614)", @@ -266599,24 +265812,24 @@ exports[`shapshots otvetDark 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, 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))", + "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, #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, #F1F5FF)", + "hover": "var(--vkui--color_background_accent_tint_themed--hover, #F1F4FF)", + "normal": "var(--vkui--color_background_accent_tint_themed, #f0f4ff)", }, "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, 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, #2B2B2B)", - "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", - "normal": "var(--vkui--color_background_content, #191919)", + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -266669,19 +265882,19 @@ exports[`shapshots otvetDark 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, 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))", + "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, #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, #FAEDED)", + "hover": "var(--vkui--color_background_negative_tint_themed--hover, #FAECEC)", + "normal": "var(--vkui--color_background_negative_tint_themed, #faebeb)", }, "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, 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": "var(--vkui--color_background_positive--active, #20C774)", @@ -266738,6 +265951,16 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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": "var(--vkui--color_background_warning--active, #785C14)", "hover": "var(--vkui--color_background_warning--hover, #72550A)", @@ -266764,9 +265987,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "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": "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))", @@ -266794,9 +266017,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_field_background, #232324)", }, "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": "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)", @@ -266804,9 +266027,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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)", + "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": "var(--vkui--color_icon_accent_themed--active, #D7D8DB)", @@ -266849,9 +266072,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_positive, #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": "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)", @@ -266859,9 +266082,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_icon_primary_invariably, #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": "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))", @@ -266913,10 +266136,100 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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": "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)", + "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)", @@ -266968,20 +266281,55 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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)", + "colorSocialBehance": { + "active": "var(--vkui--color_social_behance--active, #2A75FF)", + "hover": "var(--vkui--color_social_behance--hover, #206FFF)", + "normal": "var(--vkui--color_social_behance, #1769ff)", }, - "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)", + "colorSocialDribbble": { + "active": "var(--vkui--color_social_dribbble--active, #EC5A92)", + "hover": "var(--vkui--color_social_dribbble--hover, #EB538E)", + "normal": "var(--vkui--color_social_dribbble, #ea4c89)", }, - "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "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": "var(--vkui--color_stroke_accent--active, #4C8CFD)", + "hover": "var(--vkui--color_stroke_accent--hover, #4487FD)", + "normal": "var(--vkui--color_stroke_accent, #3C82FD)", + }, + "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)", @@ -266998,10 +266346,60 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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": "var(--vkui--color_text_accent--active, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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": "var(--vkui--color_text_accent_themed--active, #D7D8DB)", @@ -267019,9 +266417,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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)", + "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": "var(--vkui--color_text_link_themed--active, #D7D8DB)", @@ -267149,9 +266547,9 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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)", + "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": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", @@ -267169,11 +266567,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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 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))", + "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)", @@ -267237,6 +266635,12 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, }, "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)", @@ -267282,33 +266686,46 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, }, "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, 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": "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, 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": "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, 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": "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)", @@ -267317,6 +266734,10 @@ exports[`shapshots otvetDark 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)", + }, "regular": { "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", @@ -267325,6 +266746,10 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, }, "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)", @@ -267341,6 +266766,10 @@ exports[`shapshots otvetDark 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, 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)", @@ -267349,6 +266778,10 @@ exports[`shapshots otvetDark 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)", + }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", @@ -267358,20 +266791,18 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = }, "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)", + "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)", - "marginBottom": "var(--vkui--font_title1--margin_bottom--regular, 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": "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": { @@ -267388,10 +266819,690 @@ exports[`shapshots otvetDark 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(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%)", + "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)", + }, + "octaviusColorBackground": { + "active": "var(--vkui--octavius_color_background--active, #2B2B2C)", + "hover": "var(--vkui--octavius_color_background--hover, #222223)", + "normal": "var(--vkui--octavius_color_background, #19191A)", + }, + "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))", + }, + "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))", + }, + "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))", + }, + "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))", + }, + "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)", + }, + "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))", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "octaviusColorIconMailings": { + "active": "var(--vkui--octavius_color_icon_mailings--active, #FFAB56)", + "hover": "var(--vkui--octavius_color_icon_mailings--hover, #FFA84E)", + "normal": "var(--vkui--octavius_color_icon_mailings, #FFA447)", + }, + "octaviusColorIconNews": { + "active": "var(--vkui--octavius_color_icon_news--active, #2FBEE6)", + "hover": "var(--vkui--octavius_color_icon_news--hover, #26BBE5)", + "normal": "var(--vkui--octavius_color_icon_news, #1DB8E4)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "octaviusColorIconSchool": { + "active": "var(--vkui--octavius_color_icon_school--active, #CD88EE)", + "hover": "var(--vkui--octavius_color_icon_school--hover, #CB83ED)", + "normal": "var(--vkui--octavius_color_icon_school, #C97EEC)", + }, + "octaviusColorIconSocial": { + "active": "var(--vkui--octavius_color_icon_social--active, #6C86EA)", + "hover": "var(--vkui--octavius_color_icon_social--hover, #6581E9)", + "normal": "var(--vkui--octavius_color_icon_social, #5F7CE8)", + }, + "octaviusColorIconToMyself": { + "active": "var(--vkui--octavius_color_icon_to_myself--active, #2FCBD6)", + "hover": "var(--vkui--octavius_color_icon_to_myself--hover, #26C9D4)", + "normal": "var(--vkui--octavius_color_icon_to_myself, #1DC7D2)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "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))", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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)", + }, + "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))", + }, + "octaviusColorTextFees": { + "active": "var(--vkui--octavius_color_text_fees--active, #FF7878)", + "hover": "var(--vkui--octavius_color_text_fees--hover, #FF7272)", + "normal": "var(--vkui--octavius_color_text_fees, #FF6C6C)", + }, + "octaviusColorTextFinance": { + "active": "var(--vkui--octavius_color_text_finance--active, #60C89B)", + "hover": "var(--vkui--octavius_color_text_finance--hover, #59C596)", + "normal": "var(--vkui--octavius_color_text_finance, #52C392)", + }, + "octaviusColorTextGames": { + "active": "var(--vkui--octavius_color_text_games--active, #F7C32C)", + "hover": "var(--vkui--octavius_color_text_games--hover, #F6C123)", + "normal": "var(--vkui--octavius_color_text_games, #F6BE1A)", + }, + "octaviusColorTextMailings": { + "active": "var(--vkui--octavius_color_text_mailings--active, #FFB05E)", + "hover": "var(--vkui--octavius_color_text_mailings--hover, #FFAC57)", + "normal": "var(--vkui--octavius_color_text_mailings, #FFA950)", + }, + "octaviusColorTextNews": { + "active": "var(--vkui--octavius_color_text_news--active, #47C6EA)", + "hover": "var(--vkui--octavius_color_text_news--hover, #3FC3E9)", + "normal": "var(--vkui--octavius_color_text_news, #37C1E8)", + }, + "octaviusColorTextSchool": { + "active": "var(--vkui--octavius_color_text_school--active, #D79BF3)", + "hover": "var(--vkui--octavius_color_text_school--hover, #D596F3)", + "normal": "var(--vkui--octavius_color_text_school, #D392F2)", + }, + "octaviusColorTextSocial": { + "active": "var(--vkui--octavius_color_text_social--active, #8192EB)", + "hover": "var(--vkui--octavius_color_text_social--hover, #7B8DEA)", + "normal": "var(--vkui--octavius_color_text_social, #7688E9)", + }, + "octaviusColorTextToMyself": { + "active": "var(--vkui--octavius_color_text_to_myself--active, #50CDD6)", + "hover": "var(--vkui--octavius_color_text_to_myself--hover, #49CBD4)", + "normal": "var(--vkui--octavius_color_text_to_myself, #41C9D2)", + }, + "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": { @@ -267447,6 +267558,7 @@ exports[`shapshots otvetDark 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)", }, "sizeBasePaddingHorizontal": { @@ -267468,7 +267580,7 @@ exports[`shapshots otvetDark 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)", @@ -267519,12 +267631,15 @@ exports[`shapshots otvetDark 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)", }, "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": { @@ -267534,6 +267649,7 @@ exports[`shapshots otvetDark 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": { @@ -267546,6 +267662,7 @@ exports[`shapshots otvetDark 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)", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -267585,6 +267702,7 @@ exports[`shapshots otvetDark 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)", }, "sizeDivPadding": { @@ -267600,7 +267718,8 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 40px)", + "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)", @@ -267615,6 +267734,7 @@ exports[`shapshots otvetDark 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)", }, "sizeFormItemPaddingVertical": { @@ -267625,13 +267745,15 @@ exports[`shapshots otvetDark 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)", }, "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, 18px)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -267667,18 +267789,22 @@ exports[`shapshots otvetDark 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)", }, "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": { @@ -267697,9 +267823,11 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = "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": { @@ -267718,12 +267846,15 @@ exports[`shapshots otvetDark 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)", }, "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": { @@ -267766,8 +267897,8 @@ exports[`shapshots otvetDark 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, otvetDark)", - "themeNameBase": "var(--vkui--theme_name_base, otvet)", + "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)", @@ -267777,6 +267908,10 @@ exports[`shapshots otvetDark 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)")", "x0": "var(--vkui--x0, 0px)", "x025": "var(--vkui--x025, 1px)", "x05": "var(--vkui--x05, 2px)", @@ -267796,7 +267931,7 @@ exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = } `; -exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` +exports[`shapshots octaviusWhiteDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -267805,6 +267940,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { + "adaptiveValue": "compact", + "breakpoint": 768, + }, + "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -267815,9 +267954,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "colorAccentCyan": { "active": "#1BE7F9", @@ -267885,9 +268024,14 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", + }, + "colorAlert": { + "active": "#C6442D", + "hover": "#C33C24", + "normal": "#c1341b", }, "colorAvatarOverlay": { "active": "rgba(176, 178, 182, 0.56)", @@ -267905,9 +268049,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#3880FC", + "hover": "#307BFC", + "normal": "#2775FC", }, "colorBackgroundAccentAlternative": { "active": "#FFA614", @@ -267930,24 +268074,24 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#F1F5FF", + "hover": "#F1F4FF", + "normal": "#f0f4ff", }, "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, 95, 249, 0.14)", + "hover": "rgba(0, 95, 249, 0.1)", + "normal": "rgba(0, 95, 249, 0.06)", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#2B2B2B", - "normal": "#191919", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -268000,19 +268144,19 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#FAEDED", + "hover": "#FAECEC", + "normal": "#faebeb", }, "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, 10, 52, 0.16)", + "hover": "rgba(237, 10, 52, 0.12)", + "normal": "rgba(237, 10, 52, 0.08)", }, "colorBackgroundPositive": { "active": "#20C774", @@ -268069,6 +268213,16 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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": "#785C14", "hover": "#72550A", @@ -268095,9 +268249,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#222222", - "hover": "#1F1F1F", - "normal": "#1B1B1B", + "active": "#2C2C2D", + "hover": "#29292A", + "normal": "#252526", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -268125,9 +268279,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "transparent", - "hover": "transparent", - "normal": "transparent", + "active": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "rgba(255, 255, 255, 0.16)", }, "colorHeaderBackground": { "active": "#353536", @@ -268135,9 +268289,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#232324", }, "colorIconAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorIconAccentThemed": { "active": "#D7D8DB", @@ -268180,9 +268334,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#BABABA", - "hover": "#B7B7B7", - "normal": "#B4B4B4", + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -268190,9 +268344,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5F5F5F", + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { "active": "rgba(245, 246, 255, 0.68)", @@ -268244,10 +268398,100 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "hover": "rgba(55, 56, 57, 0.54)", "normal": "rgba(55, 56, 57, 0.5)", }, + "colorPaletteBlue1": { + "active": "#3A5FFF", + "hover": "#3258FF", + "normal": "#2951ff", + }, + "colorPaletteBlue1Alpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", + }, + "colorPaletteBlue2": { + "active": "#14B2F3", + "hover": "#0AAEF3", + "normal": "#00abf2", + }, + "colorPaletteBlue3": { + "active": "#37E2E2", + "hover": "#2FE0E0", + "normal": "#26dfdf", + }, + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorRating": { "active": "#FFD714", @@ -268299,10 +268543,45 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorStrokeAccentThemed": { "active": "#D7D8DB", @@ -268329,10 +268608,60 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorTextAccentThemed": { "active": "#D7D8DB", @@ -268350,9 +268679,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "#2C2D2E", }, "colorTextLink": { - "active": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#65A3FF", + "hover": "#5F9FFF", + "normal": "#589BFF", }, "colorTextLinkThemed": { "active": "#D7D8DB", @@ -268480,9 +268809,9 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#4C8CFD", + "hover": "#4487FD", + "normal": "#3C82FD", }, "colorWriteBarInputBackground": { "active": "#3B3B3C", @@ -268500,11 +268829,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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)", + "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", @@ -268568,6 +268897,12 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "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, @@ -268613,33 +268948,46 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontH0": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": 44, - "fontWeight": 700, - "lineHeight": "52px", - "marginBottom": 20, + "lineHeight": 52, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, }, }, "fontH1": { - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", + "compact": { "fontSize": 32, - "fontWeight": 700, - "lineHeight": "40px", - "marginBottom": 16, + "lineHeight": 36, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 700, - "lineHeight": "32px", - "marginBottom": 12, + "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, @@ -268648,6 +268996,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -268656,6 +269008,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, @@ -268672,6 +269028,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, + }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, @@ -268680,6 +269040,10 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, }, "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, @@ -268689,20 +269053,18 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 700, - "lineHeight": "28px", - "marginBottom": 12, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": "24px", - "marginBottom": 12, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontTitle3": { @@ -268719,10 +269081,690 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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%", + "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%", + "octaviusColorActionArchive": { + "active": "#21B273", + "hover": "#18AE6D", + "normal": "#0EAB67", + }, + "octaviusColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "octaviusColorBackgroundAccentTintAlpha": { + "active": "rgba(0, 95, 249, 0.2)", + "hover": "rgba(0, 95, 249, 0.16)", + "normal": "rgba(0, 95, 249, 0.12)", + }, + "octaviusColorBackgroundAccentTonedAlpha": { + "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)", + "hover": "rgba(236, 71, 80, 0.2)", + "normal": "rgba(236, 71, 80, 0.16)", + }, + "octaviusColorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.2)", + "hover": "rgba(13, 194, 104, 0.16)", + "normal": "rgba(13, 194, 104, 0.12)", + }, + "octaviusColorButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "octaviusColorButtonBackgroundContrastAlpha": { + "active": "rgba(250, 250, 250, 0.2)", + "hover": "rgba(250, 250, 250, 0.16)", + "normal": "rgba(250, 250, 250, 0.12)", + }, + "octaviusColorButtonEmptyStateBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "octaviusColorButtonEmptyStateText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorButtonIcon": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorButtonText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorContentScrollbarAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "octaviusColorDatasetBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "octaviusColorEmptyStateText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorEmptyStateTextLink": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorHeaderBackground": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "octaviusColorHeaderButtonBackgroundAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "transparent", + }, + "octaviusColorHeaderButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderFilterTextAlpha": { + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", + }, + "octaviusColorHeaderIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderIconAttach": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderIconFavorite": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderIconUnread": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "octaviusColorHeaderProgress": { + "active": "#FFA614", + "hover": "#FFA20A", + "normal": "#FF9E00", + }, + "octaviusColorHeaderSearchBackground": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "octaviusColorHeaderSearchBackgroundCollapsed": { + "active": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "octaviusColorHeaderSearchChipBackground": { + "active": "#4F4F4F", + "hover": "#484848", + "normal": "#404040", + }, + "octaviusColorHeaderSearchChipBackgroundEditable": { + "active": "#4D4D4D", + "hover": "#464646", + "normal": "#3e3e3e", + }, + "octaviusColorHeaderSearchChipBorderEditableAlpha": { + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, .48)", + }, + "octaviusColorHeaderSearchIcon": { + "active": "#BCBEC3", + "hover": "#B9BBC1", + "normal": "#b6b8be", + }, + "octaviusColorHeaderSearchText": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorHeaderSearchTextCollapsed": { + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", + }, + "octaviusColorHeaderTabActiveThemedAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, .8)", + }, + "octaviusColorHeaderTabTextActiveThemed": { + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", + }, + "octaviusColorHeaderTextSecondary": { + "active": "#9C9EA3", + "hover": "#979A9F", + "normal": "#93969b", + }, + "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": "#FFAB56", + "hover": "#FFA84E", + "normal": "#FFA447", + }, + "octaviusColorIconNews": { + "active": "#2FBEE6", + "hover": "#26BBE5", + "normal": "#1DB8E4", + }, + "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": "#CD88EE", + "hover": "#CB83ED", + "normal": "#C97EEC", + }, + "octaviusColorIconSocial": { + "active": "#6C86EA", + "hover": "#6581E9", + "normal": "#5F7CE8", + }, + "octaviusColorIconToMyself": { + "active": "#2FCBD6", + "hover": "#26C9D4", + "normal": "#1DC7D2", + }, + "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)", + }, + "octaviusColorTextFees": { + "active": "#FF7878", + "hover": "#FF7272", + "normal": "#FF6C6C", + }, + "octaviusColorTextFinance": { + "active": "#60C89B", + "hover": "#59C596", + "normal": "#52C392", + }, + "octaviusColorTextGames": { + "active": "#F7C32C", + "hover": "#F6C123", + "normal": "#F6BE1A", + }, + "octaviusColorTextMailings": { + "active": "#FFB05E", + "hover": "#FFAC57", + "normal": "#FFA950", + }, + "octaviusColorTextNews": { + "active": "#47C6EA", + "hover": "#3FC3E9", + "normal": "#37C1E8", + }, + "octaviusColorTextSchool": { + "active": "#D79BF3", + "hover": "#D596F3", + "normal": "#D392F2", + }, + "octaviusColorTextSocial": { + "active": "#8192EB", + "hover": "#7B8DEA", + "normal": "#7688E9", + }, + "octaviusColorTextToMyself": { + "active": "#50CDD6", + "hover": "#49CBD4", + "normal": "#41C9D2", + }, + "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": { @@ -268778,6 +269820,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { + "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -268799,7 +269842,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -268850,12 +269893,15 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { + "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { + "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { + "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -268865,6 +269911,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -268877,6 +269924,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { + "compact": 28, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -268916,6 +269964,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { + "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -268931,7 +269980,8 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "regular": 40, + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalMargin": { "regular": 20, @@ -268946,6 +269996,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { + "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -268956,13 +270007,15 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { + "compact": 8, "regular": 12, }, "sizeIconMorePadding": { + "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 18, + "regular": 16, }, "sizeIllustrationL": { "regular": 144, @@ -268998,18 +270051,22 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "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": { @@ -269028,9 +270085,11 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeSearchHeight": { + "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { + "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -269049,12 +270108,15 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { + "compact": 12, "regular": 14, }, "sizeSwitchPin": { + "compact": 18, "regular": 20, }, "sizeSwitchWidth": { + "compact": 32, "regular": 34, }, "sizeTabMargin": { @@ -269097,8 +270159,8 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "otvetDark", - "themeNameBase": "otvet", + "themeName": "octaviusWhiteDark", + "themeNameBase": "octavius", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -269108,6 +270170,10 @@ exports[`shapshots otvetDark 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)", "x0": 0, "x025": 1, "x05": 2, @@ -269127,7 +270193,7 @@ exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` +exports[`shapshots otvet theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -269151,10 +270217,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -271448,24 +272510,6 @@ exports[`shapshots paradigmBase 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", @@ -271683,33 +272727,31 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 28px)", + "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, 500)", + "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, 32px)", + "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)", }, }, }, @@ -271731,33 +272773,31 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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, 28px)", + "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)", }, }, }, @@ -271779,33 +272819,31 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -271828,16 +272866,6 @@ exports[`shapshots paradigmBase 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", @@ -271876,16 +272904,6 @@ exports[`shapshots paradigmBase 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", @@ -271924,16 +272942,6 @@ exports[`shapshots paradigmBase 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", @@ -272010,16 +273018,6 @@ exports[`shapshots paradigmBase 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", @@ -272058,16 +273056,6 @@ exports[`shapshots paradigmBase 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", @@ -272105,24 +273093,32 @@ exports[`shapshots paradigmBase 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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": { @@ -272143,23 +273139,31 @@ exports[`shapshots paradigmBase 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -272428,10 +273432,6 @@ exports[`shapshots paradigmBase 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)", - }, "regular": { "name": "--vkui--size_base_padding--regular", "value": "var(--vkui--size_base_padding--regular, 16px)", @@ -272504,7 +273504,7 @@ exports[`shapshots paradigmBase 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": { @@ -272672,10 +273672,6 @@ exports[`shapshots paradigmBase 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)", @@ -272686,10 +273682,6 @@ exports[`shapshots paradigmBase 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)", @@ -272700,10 +273692,6 @@ exports[`shapshots paradigmBase 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)", @@ -272734,10 +273722,6 @@ exports[`shapshots paradigmBase 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)", @@ -272778,10 +273762,6 @@ exports[`shapshots paradigmBase 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)", @@ -272912,10 +273892,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -272966,13 +273942,9 @@ exports[`shapshots paradigmBase 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, 40px)", }, }, "sizeFieldHorizontalMargin": { @@ -273020,10 +273992,6 @@ exports[`shapshots paradigmBase 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)", - }, "regular": { "name": "--vkui--size_field_width_min--regular", "value": "var(--vkui--size_field_width_min--regular, 328px)", @@ -273058,10 +274026,6 @@ exports[`shapshots paradigmBase 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)", @@ -273072,10 +274036,6 @@ exports[`shapshots paradigmBase 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)", @@ -273088,7 +274048,7 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` }, "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": { @@ -273206,10 +274166,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -273220,10 +274176,6 @@ exports[`shapshots paradigmBase 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)", - }, "regular": { "name": "--vkui--size_popup_base_padding--regular", "value": "var(--vkui--size_popup_base_padding--regular, 20px)", @@ -273234,10 +274186,6 @@ exports[`shapshots paradigmBase 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)", - }, "regular": { "name": "--vkui--size_popup_header_padding--regular", "value": "var(--vkui--size_popup_header_padding--regular, 16px)", @@ -273258,10 +274206,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -273322,10 +274266,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -273336,10 +274276,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -273400,10 +274336,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -273414,10 +274346,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -273428,10 +274356,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -273579,7 +274503,11 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, paradigmBase)", + "value": "var(--vkui--theme_name, otvet)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, otvet)", }, "themeType": "cssVars", "toneValueActive": { @@ -273614,22 +274542,6 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` "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)", @@ -273697,7 +274609,7 @@ exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots otvet theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -273706,10 +274618,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -274473,12 +275381,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = }, }, "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", @@ -274524,46 +275426,33 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = }, }, "fontH0": { - "compact": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "44px", + "fontWeight": 700, "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", + "marginBottom": "20px", }, }, "fontH1": { - "compact": { - "fontSize": "32px", - "lineHeight": "36px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": "16px", }, }, "fontH2": { - "compact": { - "fontSize": "28px", - "lineHeight": "32px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": "12px", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -274572,10 +275461,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -274584,10 +275469,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", @@ -274604,10 +275485,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", @@ -274616,10 +275493,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -274629,18 +275502,20 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 700, "lineHeight": "28px", + "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": "12px", }, }, "fontTitle3": { @@ -274716,7 +275591,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -274738,7 +275612,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -274789,15 +275663,12 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -274807,7 +275678,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -274820,7 +275690,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -274860,7 +275729,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -274876,8 +275744,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "regular": "40px", }, "sizeFieldHorizontalMargin": { "regular": "20px", @@ -274892,7 +275759,6 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -274903,15 +275769,13 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "20px", }, "sizeIconMargin": { - "compact": "8px", "regular": "12px", }, "sizeIconMorePadding": { - "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "16px", + "regular": "18px", }, "sizeIllustrationL": { "regular": "144px", @@ -274947,22 +275811,18 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "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": { @@ -274981,11 +275841,9 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "32px", }, "sizeSearchHeight": { - "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -275004,15 +275862,12 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", "regular": "14px", }, "sizeSwitchPin": { - "compact": "18px", "regular": "20px", }, "sizeSwitchWidth": { - "compact": "32px", "regular": "34px", }, "sizeTabMargin": { @@ -275055,7 +275910,8 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "paradigmBase", + "themeName": "otvet", + "themeNameBase": "otvet", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -275065,10 +275921,6 @@ exports[`shapshots paradigmBase 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)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -275088,7 +275940,7 @@ exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = } `; -exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] = ` +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)", @@ -275097,10 +275949,6 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 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, }, @@ -275864,12 +276712,6 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] }, }, "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)", @@ -275915,46 +276757,33 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] }, }, "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": "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": "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": "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": "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": "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": "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)", @@ -275963,10 +276792,6 @@ exports[`shapshots paradigmBase 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)", - }, "regular": { "fontFamily": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_headline1--font_size--regular, 16px)", @@ -275975,10 +276800,6 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] }, }, "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)", @@ -275995,10 +276816,6 @@ exports[`shapshots paradigmBase 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, 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)", @@ -276007,10 +276824,6 @@ exports[`shapshots paradigmBase 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)", - }, "regular": { "fontFamily": "var(--vkui--font_text--font_family--regular, Helvetica, Arial, sans-serif)", "fontSize": "var(--vkui--font_text--font_size--regular, 16px)", @@ -276020,18 +276833,20 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] }, "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)", + "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": "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": "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": { @@ -276107,7 +276922,6 @@ exports[`shapshots paradigmBase 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)", }, "sizeBasePaddingHorizontal": { @@ -276129,7 +276943,7 @@ exports[`shapshots paradigmBase 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)", @@ -276180,15 +276994,12 @@ exports[`shapshots paradigmBase 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)", }, "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": { @@ -276198,7 +277009,6 @@ exports[`shapshots paradigmBase 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": { @@ -276211,7 +277021,6 @@ exports[`shapshots paradigmBase 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)", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -276251,7 +277060,6 @@ exports[`shapshots paradigmBase 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)", }, "sizeDivPadding": { @@ -276267,8 +277075,7 @@ exports[`shapshots paradigmBase 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, 40px)", }, "sizeFieldHorizontalMargin": { "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", @@ -276283,7 +277090,6 @@ exports[`shapshots paradigmBase 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)", }, "sizeFormItemPaddingVertical": { @@ -276294,15 +277100,13 @@ exports[`shapshots paradigmBase 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)", }, "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)", + "regular": "var(--vkui--size_icon_u_i--regular, 18px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -276338,22 +277142,18 @@ exports[`shapshots paradigmBase 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)", }, "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": { @@ -276372,11 +277172,9 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] "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": { @@ -276395,15 +277193,12 @@ exports[`shapshots paradigmBase 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)", }, "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": { @@ -276446,7 +277241,8 @@ exports[`shapshots paradigmBase 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, paradigmBase)", + "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)", @@ -276456,10 +277252,6 @@ exports[`shapshots paradigmBase 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)")", "x0": "var(--vkui--x0, 0px)", "x025": "var(--vkui--x025, 1px)", "x05": "var(--vkui--x05, 2px)", @@ -276479,7 +277271,7 @@ exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] } `; -exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` +exports[`shapshots otvet theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -276488,10 +277280,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -277255,12 +278043,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` }, }, "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, @@ -277306,46 +278088,33 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` }, }, "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 44, + "fontWeight": 700, + "lineHeight": "52px", + "marginBottom": 20, }, }, "fontH1": { - "compact": { - "fontSize": 32, - "lineHeight": 36, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": 16, }, }, "fontH2": { - "compact": { - "fontSize": 28, - "lineHeight": 32, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": 12, }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -277354,10 +278123,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -277366,10 +278131,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` }, }, "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, @@ -277386,10 +278147,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, @@ -277398,10 +278155,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, @@ -277411,18 +278164,20 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 700, + "lineHeight": "28px", + "marginBottom": 12, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": 12, }, }, "fontTitle3": { @@ -277498,7 +278253,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -277520,7 +278274,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -277571,15 +278325,12 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { - "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -277589,7 +278340,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -277602,7 +278352,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -277642,7 +278391,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -277658,8 +278406,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "regular": 40, }, "sizeFieldHorizontalMargin": { "regular": 20, @@ -277674,7 +278421,6 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -277685,15 +278431,13 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 20, }, "sizeIconMargin": { - "compact": 8, "regular": 12, }, "sizeIconMorePadding": { - "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 16, + "regular": 18, }, "sizeIllustrationL": { "regular": 144, @@ -277729,22 +278473,18 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "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": { @@ -277763,11 +278503,9 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizeSearchHeight": { - "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -277786,15 +278524,12 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, "regular": 14, }, "sizeSwitchPin": { - "compact": 18, "regular": 20, }, "sizeSwitchWidth": { - "compact": 32, "regular": 34, }, "sizeTabMargin": { @@ -277837,7 +278572,8 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "paradigmBase", + "themeName": "otvet", + "themeNameBase": "otvet", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -277847,10 +278583,6 @@ exports[`shapshots paradigmBase 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)", "x0": 0, "x025": 1, "x05": 2, @@ -277870,7 +278602,7 @@ exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots otvetDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -277894,10 +278626,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` }, "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -278283,15 +279011,15 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #353536)", + "value": "var(--vkui--color_background_content--active, #2B2B2B)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2C2C2D)", + "value": "var(--vkui--color_background_content--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #232324)", + "value": "var(--vkui--color_background_content, #191919)", }, }, "colorBackgroundContentInverse": { @@ -278703,15 +279431,15 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "colorButtonContrast": { "active": { "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "value": "var(--vkui--color_button_contrast--active, #222222)", }, "hover": { "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #29292A)", + "value": "var(--vkui--color_button_contrast--hover, #1F1F1F)", }, "normal": { "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #252526)", + "value": "var(--vkui--color_button_contrast, #1B1B1B)", }, }, "colorButtonContrastAlpha": { @@ -278787,15 +279515,15 @@ exports[`shapshots paradigmBaseDark 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.24))", + "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, rgba(255, 255, 255, 0.2))", + "value": "var(--vkui--color_field_border_alpha--hover, transparent)", }, "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, transparent)", }, }, "colorHeaderBackground": { @@ -278941,15 +279669,15 @@ exports[`shapshots paradigmBaseDark 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, #BABABA)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "value": "var(--vkui--color_icon_primary--hover, #B7B7B7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #D9DADD)", + "value": "var(--vkui--color_icon_primary, #B4B4B4)", }, }, "colorIconPrimaryInvariably": { @@ -278969,15 +279697,15 @@ exports[`shapshots paradigmBaseDark 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, #6C6C6C)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "value": "var(--vkui--color_icon_secondary--hover, #656565)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #9C9DA2)", + "value": "var(--vkui--color_icon_secondary, #5F5F5F)", }, }, "colorIconSecondaryAlpha": { @@ -279840,23 +280568,23 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` }, "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": { @@ -280191,24 +280919,6 @@ exports[`shapshots paradigmBaseDark 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", @@ -280426,33 +281136,31 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 28px)", + "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, 500)", + "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, 32px)", + "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)", }, }, }, @@ -280474,33 +281182,31 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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, 28px)", + "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)", }, }, }, @@ -280522,33 +281228,31 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", + "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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -280571,16 +281275,6 @@ exports[`shapshots paradigmBaseDark 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", @@ -280619,16 +281313,6 @@ exports[`shapshots paradigmBaseDark 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", @@ -280667,16 +281351,6 @@ exports[`shapshots paradigmBaseDark 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", @@ -280753,16 +281427,6 @@ exports[`shapshots paradigmBaseDark 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", @@ -280801,16 +281465,6 @@ exports[`shapshots paradigmBaseDark 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", @@ -280848,24 +281502,32 @@ exports[`shapshots paradigmBaseDark 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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": { @@ -280886,23 +281548,31 @@ exports[`shapshots paradigmBaseDark 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, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -280970,7 +281640,7 @@ exports[`shapshots paradigmBaseDark 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", @@ -280978,7 +281648,7 @@ exports[`shapshots paradigmBaseDark 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", @@ -281171,10 +281841,6 @@ exports[`shapshots paradigmBaseDark 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)", - }, "regular": { "name": "--vkui--size_base_padding--regular", "value": "var(--vkui--size_base_padding--regular, 16px)", @@ -281247,7 +281913,7 @@ exports[`shapshots paradigmBaseDark 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": { @@ -281415,10 +282081,6 @@ exports[`shapshots paradigmBaseDark 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)", @@ -281429,10 +282091,6 @@ exports[`shapshots paradigmBaseDark 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)", @@ -281443,10 +282101,6 @@ exports[`shapshots paradigmBaseDark 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)", @@ -281477,10 +282131,6 @@ exports[`shapshots paradigmBaseDark 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)", @@ -281521,10 +282171,6 @@ exports[`shapshots paradigmBaseDark 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)", @@ -281655,10 +282301,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -281709,13 +282351,9 @@ exports[`shapshots paradigmBaseDark 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, 40px)", }, }, "sizeFieldHorizontalMargin": { @@ -281763,10 +282401,6 @@ exports[`shapshots paradigmBaseDark 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)", - }, "regular": { "name": "--vkui--size_field_width_min--regular", "value": "var(--vkui--size_field_width_min--regular, 328px)", @@ -281801,10 +282435,6 @@ exports[`shapshots paradigmBaseDark 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)", @@ -281815,10 +282445,6 @@ exports[`shapshots paradigmBaseDark 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)", @@ -281831,7 +282457,7 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` }, "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": { @@ -281949,10 +282575,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -281963,10 +282585,6 @@ exports[`shapshots paradigmBaseDark 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)", - }, "regular": { "name": "--vkui--size_popup_base_padding--regular", "value": "var(--vkui--size_popup_base_padding--regular, 20px)", @@ -281977,10 +282595,6 @@ exports[`shapshots paradigmBaseDark 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)", - }, "regular": { "name": "--vkui--size_popup_header_padding--regular", "value": "var(--vkui--size_popup_header_padding--regular, 16px)", @@ -282001,10 +282615,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282065,10 +282675,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282079,10 +282685,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282143,10 +282745,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282157,10 +282755,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282171,10 +282765,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282322,11 +282912,11 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, paradigmBaseDark)", + "value": "var(--vkui--theme_name, otvetDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, paradigmBase)", + "value": "var(--vkui--theme_name_base, otvet)", }, "themeType": "cssVars", "toneValueActive": { @@ -282361,22 +282951,6 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` "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)", @@ -282444,7 +283018,7 @@ exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots otvetDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -282453,10 +283027,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -282597,9 +283167,9 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2B", + "hover": "#2B2B2B", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -282747,9 +283317,9 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#2C2C2D", - "hover": "#29292A", - "normal": "#252526", + "active": "#222222", + "hover": "#1F1F1F", + "normal": "#1B1B1B", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -282777,9 +283347,9 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "transparent", + "hover": "transparent", + "normal": "transparent", }, "colorHeaderBackground": { "active": "#353536", @@ -282832,9 +283402,9 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#BABABA", + "hover": "#B7B7B7", + "normal": "#B4B4B4", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -282842,9 +283412,9 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5F5F5F", }, "colorIconSecondaryAlpha": { "active": "rgba(245, 246, 255, 0.68)", @@ -283152,11 +283722,11 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "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)", + "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", @@ -283220,12 +283790,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 }, }, "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", @@ -283271,46 +283835,33 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 }, }, "fontH0": { - "compact": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "44px", + "fontWeight": 700, "lineHeight": "52px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "32px", + "marginBottom": "20px", }, }, "fontH1": { - "compact": { - "fontSize": "32px", - "lineHeight": "36px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "32px", + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": "16px", }, }, "fontH2": { - "compact": { - "fontSize": "28px", - "lineHeight": "32px", - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": "12px", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -283319,10 +283870,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -283331,10 +283878,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", @@ -283351,10 +283894,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "18px", - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", @@ -283363,10 +283902,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "16px", @@ -283376,18 +283911,20 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 700, "lineHeight": "28px", + "marginBottom": "12px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": "12px", }, }, "fontTitle3": { @@ -283404,9 +283941,9 @@ exports[`shapshots paradigmBaseDark 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, @@ -283463,7 +284000,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", "regular": "16px", }, "sizeBasePaddingHorizontal": { @@ -283485,7 +284021,7 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -283536,15 +284072,12 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "36px", "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": "32px", "regular": "36px", }, "sizeButtonMinimumWidth": { @@ -283554,7 +284087,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -283567,7 +284099,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -283607,7 +284138,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", "regular": "130px", }, "sizeDivPadding": { @@ -283623,8 +284153,7 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "8px", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "regular": "40px", }, "sizeFieldHorizontalMargin": { "regular": "20px", @@ -283639,7 +284168,6 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", "regular": "328px", }, "sizeFormItemPaddingVertical": { @@ -283650,15 +284178,13 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "20px", }, "sizeIconMargin": { - "compact": "8px", "regular": "12px", }, "sizeIconMorePadding": { - "compact": "8px", "regular": "12px", }, "sizeIconUI": { - "regular": "16px", + "regular": "18px", }, "sizeIllustrationL": { "regular": "144px", @@ -283694,22 +284220,18 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "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": { @@ -283728,11 +284250,9 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "32px", }, "sizeSearchHeight": { - "compact": "32px", "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", "regular": "7px", }, "sizeSliceBottomPadding": { @@ -283751,15 +284271,12 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "regular": "12px", }, "sizeSwitchHeight": { - "compact": "12px", "regular": "14px", }, "sizeSwitchPin": { - "compact": "18px", "regular": "20px", }, "sizeSwitchWidth": { - "compact": "32px", "regular": "34px", }, "sizeTabMargin": { @@ -283802,8 +284319,8 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "paradigmBaseDark", - "themeNameBase": "paradigmBase", + "themeName": "otvetDark", + "themeNameBase": "otvet", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -283813,10 +284330,6 @@ exports[`shapshots paradigmBaseDark 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)", "x0": "0px", "x025": "1px", "x05": "2px", @@ -283836,7 +284349,7 @@ exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1 } `; -exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots otvetDark theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -283845,10 +284358,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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, }, @@ -283989,9 +284498,9 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, "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, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", + "normal": "var(--vkui--color_background_content, #191919)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -284139,9 +284648,9 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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)", + "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": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.24))", @@ -284169,9 +284678,9 @@ exports[`shapshots paradigmBaseDark 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.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, transparent)", + "hover": "var(--vkui--color_field_border_alpha--hover, transparent)", + "normal": "var(--vkui--color_field_border_alpha, transparent)", }, "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #353536)", @@ -284224,9 +284733,9 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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, #BABABA)", + "hover": "var(--vkui--color_icon_primary--hover, #B7B7B7)", + "normal": "var(--vkui--color_icon_primary, #B4B4B4)", }, "colorIconPrimaryInvariably": { "active": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)", @@ -284234,9 +284743,9 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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, #6C6C6C)", + "hover": "var(--vkui--color_icon_secondary--hover, #656565)", + "normal": "var(--vkui--color_icon_secondary, #5F5F5F)", }, "colorIconSecondaryAlpha": { "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(245, 246, 255, 0.68))", @@ -284544,11 +285053,11 @@ exports[`shapshots paradigmBaseDark 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, 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))", + "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)", @@ -284612,12 +285121,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars }, }, "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)", @@ -284663,46 +285166,33 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars }, }, "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": "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": "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": "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": "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": "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": "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)", @@ -284711,10 +285201,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars }, }, "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)", @@ -284723,10 +285209,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars }, }, "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)", @@ -284743,10 +285225,6 @@ exports[`shapshots paradigmBaseDark 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, 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)", @@ -284755,10 +285233,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars }, }, "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)", @@ -284768,18 +285242,20 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars }, "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)", + "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": "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": "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": { @@ -284796,9 +285272,9 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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)", @@ -284855,7 +285331,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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": { @@ -284877,7 +285352,7 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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)", @@ -284928,15 +285403,12 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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": { @@ -284946,7 +285418,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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": { @@ -284959,7 +285430,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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": { @@ -284999,7 +285469,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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": { @@ -285015,8 +285484,7 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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, 40px)", }, "sizeFieldHorizontalMargin": { "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", @@ -285031,7 +285499,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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": { @@ -285042,15 +285509,13 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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)", + "regular": "var(--vkui--size_icon_u_i--regular, 18px)", }, "sizeIllustrationL": { "regular": "var(--vkui--size_illustration_l--regular, 144px)", @@ -285086,22 +285551,18 @@ exports[`shapshots paradigmBaseDark 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)", }, "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": { @@ -285120,11 +285581,9 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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": { @@ -285143,15 +285602,12 @@ exports[`shapshots paradigmBaseDark 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)", }, "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": { @@ -285194,8 +285650,8 @@ exports[`shapshots paradigmBaseDark 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)", - "themeName": "var(--vkui--theme_name, paradigmBaseDark)", - "themeNameBase": "var(--vkui--theme_name_base, paradigmBase)", + "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)", @@ -285205,10 +285661,6 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars "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)", @@ -285228,7 +285680,7 @@ exports[`shapshots paradigmBaseDark theme should match pseudo theme from CssVars } `; -exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = ` +exports[`shapshots otvetDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -285237,10 +285689,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "animationEasingPlatform": "cubic-bezier(0.3, 0.3, 0.5, 1)", "breakpoints": { "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { "adaptiveValue": "regular", "breakpoint": 0, }, @@ -285381,9 +285829,9 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#2B2B2B", + "hover": "#2B2B2B", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -285531,9 +285979,9 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "normal": "rgba(255, 255, 255, 0.08)", }, "colorButtonContrast": { - "active": "#2C2C2D", - "hover": "#29292A", - "normal": "#252526", + "active": "#222222", + "hover": "#1F1F1F", + "normal": "#1B1B1B", }, "colorButtonContrastAlpha": { "active": "rgba(255, 255, 255, 0.24)", @@ -285561,9 +286009,9 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.24)", - "hover": "rgba(255, 255, 255, 0.2)", - "normal": "rgba(255, 255, 255, 0.16)", + "active": "transparent", + "hover": "transparent", + "normal": "transparent", }, "colorHeaderBackground": { "active": "#353536", @@ -285616,9 +286064,9 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#DCDDE0", - "hover": "#DBDBDE", - "normal": "#D9DADD", + "active": "#BABABA", + "hover": "#B7B7B7", + "normal": "#B4B4B4", }, "colorIconPrimaryInvariably": { "active": "#3D3E3F", @@ -285626,9 +286074,9 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5F5F5F", }, "colorIconSecondaryAlpha": { "active": "rgba(245, 246, 255, 0.68)", @@ -285936,11 +286384,11 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "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)", + "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", @@ -286004,12 +286452,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, }, "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, @@ -286055,46 +286497,33 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, }, "fontH0": { - "compact": { - "fontSize": 44, - "lineHeight": 52, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": 32, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 44, + "fontWeight": 700, + "lineHeight": "52px", + "marginBottom": 20, }, }, "fontH1": { - "compact": { - "fontSize": 32, - "lineHeight": 36, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 32, + "fontWeight": 700, + "lineHeight": "40px", + "marginBottom": 16, }, }, "fontH2": { - "compact": { - "fontSize": 28, - "lineHeight": 32, - }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 700, + "lineHeight": "32px", + "marginBottom": 12, }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -286103,10 +286532,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, @@ -286115,10 +286540,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, }, "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, @@ -286135,10 +286556,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 18, - }, "regular": { "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, @@ -286147,10 +286564,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 16, @@ -286160,18 +286573,20 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 700, + "lineHeight": "28px", + "marginBottom": 12, }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": "24px", + "marginBottom": 12, }, }, "fontTitle3": { @@ -286188,9 +286603,9 @@ exports[`shapshots paradigmBaseDark 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, @@ -286247,7 +286662,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 12, }, "sizeBasePadding": { - "compact": 20, "regular": 16, }, "sizeBasePaddingHorizontal": { @@ -286269,7 +286683,7 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -286320,15 +286734,12 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, "regular": 16, }, "sizeButtonLargeHeight": { - "compact": 36, "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 32, "regular": 36, }, "sizeButtonMinimumWidth": { @@ -286338,7 +286749,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -286351,7 +286761,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -286391,7 +286800,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, "regular": 130, }, "sizeDivPadding": { @@ -286407,8 +286815,7 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 8, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "regular": 40, }, "sizeFieldHorizontalMargin": { "regular": 20, @@ -286423,7 +286830,6 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, "regular": 328, }, "sizeFormItemPaddingVertical": { @@ -286434,15 +286840,13 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 20, }, "sizeIconMargin": { - "compact": 8, "regular": 12, }, "sizeIconMorePadding": { - "compact": 8, "regular": 12, }, "sizeIconUI": { - "regular": 16, + "regular": 18, }, "sizeIllustrationL": { "regular": 144, @@ -286478,22 +286882,18 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "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": { @@ -286512,11 +286912,9 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 32, }, "sizeSearchHeight": { - "compact": 32, "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, "regular": 7, }, "sizeSliceBottomPadding": { @@ -286535,15 +286933,12 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "regular": 12, }, "sizeSwitchHeight": { - "compact": 12, "regular": 14, }, "sizeSwitchPin": { - "compact": 18, "regular": 20, }, "sizeSwitchWidth": { - "compact": 32, "regular": 34, }, "sizeTabMargin": { @@ -286586,8 +286981,8 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "paradigmBaseDark", - "themeNameBase": "paradigmBase", + "themeName": "otvetDark", + "themeNameBase": "otvet", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -286597,10 +286992,6 @@ exports[`shapshots paradigmBaseDark 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)", "x0": 0, "x025": 1, "x05": 2, @@ -286620,7 +287011,7 @@ exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = } `; -exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` +exports[`shapshots paradigmBase theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -286643,17 +287034,9 @@ exports[`shapshots pharma 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": 980, - }, - "tablet": { - "adaptiveValue": "compactX", - "breakpoint": 660, + "breakpoint": 768, }, "touch": { "adaptiveValue": "regular", @@ -286929,15 +287312,15 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #1BC39A)", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #1CCB9E)", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #1DD3A2)", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, "colorBackgroundAccentAlternative": { @@ -287573,15 +287956,15 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #1BC39A)", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #1CCB9E)", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #1DD3A2)", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, "colorIconAccentThemed": { @@ -287892,188 +288275,6 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "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, #fc627e)", - }, - "hover": { - "name": "--vkui--color_primary_pets--hover", - "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - }, - "normal": { - "name": "--vkui--color_primary_pets", - "value": "var(--vkui--color_primary_pets, #fc738c)", - }, - }, - "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, #006FEF)", - }, - "hover": { - "name": "--vkui--color_primary_realty--hover", - "value": "var(--vkui--color_primary_realty--hover, #0073F7)", - }, - "normal": { - "name": "--vkui--color_primary_realty", - "value": "var(--vkui--color_primary_realty, #0077FF)", - }, - }, "colorRating": { "active": { "name": "--vkui--color_rating--active", @@ -288088,20 +288289,6 @@ exports[`shapshots pharma 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", @@ -288116,48 +288303,6 @@ exports[`shapshots pharma 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", @@ -288270,116 +288415,18 @@ exports[`shapshots pharma 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, #1BC39A)", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", + "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #1DD3A2)", + "value": "var(--vkui--color_stroke_accent, #0077ff)", }, }, "colorStrokeAccentThemed": { @@ -288455,15 +288502,15 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #1BC39A)", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #1CCB9E)", + "value": "var(--vkui--color_text_accent--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1DD3A2)", + "value": "var(--vkui--color_text_accent, #0070f0)", }, }, "colorTextAccentThemed": { @@ -288946,7 +288993,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + "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", @@ -288974,7 +289021,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -289020,7 +289067,7 @@ exports[`shapshots pharma 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -289066,7 +289113,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -289112,7 +289159,7 @@ exports[`shapshots pharma 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -289158,7 +289205,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -289204,7 +289251,7 @@ exports[`shapshots pharma 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -289400,19 +289447,15 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "fontFamilyAccent": { "name": "--vkui--font_family_accent", - "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)", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -289436,7 +289479,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -289482,7 +289525,7 @@ exports[`shapshots pharma 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, Inter, Helvetica, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -289574,17 +289617,9 @@ exports[`shapshots pharma 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, 28px)", - }, - "fontWeight": { - "name": "--vkui--font_h1--font_weight--compact", - "value": "var(--vkui--font_h1--font_weight--compact, 500)", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", }, "lineHeight": { "name": "--vkui--font_h1--line_height--compact", @@ -289594,11 +289629,11 @@ exports[`shapshots pharma 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, Inter, 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, 36px)", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", }, "fontWeight": { "name": "--vkui--font_h1--font_weight--regular", @@ -289606,7 +289641,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 48px)", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, }, @@ -289630,17 +289665,9 @@ exports[`shapshots pharma 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, 24px)", - }, - "fontWeight": { - "name": "--vkui--font_h2--font_weight--compact", - "value": "var(--vkui--font_h2--font_weight--compact, 500)", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", }, "lineHeight": { "name": "--vkui--font_h2--line_height--compact", @@ -289650,11 +289677,11 @@ exports[`shapshots pharma 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, Inter, 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, 28px)", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", }, "fontWeight": { "name": "--vkui--font_h2--font_weight--regular", @@ -289662,83 +289689,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "lineHeight": { "name": "--vkui--font_h2--line_height--regular", - "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)", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, @@ -289774,7 +289725,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, VKSansDisplay, 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", @@ -289822,7 +289773,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, VKSansDisplay, 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", @@ -289870,7 +289821,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, VKSansDisplay, 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", @@ -289908,7 +289859,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", @@ -289956,7 +289907,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, VKSansDisplay, 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", @@ -290004,7 +289955,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", @@ -290042,7 +289993,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, VKSansDisplay, 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", @@ -290080,7 +290031,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, VKSansDisplay, 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", @@ -290118,7 +290069,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, VKSansDisplay, 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", @@ -290158,22 +290109,6 @@ 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%)", @@ -290190,1730 +290125,444 @@ exports[`shapshots pharma 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%)", }, - "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, 380px)", + }, + "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, 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_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, 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)", - }, + "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)", - }, + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, - "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_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": { - "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_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "mediaFontMediaParagraphSecondary": { + "sizeButtonBaseLargePaddingHorizontal": { "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_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, "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_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "mediaFontMediaQuote": { + "sizeButtonBaseLargePaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, - "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_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": { - "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)", - }, + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "mediaFontMediaQuotePerson": { + "sizeButtonBaseMediumPaddingHorizontalIcon": { "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)", - }, + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, - "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_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": { - "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)", - }, + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, }, - "mediaFontMediaSubtitleLight": { + "sizeButtonBaseSmallPaddingHorizontalIcon": { "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_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", }, "regular": { - "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)", - }, + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "mediaFontMediaTextSecondaryLight": { + "sizeButtonGroupGapMedium": { "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_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", }, "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, 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)", - }, + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "mediaFontMediaTitle1": { + "sizeButtonGroupGapSmall": { "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)", - }, + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, - "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": { + "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": { - "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)", - }, + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "mediaFontMediaTitle1Tiny": { + "sizeButtonIconPadding": { "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)", - }, + "name": "--vkui--size_button_icon_padding", + "value": "var(--vkui--size_button_icon_padding)", }, "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)", - }, - }, - "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)", + "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, 20px)", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, "sizeButtonLargeHeight": { @@ -291969,6 +290618,10 @@ exports[`shapshots pharma 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)", @@ -292145,15 +290798,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": { @@ -292215,14 +290864,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)", @@ -292263,13 +290904,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": { @@ -292301,9 +290942,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": { @@ -292311,6 +290956,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)", @@ -292321,17 +290970,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": { @@ -292463,13 +291104,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": { @@ -292477,13 +291118,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": { @@ -292503,15 +291144,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": { @@ -292585,15 +291222,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": { @@ -292693,14 +291326,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)", @@ -292711,14 +291336,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)", @@ -292846,11 +291463,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, pharma)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, pharma)", + "value": "var(--vkui--theme_name, paradigmBase)", }, "themeType": "cssVars", "toneValueActive": { @@ -292885,45 +291498,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", @@ -292992,7 +291581,7 @@ exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots paradigmBase theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -293000,17 +291589,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", @@ -293113,9 +291694,9 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -293343,9 +291924,9 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -293457,101 +292038,16 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "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": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", - }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, "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", @@ -293592,45 +292088,10 @@ exports[`shapshots pharma 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": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -293658,9 +292119,9 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -293831,11 +292292,11 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": "12px", "fontWeight": 400, "lineHeight": "16px", @@ -293843,7 +292304,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", @@ -293853,7 +292314,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", @@ -293861,7 +292322,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", @@ -293871,7 +292332,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", @@ -293879,7 +292340,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", @@ -293925,13 +292386,12 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "24px", }, }, - "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", + "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", @@ -293939,7 +292399,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", @@ -293961,55 +292421,35 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, + "fontSize": "32px", "lineHeight": "36px", }, "regular": { - "fontFamily": "VKSansDisplay, 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": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "34px", + "lineHeight": "32px", }, - }, - "fontH3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, 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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -294021,7 +292461,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "16px", "fontWeight": 500, "lineHeight": "20px", @@ -294033,7 +292473,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "15px", "fontWeight": 500, "lineHeight": "20px", @@ -294041,7 +292481,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", @@ -294053,7 +292493,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "14px", "fontWeight": 400, "lineHeight": "18px", @@ -294065,7 +292505,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", @@ -294073,7 +292513,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", "fontWeight": 500, "lineHeight": "28px", @@ -294081,7 +292521,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "20px", "fontWeight": 500, "lineHeight": "26px", @@ -294089,7 +292529,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "17px", "fontWeight": 500, "lineHeight": "22px", @@ -294101,326 +292541,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%", "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%", - "gridAsideContent": { - "compact": "300px", - "compactX": "300px", - "large": "380px", - "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": "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", - }, - }, - "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": "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", - }, - }, - "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", - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 400, - "lineHeight": "26px", - }, - }, - "mediaFontMediaTextSecondaryLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, - }, - "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", }, @@ -294474,8 +292600,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", @@ -294496,7 +292622,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "4px", + "regular": "12px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -294508,7 +292634,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "4px", + "regular": "8px", }, "sizeBorderWidthBar": { "regular": "4px", @@ -294547,7 +292673,8 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "1px", }, "sizeButtonIconPadding": { - "regular": "20px", + "compact": "20px", + "regular": "16px", }, "sizeButtonLargeHeight": { "compact": "36px", @@ -294564,6 +292691,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { + "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -294616,9 +292744,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", @@ -294637,8 +292764,6 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "regular": "44px", }, "sizeFieldHorizontalMargin": { - "compact": "16px", - "compactX": "16px", "regular": "20px", }, "sizeFieldHorizontalPadding": { @@ -294651,8 +292776,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", @@ -294662,15 +292787,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", @@ -294710,20 +292835,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", @@ -294745,9 +292869,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", @@ -294777,13 +292900,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": { @@ -294820,8 +292939,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "pharma", - "themeNameBase": "pharma", + "themeName": "paradigmBase", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -294831,16 +292949,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", @@ -294860,7 +292972,7 @@ exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots paradigmBase theme should match pseudo theme from CssVars 1`] = ` { "animationDurationL": "var(--vkui--animation_duration_l, 0.4s)", "animationDurationM": "var(--vkui--animation_duration_m, 0.2s)", @@ -294868,17 +292980,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", @@ -294981,9 +293085,9 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background, #FFFFFF)", }, "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, #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)", @@ -295211,9 +293315,9 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #FFFFFF)", }, "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, #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)", @@ -295325,101 +293429,16 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "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, #fc627e)", - "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", - "normal": "var(--vkui--color_primary_pets, #fc738c)", - }, - "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, #006FEF)", - "hover": "var(--vkui--color_primary_realty--hover, #0073F7)", - "normal": "var(--vkui--color_primary_realty, #0077FF)", - }, "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)", @@ -295460,45 +293479,10 @@ exports[`shapshots pharma 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, #1BC39A)", - "hover": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", - "normal": "var(--vkui--color_stroke_accent, #1DD3A2)", + "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)", @@ -295526,9 +293510,9 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_tabbar_text_inactive, #99A2AD)", }, "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, #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)", @@ -295699,11 +293683,11 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + "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, 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)", @@ -295711,7 +293695,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)", @@ -295721,7 +293705,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)", @@ -295729,7 +293713,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)", @@ -295739,7 +293723,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)", @@ -295747,7 +293731,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)", @@ -295793,13 +293777,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, 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)", + "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)", @@ -295807,7 +293790,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)", @@ -295829,46 +293812,26 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "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)", + "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, 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, 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)", + "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, 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, 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)", + "lineHeight": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, "fontHeadline": { @@ -295877,7 +293840,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, VKSansDisplay, 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)", @@ -295889,7 +293852,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, VKSansDisplay, 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)", @@ -295901,7 +293864,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, VKSansDisplay, 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)", @@ -295909,7 +293872,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)", @@ -295921,7 +293884,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, VKSansDisplay, 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)", @@ -295933,7 +293896,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)", @@ -295941,7 +293904,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, 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)", @@ -295949,7 +293912,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, 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)", @@ -295957,7 +293920,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "var(--vkui--font_title3--font_family--regular, VKSansDisplay, 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)", @@ -295969,326 +293932,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%)", "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%)", - "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, 380px)", - "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, 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)", - }, - }, - "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, 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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", }, @@ -296342,8 +293991,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)", @@ -296364,7 +294013,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)", @@ -296376,7 +294025,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)", @@ -296415,7 +294064,8 @@ 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": { "compact": "var(--vkui--size_button_large_height--compact, 36px)", @@ -296432,6 +294082,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": { @@ -296484,9 +294135,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)", @@ -296505,8 +294155,6 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` "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": { @@ -296519,8 +294167,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)", @@ -296530,15 +294178,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)", @@ -296578,20 +294226,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)", @@ -296613,9 +294260,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)", @@ -296645,13 +294291,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": { @@ -296688,8 +294330,7 @@ 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, paradigmBase)", "themeType": "pixelify", "toneValueActive": "var(--vkui--tone_value_active, 0.08)", "toneValueFocus": "var(--vkui--tone_value_focus, 0.08)", @@ -296699,16 +294340,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)", @@ -296728,7 +294363,7 @@ exports[`shapshots pharma theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots pharma theme should match root theme snapshot 1`] = ` +exports[`shapshots paradigmBase theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -296736,17 +294371,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", @@ -296849,9 +294476,9 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { "active": "#EB9305", @@ -297079,9 +294706,9 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { "active": "#006FEF", @@ -297193,101 +294820,16 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "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": "#fc627e", - "hover": "#ec4d6a", - "normal": "#fc738c", - }, - "colorPrimaryPharma": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", - }, - "colorPrimaryRealty": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, "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", @@ -297328,45 +294870,10 @@ exports[`shapshots pharma 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": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { "active": "#006FEF", @@ -297394,9 +294901,9 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#1BC39A", - "hover": "#1CCB9E", - "normal": "#1DD3A2", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { "active": "#0068E2", @@ -297567,11 +295074,11 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "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": "Inter, Helvetica, Arial, sans-serif", + "fontFamily": "Helvetica, Arial, sans-serif", "fontSize": 12, "fontWeight": 400, "lineHeight": 16, @@ -297579,7 +295086,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", @@ -297589,7 +295096,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, @@ -297597,7 +295104,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", @@ -297607,7 +295114,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, @@ -297615,7 +295122,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", @@ -297661,13 +295168,12 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 24, }, }, - "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", + "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, @@ -297675,7 +295181,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", @@ -297697,55 +295203,35 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, + "fontSize": 32, "lineHeight": 36, }, "regular": { - "fontFamily": "VKSansDisplay, 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": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 32, - }, - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", "fontSize": 28, - "fontWeight": 500, - "lineHeight": 34, + "lineHeight": 32, }, - }, - "fontH3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, 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, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -297757,7 +295243,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 16, "fontWeight": 500, "lineHeight": 20, @@ -297769,7 +295255,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 20, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 15, "fontWeight": 500, "lineHeight": 20, @@ -297777,7 +295263,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, @@ -297789,7 +295275,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "lineHeight": 18, }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 14, "fontWeight": 400, "lineHeight": 18, @@ -297801,7 +295287,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, @@ -297809,7 +295295,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, "fontWeight": 500, "lineHeight": 28, @@ -297817,7 +295303,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 20, "fontWeight": 500, "lineHeight": 26, @@ -297825,7 +295311,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 17, "fontWeight": 500, "lineHeight": 22, @@ -297837,326 +295323,12 @@ 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%", "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%", - "gridAsideContent": { - "compact": 300, - "compactX": 300, - "large": 380, - "regular": "100%", - }, - "gridColumnX2": { - "compact": 430, - "compactX": 280, - "large": 580, - "regular": "100%", - }, - "gridColumnX3": { - "compact": 280, - "compactX": 180, - "large": 380, - "regular": "100%", - }, - "gridColumnX4": { - "compact": 205, - "compactX": 130, - "large": 280, - "regular": "100%", - }, - "gridColumnX6": { - "compact": 130, - "compactX": 80, - "large": 180, - "regular": "100%", - }, - "gridMainContent": { - "compact": 620, - "compactX": 620, - "large": 780, - "regular": "100%", - }, - "gridMainContentWide": { - "compact": 620, - "compactX": 620, - "large": 860, - "regular": "100%", - }, - "gridWrapperContent": { - "compact": 940, - "compactX": 620, - "large": 1260, - "regular": "100%", - }, - "mediaFontMediaCaption": { - "compact": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 26, - }, - "regular": { - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 22, - }, - }, - "mediaFontMediaCaptionCaps": { - "compact": { - "fontSize": 15, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 20, - }, - "regular": { - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.05em", - "lineHeight": 16, - }, - }, - "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, - }, - }, - "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, - }, - }, - "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, - }, - }, - "mediaFontMediaParagraphSecondary": { - "regular": { - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 24, - }, - }, - "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, - }, - }, - "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, - }, - }, - "mediaFontMediaSubtitleLight": { - "regular": { - "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 400, - "lineHeight": 26, - }, - }, - "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, }, @@ -298210,8 +295382,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, @@ -298232,7 +295404,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 4, + "regular": 12, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -298244,7 +295416,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "regular": 4, + "regular": 8, }, "sizeBorderWidthBar": { "regular": 4, @@ -298283,7 +295455,8 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "regular": 20, + "compact": 20, + "regular": 16, }, "sizeButtonLargeHeight": { "compact": 36, @@ -298300,6 +295473,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { + "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -298352,9 +295526,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, @@ -298373,8 +295546,6 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeFieldHorizontalMargin": { - "compact": 16, - "compactX": 16, "regular": 20, }, "sizeFieldHorizontalPadding": { @@ -298387,8 +295558,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, @@ -298398,15 +295569,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, @@ -298446,20 +295617,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, @@ -298481,9 +295651,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, @@ -298513,13 +295682,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": { @@ -298556,8 +295721,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "pharma", - "themeNameBase": "pharma", + "themeName": "paradigmBase", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -298567,16 +295731,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, @@ -298596,7 +295754,7 @@ exports[`shapshots pharma theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` +exports[`shapshots paradigmBaseDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -298631,11 +295789,11 @@ exports[`shapshots portalUI 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", @@ -298645,25 +295803,25 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "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", @@ -298673,25 +295831,25 @@ exports[`shapshots portalUI 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", @@ -298701,11 +295859,11 @@ exports[`shapshots portalUI 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", @@ -298715,11 +295873,11 @@ exports[`shapshots portalUI 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", @@ -298729,11 +295887,11 @@ exports[`shapshots portalUI 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", @@ -298743,25 +295901,25 @@ exports[`shapshots portalUI 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", @@ -298771,11 +295929,11 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #815DEF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -298785,25 +295943,25 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "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, #DA300E)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", @@ -298813,11 +295971,11 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "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", @@ -298827,11 +295985,11 @@ exports[`shapshots portalUI 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", @@ -298841,29 +295999,29 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "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": { @@ -298883,25 +296041,25 @@ exports[`shapshots portalUI 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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", @@ -298911,11 +296069,11 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "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", @@ -298925,39 +296083,39 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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", @@ -298967,81 +296125,81 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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, #DDE5EF)", + "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, #E6EEF7)", + "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, #f0f7ff)", + "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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -299051,11 +296209,11 @@ exports[`shapshots portalUI 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", @@ -299079,137 +296237,137 @@ exports[`shapshots portalUI 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, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "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, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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, 51, 10, 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, 51, 10, 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, #EADDDD)", + "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, #F4E6E4)", + "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, #feefeb)", + "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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -299219,361 +296377,361 @@ exports[`shapshots portalUI 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, #BCD3EF)", + "value": "var(--vkui--color_background_sky--active, #3C3C3D)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", + "value": "var(--vkui--color_background_sky--hover, #333334)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #cce4ff)", + "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(204, 228, 255, 0.98))", + "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(204, 228, 255, 0.9400000000000001))", + "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(204, 228, 255, 0.9))", + "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, #006FEF)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #0073F7)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #0077ff)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #006FEF)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #0073F7)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #0077ff)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #006FEF)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #0073F7)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", + "value": "var(--vkui--color_icon_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_icon_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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", @@ -299583,11 +296741,11 @@ exports[`shapshots portalUI 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", @@ -299597,67 +296755,67 @@ exports[`shapshots portalUI 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, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "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", @@ -299667,25 +296825,25 @@ exports[`shapshots portalUI 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", @@ -299695,67 +296853,67 @@ exports[`shapshots portalUI 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", @@ -299765,53 +296923,53 @@ exports[`shapshots portalUI 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", @@ -299821,53 +296979,53 @@ exports[`shapshots portalUI 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "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", @@ -299877,165 +297035,165 @@ exports[`shapshots portalUI 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, #006FEF)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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", @@ -300045,25 +297203,25 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "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", @@ -300073,53 +297231,53 @@ exports[`shapshots portalUI 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, #0068E2)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #0070f0)", + "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", @@ -300129,53 +297287,53 @@ exports[`shapshots portalUI 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, #0068E2)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #006CE9)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0070f0)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #0070f0)", + "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", @@ -300185,11 +297343,11 @@ exports[`shapshots portalUI 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", @@ -300199,39 +297357,39 @@ exports[`shapshots portalUI 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, #DA300E)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "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", @@ -300241,39 +297399,39 @@ exports[`shapshots portalUI 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -300283,57 +297441,57 @@ exports[`shapshots portalUI 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "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": { @@ -300353,137 +297511,137 @@ exports[`shapshots portalUI 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", @@ -300493,11 +297651,11 @@ exports[`shapshots portalUI 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", @@ -300507,82 +297665,82 @@ 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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "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": { @@ -301696,7 +298854,7 @@ exports[`shapshots portalUI 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", @@ -301704,7 +298862,7 @@ exports[`shapshots portalUI 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", @@ -301718,322 +298876,6 @@ exports[`shapshots portalUI 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, #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))", - }, - "normal": { - "name": "--vkui--portal_color_background_accent_tab_alpha", - "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, #EBECEF)", - }, - "hover": { - "name": "--vkui--portal_color_background_card--hover", - "value": "var(--vkui--portal_color_background_card--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--portal_color_background_card", - "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, #3E3E3F)", - }, - "hover": { - "name": "--vkui--portal_color_background_dark--hover", - "value": "var(--vkui--portal_color_background_dark--hover, #2B2B2C)", - }, - "normal": { - "name": "--vkui--portal_color_background_dark", - "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, #DDDFE4)", - }, - "hover": { - "name": "--vkui--portal_color_background_invariable--hover", - "value": "var(--vkui--portal_color_background_invariable--hover, #E6E8EC)", - }, - "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.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))", - }, - "normal": { - "name": "--vkui--portal_color_overlay_primary_alpha", - "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, #5393EF)", - }, - "hover": { - "name": "--vkui--portal_color_palette_light_blue--hover", - "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, #5A9EFF)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_blue", - "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, #BEDCD8)", - }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_green--hover", - "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, #CEEEE6)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_orange", - "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, #DFD7EF)", - }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_purple--hover", - "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, #F2E8FF)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--portal_color_text_blue_accent_themed", - "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, #077369)", - }, - "hover": { - "name": "--vkui--portal_color_text_green_accent_themed--hover", - "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, #087C6D)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--portal_color_text_link_visited_alternative", - "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, #6E432C)", - }, - "hover": { - "name": "--vkui--portal_color_text_orange_accent_themed--hover", - "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, #78472A)", - }, - }, - "portalColorTextPurpleAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_purple_accent_themed--active", - "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, #6E4E9B)", - }, - "normal": { - "name": "--vkui--portal_color_text_purple_accent_themed", - "value": "var(--vkui--portal_color_text_purple_accent_themed, #73519F)", - }, - }, - "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", @@ -303364,11 +300206,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, paradigmBaseDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, portalUI)", + "value": "var(--vkui--theme_name_base, paradigmBase)", }, "themeType": "cssVars", "toneValueActive": { @@ -303486,7 +300328,7 @@ exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots paradigmBaseDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -303504,89 +300346,89 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", @@ -303594,68 +300436,68 @@ exports[`shapshots portalUI 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -303664,454 +300506,454 @@ exports[`shapshots portalUI 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -304119,86 +300961,86 @@ exports[`shapshots portalUI 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", @@ -304446,118 +301288,12 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "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%", + "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": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", - }, - "portalColorBackgroundAccent": { - "active": "#D4DDEF", - "hover": "#DDE6F6", - "normal": "#E6EFFE", - }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "portalColorBackgroundCard": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "portalColorBackgroundDark": { - "active": "#3E3E3F", - "hover": "#2B2B2C", - "normal": "#19191A", - }, - "portalColorBackgroundInvariable": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", - }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", - }, - "portalColorPaletteLightBlue": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5A9EFF", - }, - "portalColorPaletteSweetBlue": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", - }, - "portalColorPaletteSweetGreen": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", - }, - "portalColorPaletteSweetOrange": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", - }, - "portalColorPaletteSweetPurple": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", - }, - "portalColorTextBlueAccentThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", - }, - "portalColorTextGreenAccentThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", - }, - "portalColorTextLinkVisitedAlternative": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", - }, - "portalColorTextOrangeAccentThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", - }, - "portalColorTextPurpleAccentThemed": { - "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(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", }, @@ -304950,8 +301686,8 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "portalUI", - "themeNameBase": "portalUI", + "themeName": "paradigmBaseDark", + "themeNameBase": "paradigmBase", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -304984,7 +301720,7 @@ exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots portalUI 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)", @@ -305002,89 +301738,89 @@ exports[`shapshots portalUI 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, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "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, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "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, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "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, #006FEF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", - "normal": "var(--vkui--color_action_sheet_text, #0077ff)", + "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))", @@ -305092,68 +301828,68 @@ exports[`shapshots portalUI 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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "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, #006FEF)", - "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + "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, 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))", + "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, 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))", + "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, #DDE5EF)", - "hover": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", - "normal": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", + "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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #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": { @@ -305162,454 +301898,454 @@ exports[`shapshots portalUI 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, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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))", + "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, #EADDDD)", - "hover": "var(--vkui--color_background_negative_tint_themed--hover, #F4E6E4)", - "normal": "var(--vkui--color_background_negative_tint_themed, #feefeb)", + "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, 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))", + "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, #BCD3EF)", - "hover": "var(--vkui--color_background_sky--hover, #C4DCF7)", - "normal": "var(--vkui--color_background_sky, #cce4ff)", + "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(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))", + "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, #006FEF)", - "hover": "var(--vkui--color_button_icon--hover, #0073F7)", - "normal": "var(--vkui--color_button_icon, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_stroke--hover, #0073F7)", - "normal": "var(--vkui--color_button_stroke, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_button_text--hover, #0073F7)", - "normal": "var(--vkui--color_button_text, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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, #006FEF)", - "hover": "var(--vkui--color_panel_header_icon--hover, #0073F7)", - "normal": "var(--vkui--color_panel_header_icon, #0077ff)", + "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)", }, "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, #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)", + "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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077ff)", + "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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_accent_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent_themed, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link_themed--hover, #006CE9)", - "normal": "var(--vkui--color_text_link_themed, #0070f0)", + "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, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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))", @@ -305617,86 +302353,86 @@ exports[`shapshots portalUI 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, #006FEF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", - "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + "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, Helvetica, Arial, sans-serif)", @@ -305944,118 +302680,12 @@ 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)", - "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%)", "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)", - }, - "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)", - }, - "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))", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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))", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)", - }, - "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)))", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -306448,8 +303078,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, 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)", @@ -306482,7 +303112,7 @@ exports[`shapshots portalUI theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` +exports[`shapshots paradigmBaseDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -306500,89 +303130,89 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#815DEF", - "hover": "#8661F7", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", @@ -306590,68 +303220,68 @@ exports[`shapshots portalUI 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(0, 119, 255, 0.28)", - "hover": "rgba(0, 119, 255, 0.24)", - "normal": "rgba(0, 119, 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": "#5393EF", - "hover": "#5698F7", + "active": "#67A6FF", + "hover": "#61A2FF", "normal": "#5a9eff", }, "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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": "#DDE5EF", - "hover": "#E6EEF7", - "normal": "#f0f7ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundAccentTintThemedAlpha": { - "active": "rgba(0, 119, 255, 0.14)", - "hover": "rgba(0, 119, 255, 0.1)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2C2D31", - "hover": "#2E2F31", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -306660,454 +303290,454 @@ exports[`shapshots portalUI 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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#feefeb", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundNegativeTintThemedAlpha": { - "active": "rgba(237, 51, 10, 0.16)", - "hover": "rgba(237, 51, 10, 0.12)", - "normal": "rgba(237, 51, 10, 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": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#cce4ff", + "active": "#3C3C3D", + "hover": "#333334", + "normal": "#2b2b2c", }, "colorBackgroundSkyAlpha": { - "active": "rgba(204, 228, 255, 0.98)", - "hover": "rgba(204, 228, 255, 0.9400000000000001)", - "normal": "rgba(204, 228, 255, 0.9)", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "active": "#95979D", + "hover": "#919398", + "normal": "#8C8E94", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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)", @@ -307115,86 +303745,86 @@ exports[`shapshots portalUI 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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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", @@ -307442,118 +304072,12 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "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%", + "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": "#E5E6EB", - "hover": "#EFF0F2", - "normal": "#F9F9FA", - }, - "portalColorBackgroundAccent": { - "active": "#D4DDEF", - "hover": "#DDE6F6", - "normal": "#E6EFFE", - }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", - }, - "portalColorBackgroundCard": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "portalColorBackgroundDark": { - "active": "#3E3E3F", - "hover": "#2B2B2C", - "normal": "#19191A", - }, - "portalColorBackgroundInvariable": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", - }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", - }, - "portalColorPaletteLightBlue": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5A9EFF", - }, - "portalColorPaletteSweetBlue": { - "active": "#CBD8EF", - "hover": "#D4E0F7", - "normal": "#DDE9FF", - }, - "portalColorPaletteSweetGreen": { - "active": "#BEDCD8", - "hover": "#C6E5DF", - "normal": "#CEEEE6", - }, - "portalColorPaletteSweetOrange": { - "active": "#E5C3B3", - "hover": "#EFCBB8", - "normal": "#F9D3BD", - }, - "portalColorPaletteSweetPurple": { - "active": "#DFD7EF", - "hover": "#E8DFF7", - "normal": "#F2E8FF", - }, - "portalColorTextBlueAccentThemed": { - "active": "#1A4074", - "hover": "#1B4277", - "normal": "#1C4479", - }, - "portalColorTextGreenAccentThemed": { - "active": "#077369", - "hover": "#08786B", - "normal": "#087C6D", - }, - "portalColorTextLinkVisitedAlternative": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", - }, - "portalColorTextOrangeAccentThemed": { - "active": "#6E432C", - "hover": "#73452B", - "normal": "#78472A", - }, - "portalColorTextPurpleAccentThemed": { - "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(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, }, @@ -307946,8 +304470,8 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "portalUI", - "themeNameBase": "portalUI", + "themeName": "paradigmBaseDark", + "themeNameBase": "paradigmBase", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -307980,7 +304504,7 @@ exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots pharma theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -308003,9 +304527,17 @@ exports[`shapshots portalUIDark 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", @@ -308015,11 +304547,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", @@ -308029,25 +304561,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, #1482FF)", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077ff)", + "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", @@ -308057,25 +304589,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", @@ -308085,11 +304617,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", @@ -308099,11 +304631,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", @@ -308113,11 +304645,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", @@ -308127,25 +304659,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", @@ -308155,11 +304687,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #9570FF)", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #916AFF)", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -308169,25 +304701,25 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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, #EE431E)", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #EE3B14)", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { "name": "--vkui--color_accent_red", @@ -308197,11 +304729,11 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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", @@ -308211,11 +304743,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", @@ -308225,29 +304757,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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077FF)", + "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": { @@ -308267,39 +304799,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, #1482FF)", + "value": "var(--vkui--color_background_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_background_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "value": "var(--vkui--color_background_accent, #1DD3A2)", }, }, "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", @@ -308309,39 +304841,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", @@ -308351,81 +304883,81 @@ 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, 119, 255, 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, 119, 255, 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, 119, 255, 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)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, "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", @@ -308435,11 +304967,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", @@ -308463,137 +304995,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, 51, 10, 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, 51, 10, 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, 51, 10, 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", @@ -308603,361 +305135,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, #3C3C3D)", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, "hover": { "name": "--vkui--color_background_sky--hover", - "value": "var(--vkui--color_background_sky--hover, #333334)", + "value": "var(--vkui--color_background_sky--hover, #C4DCF7)", }, "normal": { "name": "--vkui--color_background_sky", - "value": "var(--vkui--color_background_sky, #2b2b2c)", + "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(51, 51, 51, 0.88))", + "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(51, 51, 51, 0.84))", + "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(51, 51, 51, 0.8))", + "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, #1482FF)", + "value": "var(--vkui--color_icon_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_icon_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077FF)", + "value": "var(--vkui--color_icon_accent, #1DD3A2)", }, }, "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", @@ -308967,11 +305499,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", @@ -308981,67 +305513,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, #DA300E)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #ED330a)", }, }, "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", @@ -309051,25 +305583,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", @@ -309079,67 +305611,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", @@ -309149,53 +305681,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", @@ -309205,221 +305737,557 @@ 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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_panel_header_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077FF)", + "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, #fc627e)", + }, + "hover": { + "name": "--vkui--color_primary_pets--hover", + "value": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + }, + "normal": { + "name": "--vkui--color_primary_pets", + "value": "var(--vkui--color_primary_pets, #fc738c)", + }, + }, + "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, #006FEF)", + }, + "hover": { + "name": "--vkui--color_primary_realty--hover", + "value": "var(--vkui--color_primary_realty--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_primary_realty", + "value": "var(--vkui--color_primary_realty, #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", "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", - "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)", + }, + }, + "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", - "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)", + }, + }, + "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, #1482FF)", + "value": "var(--vkui--color_stroke_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "value": "var(--vkui--color_stroke_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077FF)", + "value": "var(--vkui--color_stroke_accent, #1DD3A2)", }, }, "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", @@ -309429,25 +306297,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, #DA300E)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #ED330a)", }, }, "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", @@ -309457,53 +306325,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, #2C8FFF)", + "value": "var(--vkui--color_text_accent--active, #1BC39A)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #238AFF)", + "value": "var(--vkui--color_text_accent--hover, #1CCB9E)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #1A85FF)", + "value": "var(--vkui--color_text_accent, #1DD3A2)", }, }, "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", @@ -309513,53 +306381,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, #2C8FFF)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #238AFF)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #1A85FF)", + "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", @@ -309569,11 +306437,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", @@ -309583,39 +306451,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", @@ -309625,39 +306493,39 @@ 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)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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", @@ -309667,57 +306535,57 @@ 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)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "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": { @@ -309737,137 +306605,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", @@ -309877,11 +306745,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", @@ -309891,82 +306759,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, #1482FF)", + "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, #0A7CFF)", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077FF)", + "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", }, "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": { @@ -309990,7 +306858,7 @@ exports[`shapshots portalUIDark 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", @@ -310036,7 +306904,7 @@ exports[`shapshots portalUIDark 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", @@ -310082,7 +306950,7 @@ exports[`shapshots portalUIDark 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", @@ -310128,7 +306996,7 @@ exports[`shapshots portalUIDark 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", @@ -310174,7 +307042,7 @@ exports[`shapshots portalUIDark 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", @@ -310220,7 +307088,7 @@ exports[`shapshots portalUIDark 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", @@ -310416,15 +307284,19 @@ exports[`shapshots portalUIDark 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": { @@ -310448,7 +307320,7 @@ exports[`shapshots portalUIDark 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", @@ -310494,7 +307366,7 @@ exports[`shapshots portalUIDark 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", @@ -310586,9 +307458,17 @@ exports[`shapshots portalUIDark 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", @@ -310598,11 +307478,11 @@ exports[`shapshots portalUIDark 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", @@ -310610,7 +307490,7 @@ exports[`shapshots portalUIDark 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)", }, }, }, @@ -310634,9 +307514,17 @@ exports[`shapshots portalUIDark 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", @@ -310646,11 +307534,11 @@ exports[`shapshots portalUIDark 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", @@ -310658,7 +307546,83 @@ exports[`shapshots portalUIDark 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)", }, }, }, @@ -310694,7 +307658,7 @@ exports[`shapshots portalUIDark 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", @@ -310742,7 +307706,7 @@ exports[`shapshots portalUIDark 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", @@ -310790,7 +307754,7 @@ exports[`shapshots portalUIDark 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", @@ -310828,7 +307792,7 @@ exports[`shapshots portalUIDark 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", @@ -310876,7 +307840,7 @@ exports[`shapshots portalUIDark 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", @@ -310924,7 +307888,7 @@ exports[`shapshots portalUIDark 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", @@ -310962,7 +307926,7 @@ exports[`shapshots portalUIDark 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", @@ -311000,7 +307964,7 @@ exports[`shapshots portalUIDark 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", @@ -311038,7 +308002,7 @@ exports[`shapshots portalUIDark 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", @@ -311078,9 +308042,25 @@ exports[`shapshots portalUIDark 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(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", @@ -311088,532 +308068,1506 @@ 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", "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, #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)", + "gridAsideContent": { + "auto": { + "name": "--vkui--grid_aside_content", + "value": "var(--vkui--grid_aside_content)", }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_blue", - "value": "var(--vkui--portal_color_palette_sweet_blue, #1C4479)", + "compact": { + "name": "--vkui--grid_aside_content--compact", + "value": "var(--vkui--grid_aside_content--compact, 300px)", }, - }, - "portalColorPaletteSweetGreen": { - "active": { - "name": "--vkui--portal_color_palette_sweet_green--active", - "value": "var(--vkui--portal_color_palette_sweet_green--active, #1C8679)", + "compactX": { + "name": "--vkui--grid_aside_content--compact_x", + "value": "var(--vkui--grid_aside_content--compact_x, 300px)", }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_green--hover", - "value": "var(--vkui--portal_color_palette_sweet_green--hover, #128173)", + "large": { + "name": "--vkui--grid_aside_content--large", + "value": "var(--vkui--grid_aside_content--large, 380px)", }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_green", - "value": "var(--vkui--portal_color_palette_sweet_green, #087C6D)", + "regular": { + "name": "--vkui--grid_aside_content--regular", + "value": "var(--vkui--grid_aside_content--regular, 100%)", }, }, - "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)", + "gridColumnX2": { + "auto": { + "name": "--vkui--grid_column_x2", + "value": "var(--vkui--grid_column_x2)", }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_orange", - "value": "var(--vkui--portal_color_palette_sweet_orange, #78472A)", + "compact": { + "name": "--vkui--grid_column_x2--compact", + "value": "var(--vkui--grid_column_x2--compact, 430px)", }, - }, - "portalColorPaletteSweetPurple": { - "active": { - "name": "--vkui--portal_color_palette_sweet_purple--active", - "value": "var(--vkui--portal_color_palette_sweet_purple--active, #7E5FA7)", + "compactX": { + "name": "--vkui--grid_column_x2--compact_x", + "value": "var(--vkui--grid_column_x2--compact_x, 280px)", }, - "hover": { - "name": "--vkui--portal_color_palette_sweet_purple--hover", - "value": "var(--vkui--portal_color_palette_sweet_purple--hover, #7958A3)", + "large": { + "name": "--vkui--grid_column_x2--large", + "value": "var(--vkui--grid_column_x2--large, 580px)", }, - "normal": { - "name": "--vkui--portal_color_palette_sweet_purple", - "value": "var(--vkui--portal_color_palette_sweet_purple, #73519F)", + "regular": { + "name": "--vkui--grid_column_x2--regular", + "value": "var(--vkui--grid_column_x2--regular, 100%)", }, }, - "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)", + "gridColumnX3": { + "auto": { + "name": "--vkui--grid_column_x3", + "value": "var(--vkui--grid_column_x3)", }, - "normal": { - "name": "--vkui--portal_color_text_blue_accent_themed", - "value": "var(--vkui--portal_color_text_blue_accent_themed, #FFFFFF)", + "compact": { + "name": "--vkui--grid_column_x3--compact", + "value": "var(--vkui--grid_column_x3--compact, 280px)", }, - }, - "portalColorTextGreenAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_green_accent_themed--active", - "value": "var(--vkui--portal_color_text_green_accent_themed--active, #D7D8DB)", + "compactX": { + "name": "--vkui--grid_column_x3--compact_x", + "value": "var(--vkui--grid_column_x3--compact_x, 180px)", }, - "hover": { - "name": "--vkui--portal_color_text_green_accent_themed--hover", - "value": "var(--vkui--portal_color_text_green_accent_themed--hover, #EBEDF0)", + "large": { + "name": "--vkui--grid_column_x3--large", + "value": "var(--vkui--grid_column_x3--large, 380px)", }, - "normal": { - "name": "--vkui--portal_color_text_green_accent_themed", - "value": "var(--vkui--portal_color_text_green_accent_themed, #FFFFFF)", + "regular": { + "name": "--vkui--grid_column_x3--regular", + "value": "var(--vkui--grid_column_x3--regular, 100%)", }, }, - "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)", + "gridColumnX4": { + "auto": { + "name": "--vkui--grid_column_x4", + "value": "var(--vkui--grid_column_x4)", }, - "normal": { - "name": "--vkui--portal_color_text_link_visited_alternative", - "value": "var(--vkui--portal_color_text_link_visited_alternative, #AA68AA)", + "compact": { + "name": "--vkui--grid_column_x4--compact", + "value": "var(--vkui--grid_column_x4--compact, 205px)", }, - }, - "portalColorTextOrangeAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_orange_accent_themed--active", - "value": "var(--vkui--portal_color_text_orange_accent_themed--active, #D7D8DB)", + "compactX": { + "name": "--vkui--grid_column_x4--compact_x", + "value": "var(--vkui--grid_column_x4--compact_x, 130px)", }, - "hover": { - "name": "--vkui--portal_color_text_orange_accent_themed--hover", - "value": "var(--vkui--portal_color_text_orange_accent_themed--hover, #EBEDF0)", + "large": { + "name": "--vkui--grid_column_x4--large", + "value": "var(--vkui--grid_column_x4--large, 280px)", }, - "normal": { - "name": "--vkui--portal_color_text_orange_accent_themed", - "value": "var(--vkui--portal_color_text_orange_accent_themed, #FFFFFF)", + "regular": { + "name": "--vkui--grid_column_x4--regular", + "value": "var(--vkui--grid_column_x4--regular, 100%)", }, }, - "portalColorTextPurpleAccentThemed": { - "active": { - "name": "--vkui--portal_color_text_purple_accent_themed--active", - "value": "var(--vkui--portal_color_text_purple_accent_themed--active, #D7D8DB)", + "gridColumnX6": { + "auto": { + "name": "--vkui--grid_column_x6", + "value": "var(--vkui--grid_column_x6)", }, - "hover": { - "name": "--vkui--portal_color_text_purple_accent_themed--hover", - "value": "var(--vkui--portal_color_text_purple_accent_themed--hover, #EBEDF0)", + "compact": { + "name": "--vkui--grid_column_x6--compact", + "value": "var(--vkui--grid_column_x6--compact, 130px)", }, - "normal": { - "name": "--vkui--portal_color_text_purple_accent_themed", - "value": "var(--vkui--portal_color_text_purple_accent_themed, #FFFFFF)", + "compactX": { + "name": "--vkui--grid_column_x6--compact_x", + "value": "var(--vkui--grid_column_x6--compact_x, 80px)", }, - }, - "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", - "value": "var(--vkui--size_arrow)", + "large": { + "name": "--vkui--grid_column_x6--large", + "value": "var(--vkui--grid_column_x6--large, 180px)", }, "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "name": "--vkui--grid_column_x6--regular", + "value": "var(--vkui--grid_column_x6--regular, 100%)", }, }, - "sizeArrowHeight": { + "gridMainContent": { "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)", + "name": "--vkui--grid_main_content", + "value": "var(--vkui--grid_main_content)", }, - }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "compact": { + "name": "--vkui--grid_main_content--compact", + "value": "var(--vkui--grid_main_content--compact, 620px)", }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "compactX": { + "name": "--vkui--grid_main_content--compact_x", + "value": "var(--vkui--grid_main_content--compact_x, 620px)", }, - }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "large": { + "name": "--vkui--grid_main_content--large", + "value": "var(--vkui--grid_main_content--large, 780px)", }, "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "name": "--vkui--grid_main_content--regular", + "value": "var(--vkui--grid_main_content--regular, 100%)", }, }, - "sizeArrowWidth": { + "gridMainContentWide": { "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)", + "name": "--vkui--grid_main_content_wide", + "value": "var(--vkui--grid_main_content_wide)", }, - }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "compact": { + "name": "--vkui--grid_main_content_wide--compact", + "value": "var(--vkui--grid_main_content_wide--compact, 620px)", }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "compactX": { + "name": "--vkui--grid_main_content_wide--compact_x", + "value": "var(--vkui--grid_main_content_wide--compact_x, 620px)", }, - }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "large": { + "name": "--vkui--grid_main_content_wide--large", + "value": "var(--vkui--grid_main_content_wide--large, 860px)", }, "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "name": "--vkui--grid_main_content_wide--regular", + "value": "var(--vkui--grid_main_content_wide--regular, 100%)", }, }, - "sizeAvatarM": { + "gridWrapperContent": { "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)", + "name": "--vkui--grid_wrapper_content", + "value": "var(--vkui--grid_wrapper_content)", }, - }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "compact": { + "name": "--vkui--grid_wrapper_content--compact", + "value": "var(--vkui--grid_wrapper_content--compact, 940px)", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "compactX": { + "name": "--vkui--grid_wrapper_content--compact_x", + "value": "var(--vkui--grid_wrapper_content--compact_x, 620px)", }, - }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "large": { + "name": "--vkui--grid_wrapper_content--large", + "value": "var(--vkui--grid_wrapper_content--large, 1260px)", }, "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "name": "--vkui--grid_wrapper_content--regular", + "value": "var(--vkui--grid_wrapper_content--regular, 100%)", }, }, - "sizeAvatarXS": { + "mediaFontMediaCaption": { "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)", + "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)", + }, }, - }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "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_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "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)", + }, }, }, - "sizeBadgeM": { + "mediaFontMediaCaptionCaps": { "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)", + "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)", + }, }, - }, - "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "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_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "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)", + }, }, }, - "sizeBadgeXL": { + "mediaFontMediaLead": { "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)", + "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)", + }, }, - }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "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_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "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)", + }, }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { + "mediaFontMediaParagraph": { "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "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)", + }, + }, + "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_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "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)", + }, }, }, - "sizeBasePadding": { + "mediaFontMediaParagraphNumbering": { "auto": { - "name": "--vkui--size_base_padding", - "value": "var(--vkui--size_base_padding)", + "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": { - "name": "--vkui--size_base_padding--compact", - "value": "var(--vkui--size_base_padding--compact, 20px)", + "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_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", + "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)", + }, }, }, - "sizeBasePaddingHorizontal": { + "mediaFontMediaParagraphSecondary": { "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "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_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "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)", + }, + }, + }, + "mediaFontMediaQuote": { + "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, 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": { + "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)", + }, + }, + }, + "mediaFontMediaQuotePerson": { + "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, 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": { + "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)", + }, + }, + }, + "mediaFontMediaSubtitleLight": { + "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)", + }, + }, + "regular": { + "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)", + }, + }, + }, + "mediaFontMediaTextSecondaryLight": { + "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)", + }, + }, + "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, 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)", + }, + }, + }, + "mediaFontMediaTitle1": { + "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, 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)", + }, + }, + "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": { @@ -311673,7 +309627,7 @@ exports[`shapshots portalUIDark 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": { @@ -311713,7 +309667,7 @@ exports[`shapshots portalUIDark 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": { @@ -311841,13 +309795,9 @@ exports[`shapshots portalUIDark 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": { @@ -311903,10 +309853,6 @@ exports[`shapshots portalUIDark 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)", @@ -312083,11 +310029,15 @@ exports[`shapshots portalUIDark 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": { @@ -312149,6 +310099,14 @@ exports[`shapshots portalUIDark 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)", @@ -312189,13 +310147,13 @@ exports[`shapshots portalUIDark 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": { @@ -312227,13 +310185,9 @@ exports[`shapshots portalUIDark 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": { @@ -312241,10 +310195,6 @@ exports[`shapshots portalUIDark 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)", @@ -312255,9 +310205,17 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` "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)", + "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)", }, }, "sizeIllustrationL": { @@ -312389,13 +310347,13 @@ exports[`shapshots portalUIDark 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": { @@ -312403,13 +310361,13 @@ exports[`shapshots portalUIDark 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": { @@ -312429,11 +310387,15 @@ exports[`shapshots portalUIDark 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": { @@ -312507,11 +310469,15 @@ exports[`shapshots portalUIDark 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": { @@ -312611,6 +310577,14 @@ exports[`shapshots portalUIDark 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)", @@ -312621,6 +310595,14 @@ exports[`shapshots portalUIDark 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)", @@ -312748,7 +310730,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, pharma)", + }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, pharma)", }, "themeType": "cssVars", "toneValueActive": { @@ -312783,21 +310769,45 @@ exports[`shapshots portalUIDark 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", @@ -312866,7 +310876,7 @@ exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots pharma theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -312874,9 +310884,17 @@ exports[`shapshots portalUIDark 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", @@ -312884,89 +310902,89 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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)", @@ -312974,68 +310992,68 @@ 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -313044,454 +311062,574 @@ 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#1482FF", - "hover": "#0A7CFF", + "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": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", + }, + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", + "active": "#EBC405", + "hover": "#F5CC02", "normal": "#ffd400", }, + "colorSale": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", + }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "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": "#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", + }, + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -313499,89 +311637,89 @@ 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "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", @@ -313589,7 +311727,7 @@ exports[`shapshots portalUIDark 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", @@ -313599,7 +311737,7 @@ exports[`shapshots portalUIDark 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", @@ -313607,7 +311745,7 @@ exports[`shapshots portalUIDark 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", @@ -313617,7 +311755,7 @@ exports[`shapshots portalUIDark 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", @@ -313625,7 +311763,7 @@ exports[`shapshots portalUIDark 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", @@ -313671,12 +311809,13 @@ exports[`shapshots portalUIDark 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", @@ -313684,7 +311823,7 @@ exports[`shapshots portalUIDark 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", @@ -313706,35 +311845,55 @@ exports[`shapshots portalUIDark 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", @@ -313746,7 +311905,7 @@ exports[`shapshots portalUIDark 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", @@ -313758,7 +311917,7 @@ exports[`shapshots portalUIDark 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", @@ -313766,7 +311925,7 @@ exports[`shapshots portalUIDark 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", @@ -313778,7 +311937,7 @@ exports[`shapshots portalUIDark 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", @@ -313790,7 +311949,7 @@ exports[`shapshots portalUIDark 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", @@ -313798,7 +311957,7 @@ exports[`shapshots portalUIDark 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", @@ -313806,7 +311965,7 @@ exports[`shapshots portalUIDark 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", @@ -313814,7 +311973,7 @@ exports[`shapshots portalUIDark 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", @@ -313826,118 +311985,326 @@ 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%", + "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(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", + "gridAsideContent": { + "compact": "300px", + "compactX": "300px", + "large": "380px", + "regular": "100%", }, - "portalColorBackgroundAccent": { - "active": "#273856", - "hover": "#1D304E", - "normal": "#142747", + "gridColumnX2": { + "compact": "430px", + "compactX": "280px", + "large": "580px", + "regular": "100%", }, - "portalColorBackgroundAccentAlpha": { - "active": "rgba(0, 95, 249, 0.28)", - "hover": "rgba(0, 95, 249, 0.24)", - "normal": "rgba(0, 95, 249, 0.2)", + "gridColumnX3": { + "compact": "280px", + "compactX": "180px", + "large": "380px", + "regular": "100%", }, - "portalColorBackgroundAccentTabAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "gridColumnX4": { + "compact": "205px", + "compactX": "130px", + "large": "280px", + "regular": "100%", }, - "portalColorBackgroundCard": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "gridColumnX6": { + "compact": "130px", + "compactX": "80px", + "large": "180px", + "regular": "100%", }, - "portalColorBackgroundDark": { - "active": "#4C4C4D", - "hover": "#3B3B3C", - "normal": "#2A2A2B", + "gridMainContent": { + "compact": "620px", + "compactX": "620px", + "large": "780px", + "regular": "100%", }, - "portalColorBackgroundInvariable": { - "active": "#F1F2F4", - "hover": "#F1F2F3", - "normal": "#F0F1F3", + "gridMainContentWide": { + "compact": "620px", + "compactX": "620px", + "large": "860px", + "regular": "100%", }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "gridWrapperContent": { + "compact": "940px", + "compactX": "620px", + "large": "1260px", + "regular": "100%", }, - "portalColorPaletteLightBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "mediaFontMediaCaption": { + "compact": { + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "26px", + }, + "regular": { + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "22px", + }, }, - "portalColorPaletteSweetBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": "15px", + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": "20px", + }, + "regular": { + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": "16px", + }, }, - "portalColorPaletteSweetGreen": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "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": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "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": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "24px", + }, }, - "portalColorTextGreenAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#B174B1", - "hover": "#AD6EAD", - "normal": "#AA68AA", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 400, + "lineHeight": "26px", + }, }, - "portalColorTextPurpleAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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(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))", + "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", }, @@ -313991,8 +312358,8 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "12px", }, "sizeBasePadding": { - "compact": "20px", - "regular": "16px", + "compactX": "16px", + "regular": "20px", }, "sizeBasePaddingHorizontal": { "regular": "16px", @@ -314013,7 +312380,7 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "4px", }, "sizeBorderRadiusPromo": { "regular": "20px", @@ -314025,7 +312392,7 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeBorderWidthAccentSecondary": { - "regular": "8px", + "regular": "4px", }, "sizeBorderWidthBar": { "regular": "4px", @@ -314064,8 +312431,7 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "1px", }, "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "regular": "20px", }, "sizeButtonLargeHeight": { "compact": "36px", @@ -314082,7 +312448,6 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", "regular": "20px", }, "sizeButtonSliderHeight": { @@ -314135,8 +312500,9 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "8px", }, "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", + "compact": "130px", + "compactX": "130px", + "regular": "94px", }, "sizeDivPadding": { "regular": "4px", @@ -314155,6 +312521,8 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "44px", }, "sizeFieldHorizontalMargin": { + "compact": "16px", + "compactX": "16px", "regular": "20px", }, "sizeFieldHorizontalPadding": { @@ -314167,8 +312535,8 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "24px", }, "sizeFieldWidthMin": { - "compact": "380px", - "regular": "328px", + "compactX": "288px", + "regular": "380px", }, "sizeFormItemPaddingVertical": { "regular": "12px", @@ -314178,15 +312546,15 @@ exports[`shapshots portalUIDark 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", @@ -314226,19 +312594,20 @@ exports[`shapshots portalUIDark 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", @@ -314260,8 +312629,9 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "36px", }, "sizeSelectIconPadding": { - "compact": "6px", - "regular": "7px", + "compact": "7px", + "compactX": "7px", + "regular": "6px", }, "sizeSliceBottomPadding": { "regular": "60px", @@ -314291,9 +312661,13 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "regular": "34px", }, "sizeTabMargin": { + "compact": "32px", + "compactX": "32px", "regular": "8px", }, "sizeTabPadding": { + "compact": "0px", + "compactX": "0px", "regular": "16px", }, "sizeTableHorizontalPadding": { @@ -314330,7 +312704,8 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "portalUIDark", + "themeName": "pharma", + "themeNameBase": "pharma", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -314340,10 +312715,16 @@ exports[`shapshots portalUIDark 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", @@ -314363,7 +312744,7 @@ exports[`shapshots portalUIDark theme should match pixelify theme snapshot 1`] = } `; -exports[`shapshots portalUIDark 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)", @@ -314371,9 +312752,17 @@ exports[`shapshots portalUIDark 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", @@ -314381,89 +312770,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, #1482FF)", - "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_blue, #0077ff)", + "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, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "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, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", "normal": "var(--vkui--color_accent_red, #ED330A)", }, "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, #1482FF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", - "normal": "var(--vkui--color_action_sheet_text, #0077FF)", + "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))", @@ -314471,68 +312860,68 @@ 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, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "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, #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, 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))", + "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)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "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": { @@ -314541,454 +312930,574 @@ 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, 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))", + "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, #3C3C3D)", - "hover": "var(--vkui--color_background_sky--hover, #333334)", - "normal": "var(--vkui--color_background_sky, #2b2b2c)", + "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(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))", + "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, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "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, #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, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330a)", }, "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, #1482FF)", - "hover": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_panel_header_icon, #0077FF)", + "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)", - "normal": "var(--vkui--color_rating, #ffd400)", + "colorPrimaryAuto": { + "active": "var(--vkui--color_primary_auto--active, #006FEF)", + "hover": "var(--vkui--color_primary_auto--hover, #0073F7)", + "normal": "var(--vkui--color_primary_auto, #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)", + "colorPrimaryBase": { + "active": "var(--vkui--color_primary_base--active, #006FEF)", + "hover": "var(--vkui--color_primary_base--hover, #0073F7)", + "normal": "var(--vkui--color_primary_base, #0077FF)", }, - "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "colorPrimaryDeti": { + "active": "var(--vkui--color_primary_deti--active, #006FEF)", + "hover": "var(--vkui--color_primary_deti--hover, #0073F7)", + "normal": "var(--vkui--color_primary_deti, #0077FF)", }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #282829)", - "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - "normal": "var(--vkui--color_separator_primary, #151516)", + "colorPrimaryDobro": { + "active": "var(--vkui--color_primary_dobro--active, #EBC405)", + "hover": "var(--vkui--color_primary_dobro--hover, #F5CC02)", + "normal": "var(--vkui--color_primary_dobro, #ffd400)", }, - "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #323234)", - "hover": "var(--vkui--color_separator_primary2x--hover, #29292B)", - "normal": "var(--vkui--color_separator_primary2x, #202022)", + "colorPrimaryHealth": { + "active": "var(--vkui--color_primary_health--active, #006FEF)", + "hover": "var(--vkui--color_primary_health--hover, #0073F7)", + "normal": "var(--vkui--color_primary_health, #0077FF)", }, - "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #3E3E40)", - "hover": "var(--vkui--color_separator_primary3x--hover, #353537)", - "normal": "var(--vkui--color_separator_primary3x, #2d2d2f)", + "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, #fc627e)", + "hover": "var(--vkui--color_primary_pets--hover, #ec4d6a)", + "normal": "var(--vkui--color_primary_pets, #fc738c)", + }, + "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, #006FEF)", + "hover": "var(--vkui--color_primary_realty--hover, #0073F7)", + "normal": "var(--vkui--color_primary_realty, #0077FF)", + }, + "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)", + "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, 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)", + }, + "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, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "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, #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, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330a)", }, "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, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "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, #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, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "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)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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))", @@ -314996,89 +313505,89 @@ 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, #1482FF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", - "normal": "var(--vkui--color_write_bar_icon, #0077FF)", + "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, 0px 16px 48px 0px rgba(0, 16, 61, 0.28))", + "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)", @@ -315086,7 +313595,7 @@ exports[`shapshots portalUIDark 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)", @@ -315096,7 +313605,7 @@ exports[`shapshots portalUIDark 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)", @@ -315104,7 +313613,7 @@ exports[`shapshots portalUIDark 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)", @@ -315114,7 +313623,7 @@ exports[`shapshots portalUIDark 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)", @@ -315122,7 +313631,7 @@ exports[`shapshots portalUIDark 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)", @@ -315168,12 +313677,13 @@ exports[`shapshots portalUIDark 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)", @@ -315181,7 +313691,7 @@ exports[`shapshots portalUIDark 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)", @@ -315203,26 +313713,46 @@ exports[`shapshots portalUIDark 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": { @@ -315231,7 +313761,7 @@ exports[`shapshots portalUIDark 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)", @@ -315243,7 +313773,7 @@ exports[`shapshots portalUIDark 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)", @@ -315255,7 +313785,7 @@ exports[`shapshots portalUIDark 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)", @@ -315263,7 +313793,7 @@ exports[`shapshots portalUIDark 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)", @@ -315275,7 +313805,7 @@ exports[`shapshots portalUIDark 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)", @@ -315287,7 +313817,7 @@ exports[`shapshots portalUIDark 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)", @@ -315295,7 +313825,7 @@ exports[`shapshots portalUIDark 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)", @@ -315303,7 +313833,7 @@ exports[`shapshots portalUIDark 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)", @@ -315311,7 +313841,7 @@ exports[`shapshots portalUIDark 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)", @@ -315323,118 +313853,326 @@ 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%)", + "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(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)", + "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, 380px)", + "regular": "var(--vkui--grid_aside_content--regular, 100%)", }, - "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)", + "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.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))", + "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(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))", + "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, #3B3B3C)", - "hover": "var(--vkui--portal_color_background_card--hover, #333333)", - "normal": "var(--vkui--portal_color_background_card, #2A2A2B)", + "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, #4C4C4D)", - "hover": "var(--vkui--portal_color_background_dark--hover, #3B3B3C)", - "normal": "var(--vkui--portal_color_background_dark, #2A2A2B)", + "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, #F1F2F4)", - "hover": "var(--vkui--portal_color_background_invariable--hover, #F1F2F3)", - "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.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))", + "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, #2E5384)", - "hover": "var(--vkui--portal_color_palette_light_blue--hover, #254B7E)", - "normal": "var(--vkui--portal_color_palette_light_blue, #1C4479)", + "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, #2E5384)", - "hover": "var(--vkui--portal_color_palette_sweet_blue--hover, #254B7E)", - "normal": "var(--vkui--portal_color_palette_sweet_blue, #1C4479)", + "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, #1C8679)", - "hover": "var(--vkui--portal_color_palette_sweet_green--hover, #128173)", - "normal": "var(--vkui--portal_color_palette_sweet_green, #087C6D)", + "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, #83563B)", - "hover": "var(--vkui--portal_color_palette_sweet_orange--hover, #7D4E33)", - "normal": "var(--vkui--portal_color_palette_sweet_orange, #78472A)", + "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, #7E5FA7)", - "hover": "var(--vkui--portal_color_palette_sweet_purple--hover, #7958A3)", - "normal": "var(--vkui--portal_color_palette_sweet_purple, #73519F)", + "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, #D7D8DB)", - "hover": "var(--vkui--portal_color_text_blue_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--portal_color_text_blue_accent_themed, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--portal_color_text_green_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--portal_color_text_green_accent_themed, #FFFFFF)", + "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, #B174B1)", - "hover": "var(--vkui--portal_color_text_link_visited_alternative--hover, #AD6EAD)", - "normal": "var(--vkui--portal_color_text_link_visited_alternative, #AA68AA)", + "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, #D7D8DB)", - "hover": "var(--vkui--portal_color_text_orange_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--portal_color_text_orange_accent_themed, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--portal_color_text_purple_accent_themed--hover, #EBEDF0)", - "normal": "var(--vkui--portal_color_text_purple_accent_themed, #FFFFFF)", + "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(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)))", + "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)", }, @@ -315488,8 +314226,8 @@ exports[`shapshots portalUIDark 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)", @@ -315510,7 +314248,7 @@ exports[`shapshots portalUIDark 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)", @@ -315522,7 +314260,7 @@ exports[`shapshots portalUIDark 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)", @@ -315561,8 +314299,7 @@ exports[`shapshots portalUIDark 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)", @@ -315579,7 +314316,6 @@ exports[`shapshots portalUIDark 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": { @@ -315632,8 +314368,9 @@ exports[`shapshots portalUIDark 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)", @@ -315652,6 +314389,8 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] "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": { @@ -315664,8 +314403,8 @@ exports[`shapshots portalUIDark 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)", @@ -315675,15 +314414,15 @@ exports[`shapshots portalUIDark 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)", @@ -315723,19 +314462,20 @@ exports[`shapshots portalUIDark 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)", @@ -315757,8 +314497,9 @@ exports[`shapshots portalUIDark 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)", @@ -315788,9 +314529,13 @@ exports[`shapshots portalUIDark 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": { @@ -315827,7 +314572,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, 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)", @@ -315837,10 +314583,16 @@ exports[`shapshots portalUIDark 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)", @@ -315860,7 +314612,7 @@ exports[`shapshots portalUIDark theme should match pseudo theme from CssVars 1`] } `; -exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` +exports[`shapshots pharma theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -315868,9 +314620,17 @@ exports[`shapshots portalUIDark 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", @@ -315878,89 +314638,89 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` }, }, "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "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": "#9570FF", - "hover": "#916AFF", + "active": "#815DEF", + "hover": "#8661F7", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", + "active": "#DA300E", + "hover": "#E4320C", "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", + "active": "#EB9305", + "hover": "#F59802", "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", + "active": "#B257E4", + "hover": "#B95AEC", "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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)", @@ -315968,68 +314728,68 @@ 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "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, 119, 255, 0.18)", - "hover": "rgba(0, 119, 255, 0.14)", - "normal": "rgba(0, 119, 255, 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", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#414141", - "hover": "#383838", + "active": "#2C2D31", + "hover": "#2E2F31", "normal": "#303030", }, "colorBackgroundContrastSecondaryAlpha": { @@ -316038,454 +314798,574 @@ 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, 51, 10, 0.18)", - "hover": "rgba(237, 51, 10, 0.14)", - "normal": "rgba(237, 51, 10, 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": "#3C3C3D", - "hover": "#333334", - "normal": "#2b2b2c", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#cce4ff", }, "colorBackgroundSkyAlpha": { - "active": "rgba(51, 51, 51, 0.88)", - "hover": "rgba(51, 51, 51, 0.84)", - "normal": "rgba(51, 51, 51, 0.8)", + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#1482FF", - "hover": "#0A7CFF", + "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": "#fc627e", + "hover": "#ec4d6a", + "normal": "#fc738c", + }, + "colorPrimaryPharma": { + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", + }, + "colorPrimaryRealty": { + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorRating": { - "active": "#FFD714", - "hover": "#FFD60A", + "active": "#EBC405", + "hover": "#F5CC02", "normal": "#ffd400", }, + "colorSale": { + "active": "#D8187C", + "hover": "#E2197E", + "normal": "#eb1981", + }, "colorSearchFieldBackground": { - "active": "#494A4B", - "hover": "#414243", - "normal": "#393A3B", + "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": "#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", + }, + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "active": "#1BC39A", + "hover": "#1CCB9E", + "normal": "#1DD3A2", }, "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": "#2C8FFF", - "hover": "#238AFF", - "normal": "#1A85FF", + "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", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#95979D", - "hover": "#919398", - "normal": "#8C8E94", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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)", @@ -316493,89 +315373,89 @@ 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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": "0px 16px 48px 0px rgba(0, 16, 61, 0.28)", + "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, @@ -316583,7 +315463,7 @@ exports[`shapshots portalUIDark 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", @@ -316593,7 +315473,7 @@ exports[`shapshots portalUIDark 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, @@ -316601,7 +315481,7 @@ exports[`shapshots portalUIDark 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", @@ -316611,7 +315491,7 @@ exports[`shapshots portalUIDark 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, @@ -316619,7 +315499,7 @@ exports[`shapshots portalUIDark 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", @@ -316665,12 +315545,13 @@ exports[`shapshots portalUIDark 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, @@ -316678,7 +315559,7 @@ exports[`shapshots portalUIDark 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", @@ -316700,35 +315581,55 @@ exports[`shapshots portalUIDark 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, @@ -316740,7 +315641,7 @@ exports[`shapshots portalUIDark 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, @@ -316752,7 +315653,7 @@ exports[`shapshots portalUIDark 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, @@ -316760,7 +315661,7 @@ exports[`shapshots portalUIDark 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, @@ -316772,7 +315673,7 @@ exports[`shapshots portalUIDark 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, @@ -316784,7 +315685,7 @@ exports[`shapshots portalUIDark 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, @@ -316792,7 +315693,7 @@ exports[`shapshots portalUIDark 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, @@ -316800,7 +315701,7 @@ exports[`shapshots portalUIDark 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, @@ -316808,7 +315709,7 @@ exports[`shapshots portalUIDark 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, @@ -316820,118 +315721,326 @@ 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%", + "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(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", - }, - "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)", + "gridAsideContent": { + "compact": 300, + "compactX": 300, + "large": 380, + "regular": "100%", }, - "portalColorBackgroundCard": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "gridColumnX2": { + "compact": 430, + "compactX": 280, + "large": 580, + "regular": "100%", }, - "portalColorBackgroundDark": { - "active": "#4C4C4D", - "hover": "#3B3B3C", - "normal": "#2A2A2B", + "gridColumnX3": { + "compact": 280, + "compactX": 180, + "large": 380, + "regular": "100%", }, - "portalColorBackgroundInvariable": { - "active": "#F1F2F4", - "hover": "#F1F2F3", - "normal": "#F0F1F3", + "gridColumnX4": { + "compact": 205, + "compactX": 130, + "large": 280, + "regular": "100%", }, - "portalColorOverlayPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "gridColumnX6": { + "compact": 130, + "compactX": 80, + "large": 180, + "regular": "100%", }, - "portalColorPaletteLightBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "gridMainContent": { + "compact": 620, + "compactX": 620, + "large": 780, + "regular": "100%", }, - "portalColorPaletteSweetBlue": { - "active": "#2E5384", - "hover": "#254B7E", - "normal": "#1C4479", + "gridMainContentWide": { + "compact": 620, + "compactX": 620, + "large": 860, + "regular": "100%", }, - "portalColorPaletteSweetGreen": { - "active": "#1C8679", - "hover": "#128173", - "normal": "#087C6D", + "gridWrapperContent": { + "compact": 940, + "compactX": 620, + "large": 1260, + "regular": "100%", }, - "portalColorPaletteSweetOrange": { - "active": "#83563B", - "hover": "#7D4E33", - "normal": "#78472A", + "mediaFontMediaCaption": { + "compact": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 26, + }, + "regular": { + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 22, + }, }, - "portalColorPaletteSweetPurple": { - "active": "#7E5FA7", - "hover": "#7958A3", - "normal": "#73519F", + "mediaFontMediaCaptionCaps": { + "compact": { + "fontSize": 15, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 20, + }, + "regular": { + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.05em", + "lineHeight": 16, + }, }, - "portalColorTextBlueAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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, + }, }, - "portalColorTextGreenAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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, + }, }, - "portalColorTextLinkVisitedAlternative": { - "active": "#B174B1", - "hover": "#AD6EAD", - "normal": "#AA68AA", + "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, + }, }, - "portalColorTextOrangeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "mediaFontMediaParagraphSecondary": { + "regular": { + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 24, + }, }, - "portalColorTextPurpleAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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, + }, }, - "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))", + "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, + }, + }, + "mediaFontMediaSubtitleLight": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Inter, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 400, + "lineHeight": 26, + }, + }, + "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, }, @@ -316985,8 +316094,8 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePadding": { - "compact": 20, - "regular": 16, + "compactX": 16, + "regular": 20, }, "sizeBasePaddingHorizontal": { "regular": 16, @@ -317007,7 +316116,7 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": 12, + "regular": 4, }, "sizeBorderRadiusPromo": { "regular": 20, @@ -317019,7 +316128,7 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeBorderWidthAccentSecondary": { - "regular": 8, + "regular": 4, }, "sizeBorderWidthBar": { "regular": 4, @@ -317058,8 +316167,7 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 1, }, "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "regular": 20, }, "sizeButtonLargeHeight": { "compact": 36, @@ -317076,7 +316184,6 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, "regular": 20, }, "sizeButtonSliderHeight": { @@ -317129,8 +316236,9 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "compact": 130, + "compactX": 130, + "regular": 94, }, "sizeDivPadding": { "regular": 4, @@ -317149,6 +316257,8 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 44, }, "sizeFieldHorizontalMargin": { + "compact": 16, + "compactX": 16, "regular": 20, }, "sizeFieldHorizontalPadding": { @@ -317161,8 +316271,8 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 24, }, "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "compactX": 288, + "regular": 380, }, "sizeFormItemPaddingVertical": { "regular": 12, @@ -317172,15 +316282,15 @@ exports[`shapshots portalUIDark 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, @@ -317220,19 +316330,20 @@ exports[`shapshots portalUIDark 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, @@ -317254,8 +316365,9 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 36, }, "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "compact": 7, + "compactX": 7, + "regular": 6, }, "sizeSliceBottomPadding": { "regular": 60, @@ -317285,9 +316397,13 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "regular": 34, }, "sizeTabMargin": { + "compact": 32, + "compactX": 32, "regular": 8, }, "sizeTabPadding": { + "compact": 0, + "compactX": 0, "regular": 16, }, "sizeTableHorizontalPadding": { @@ -317324,7 +316440,8 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "portalUIDark", + "themeName": "pharma", + "themeNameBase": "pharma", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -317334,10 +316451,16 @@ exports[`shapshots portalUIDark 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, @@ -317357,7 +316480,7 @@ exports[`shapshots portalUIDark theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots promo theme should match cssVars snapshot 1`] = ` +exports[`shapshots portalUI theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -317380,28 +316503,12 @@ 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, }, }, @@ -319821,6 +318928,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)", @@ -319835,17 +318946,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)", }, }, }, @@ -319953,6 +319068,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)", @@ -319965,122 +319084,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)", @@ -320093,117 +319132,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)", }, }, }, @@ -320439,6 +319394,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)", @@ -320452,23 +319411,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)", @@ -320481,117 +319458,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)", }, }, }, @@ -320695,14 +319578,6 @@ 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%)", @@ -320727,6 +319602,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, #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))", + }, + "normal": { + "name": "--vkui--portal_color_background_accent_tab_alpha", + "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, #EBECEF)", + }, + "hover": { + "name": "--vkui--portal_color_background_card--hover", + "value": "var(--vkui--portal_color_background_card--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--portal_color_background_card", + "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, #3E3E3F)", + }, + "hover": { + "name": "--vkui--portal_color_background_dark--hover", + "value": "var(--vkui--portal_color_background_dark--hover, #2B2B2C)", + }, + "normal": { + "name": "--vkui--portal_color_background_dark", + "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, #DDDFE4)", + }, + "hover": { + "name": "--vkui--portal_color_background_invariable--hover", + "value": "var(--vkui--portal_color_background_invariable--hover, #E6E8EC)", + }, + "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.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))", + }, + "normal": { + "name": "--vkui--portal_color_overlay_primary_alpha", + "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, #5393EF)", + }, + "hover": { + "name": "--vkui--portal_color_palette_light_blue--hover", + "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, #5A9EFF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--portal_color_palette_sweet_blue", + "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, #BEDCD8)", + }, + "hover": { + "name": "--vkui--portal_color_palette_sweet_green--hover", + "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, #CEEEE6)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--portal_color_palette_sweet_orange", + "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, #DFD7EF)", + }, + "hover": { + "name": "--vkui--portal_color_palette_sweet_purple--hover", + "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, #F2E8FF)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--portal_color_text_blue_accent_themed", + "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, #077369)", + }, + "hover": { + "name": "--vkui--portal_color_text_green_accent_themed--hover", + "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, #087C6D)", + }, + }, + "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)", + }, + "normal": { + "name": "--vkui--portal_color_text_link_visited_alternative", + "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, #6E432C)", + }, + "hover": { + "name": "--vkui--portal_color_text_orange_accent_themed--hover", + "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, #78472A)", + }, + }, + "portalColorTextPurpleAccentThemed": { + "active": { + "name": "--vkui--portal_color_text_purple_accent_themed--active", + "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, #6E4E9B)", + }, + "normal": { + "name": "--vkui--portal_color_text_purple_accent_themed", + "value": "var(--vkui--portal_color_text_purple_accent_themed, #73519F)", + }, + }, + "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", @@ -321164,9 +320355,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": { @@ -321176,27 +320371,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": { @@ -321224,9 +320403,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": { @@ -321264,9 +320447,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": { @@ -321389,114 +320576,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": { @@ -321621,166 +320712,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", @@ -321824,29 +320755,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": { @@ -321864,29 +320775,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": { @@ -321914,29 +320805,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": { @@ -321969,186 +320840,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", @@ -322557,11 +321248,11 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, promo)", + "value": "var(--vkui--theme_name, portalUI)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, promo)", + "value": "var(--vkui--theme_name_base, portalUI)", }, "themeType": "cssVars", "toneValueActive": { @@ -322596,61 +321287,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", @@ -322727,7 +321370,7 @@ exports[`shapshots promo theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots portalUI theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -322735,28 +321378,12 @@ 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, }, }, @@ -323553,9 +322180,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": { @@ -323582,78 +322210,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": { @@ -323713,48 +322289,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": { @@ -323779,14 +322330,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%", "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", + }, + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "portalColorBackgroundCard": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "portalColorBackgroundDark": { + "active": "#3E3E3F", + "hover": "#2B2B2C", + "normal": "#19191A", + }, + "portalColorBackgroundInvariable": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "portalColorPaletteLightBlue": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5A9EFF", + }, + "portalColorPaletteSweetBlue": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "portalColorPaletteSweetGreen": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "portalColorPaletteSweetOrange": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "portalColorPaletteSweetPurple": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "portalColorTextBlueAccentThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "portalColorTextGreenAccentThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "portalColorTextLinkVisitedAlternative": { + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", + }, + "portalColorTextOrangeAccentThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "portalColorTextPurpleAccentThemed": { + "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(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", }, @@ -323917,15 +322572,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", @@ -323934,7 +322586,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": "32px", + "compact": "16px", + "regular": "20px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -323946,7 +322599,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "40px", + "compact": "28px", + "regular": "30px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -323984,35 +322638,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", @@ -324050,49 +322678,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", }, @@ -324105,23 +322690,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", @@ -324130,12 +322705,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", @@ -324146,54 +322716,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", }, @@ -324312,8 +322834,8 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "promo", - "themeNameBase": "promo", + "themeName": "portalUI", + "themeNameBase": "portalUI", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -324323,20 +322845,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", @@ -324358,7 +322868,7 @@ exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots promo 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)", @@ -324366,28 +322876,12 @@ 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, }, }, @@ -325184,9 +323678,10 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", + "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": { @@ -325213,78 +323708,26 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` }, "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)", + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "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)", + "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, 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)", + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "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)", + "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": { @@ -325344,48 +323787,23 @@ exports[`shapshots promo 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)", + }, "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)", + "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": { - "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": { + "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, 400)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 32px)", - "margin": "var(--vkui--font_title1--margin--regular, 0 0 24px 0)", + "fontWeight": "var(--vkui--font_title1--font_weight--regular, 500)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { @@ -325410,14 +323828,118 @@ exports[`shapshots promo 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)", - "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)", + "portalColorBackground": { + "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, #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.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(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, #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, #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, #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.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, #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, #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, #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, #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, #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, #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, #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, #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, #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, #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(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)", }, @@ -325548,15 +324070,12 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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": { - "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)", + "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)", @@ -325565,7 +324084,8 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 32px)", + "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)", @@ -325577,7 +324097,8 @@ exports[`shapshots promo 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, 40px)", + "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)", @@ -325615,35 +324136,9 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", + "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)", @@ -325681,49 +324176,6 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -325736,23 +324188,13 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "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)", + "regular": "var(--vkui--size_illustration_m--regular, 96px)", }, "sizeIllustrationS": { "regular": "var(--vkui--size_illustration_s--regular, 48px)", @@ -325761,12 +324203,7 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, "sizeLabelHorizontalMargin": { "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", @@ -325777,54 +324214,6 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -325943,8 +324332,8 @@ exports[`shapshots promo 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, promo)", - "themeNameBase": "var(--vkui--theme_name_base, promo)", + "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)", @@ -325954,20 +324343,8 @@ exports[`shapshots promo 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)", - "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)")", + "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)", @@ -325989,7 +324366,7 @@ exports[`shapshots promo theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots promo theme should match root theme snapshot 1`] = ` +exports[`shapshots portalUI theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -325997,28 +324374,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, }, }, @@ -326815,9 +325176,10 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { "regular": { - "fontSize": 14, - "fontWeight": 300, - "lineHeight": "20px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontFootnoteCaps": { @@ -326844,78 +325206,26 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` }, "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": 32, + "lineHeight": 36, }, "regular": { - "fontSize": 48, - "fontWeight": 400, - "lineHeight": "56px", - "margin": "0 0 24px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "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", + "lineHeight": 32, }, "regular": { - "fontSize": 40, - "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontHeadline": { @@ -326975,48 +325285,23 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` }, }, "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": 15, + "lineHeight": 20, }, - "largeXX": { - "fontSize": 40, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "48px", - "margin": "0 0 32px 0", + "lineHeight": 20, }, + }, + "fontTitle1": { "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, - "fontWeight": 400, - "lineHeight": "32px", - "margin": "0 0 24px 0", + "fontWeight": 500, + "lineHeight": 28, }, }, "fontTitle2": { @@ -327041,14 +325326,118 @@ 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, + "portalColorBackground": { + "active": "#E5E6EB", + "hover": "#EFF0F2", + "normal": "#F9F9FA", + }, + "portalColorBackgroundAccent": { + "active": "#D4DDEF", + "hover": "#DDE6F6", + "normal": "#E6EFFE", + }, + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(0, 95, 249, 0.18)", + "hover": "rgba(0, 95, 249, 0.14)", + "normal": "rgba(0, 95, 249, 0.1)", + }, + "portalColorBackgroundCard": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "portalColorBackgroundDark": { + "active": "#3E3E3F", + "hover": "#2B2B2C", + "normal": "#19191A", + }, + "portalColorBackgroundInvariable": { + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", + }, + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", + }, + "portalColorPaletteLightBlue": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5A9EFF", + }, + "portalColorPaletteSweetBlue": { + "active": "#CBD8EF", + "hover": "#D4E0F7", + "normal": "#DDE9FF", + }, + "portalColorPaletteSweetGreen": { + "active": "#BEDCD8", + "hover": "#C6E5DF", + "normal": "#CEEEE6", + }, + "portalColorPaletteSweetOrange": { + "active": "#E5C3B3", + "hover": "#EFCBB8", + "normal": "#F9D3BD", + }, + "portalColorPaletteSweetPurple": { + "active": "#DFD7EF", + "hover": "#E8DFF7", + "normal": "#F2E8FF", + }, + "portalColorTextBlueAccentThemed": { + "active": "#1A4074", + "hover": "#1B4277", + "normal": "#1C4479", + }, + "portalColorTextGreenAccentThemed": { + "active": "#077369", + "hover": "#08786B", + "normal": "#087C6D", + }, + "portalColorTextLinkVisitedAlternative": { + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", + }, + "portalColorTextOrangeAccentThemed": { + "active": "#6E432C", + "hover": "#73452B", + "normal": "#78472A", + }, + "portalColorTextPurpleAccentThemed": { + "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(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, }, @@ -327179,15 +325568,12 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonLargeHeight": { - "regular": 48, + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": 52, - "compactX": 64, - "large": 64, - "largeX": 64, - "largeXX": 64, - "regular": 52, + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -327196,7 +325582,8 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "regular": 32, + "compact": 16, + "regular": 20, }, "sizeButtonSliderHeight": { "regular": 24, @@ -327208,7 +325595,8 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "regular": 40, + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -327246,35 +325634,9 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "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, + "compact": 104, + "regular": 130, }, "sizeDivPadding": { "regular": 4, @@ -327312,49 +325674,6 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "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, }, @@ -327367,23 +325686,13 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeIconUI": { - "compact": 20, - "compactX": 20, - "large": 24, - "largeX": 24, - "largeXX": 24, - "regular": 20, + "regular": 16, }, "sizeIllustrationL": { "regular": 144, }, "sizeIllustrationM": { - "compact": 48, - "compactX": 96, - "large": 96, - "largeX": 96, - "largeXX": 96, - "regular": 48, + "regular": 96, }, "sizeIllustrationS": { "regular": 48, @@ -327392,12 +325701,7 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "regular": 72, }, "sizeIllustrationXXL": { - "compact": 280, - "compactX": 280, - "large": 380, - "largeX": 560, - "largeXX": 560, - "regular": 360, + "regular": 228, }, "sizeLabelHorizontalMargin": { "regular": 16, @@ -327408,54 +325712,6 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "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, }, @@ -327574,8 +325830,8 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "promo", - "themeNameBase": "promo", + "themeName": "portalUI", + "themeNameBase": "portalUI", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -327585,20 +325841,8 @@ 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, @@ -327620,7 +325864,7 @@ exports[`shapshots promo theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` +exports[`shapshots portalUIDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -327638,70 +325882,168 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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, #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": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #006FEF)", + "value": "var(--vkui--color_accent_blue--active, #1482FF)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #0073F7)", + "value": "var(--vkui--color_accent_blue--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #0077FF)", + "value": "var(--vkui--color_accent_blue, #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)", }, }, "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", "value": "var(--vkui--color_accent_green, #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)", + }, + }, "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", "value": "var(--vkui--color_accent_orange, #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)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #815DEF)", + "value": "var(--vkui--color_accent_purple--active, #9570FF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #8661F7)", + "value": "var(--vkui--color_accent_purple--hover, #916AFF)", }, "normal": { "name": "--vkui--color_accent_purple", @@ -327711,25 +326053,25 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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, #DA300E)", + "value": "var(--vkui--color_accent_red--active, #EE431E)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", + "value": "var(--vkui--color_accent_red--hover, #EE3B14)", }, "normal": { "name": "--vkui--color_accent_red", @@ -327739,11 +326081,11 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -327753,11 +326095,11 @@ exports[`shapshots pulse 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", @@ -327767,53 +326109,67 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_action_sheet_text--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #0077ff)", + "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": { + "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)", + "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, #006FEF)", + "value": "var(--vkui--color_background_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #0073F7)", + "value": "var(--vkui--color_background_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_background_accent", @@ -327823,11 +326179,11 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -327837,59 +326193,143 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "colorBackgroundAccentThemed": { "active": { "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #0077FF)", + "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(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": { + "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": { "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": { + "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, #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)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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)", }, }, + "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)", + }, + }, "colorBackgroundContrastSecondaryAlpha": { "active": { "name": "--vkui--color_background_contrast_secondary_alpha--active", @@ -327904,76 +326344,160 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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, #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": { + "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": { "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, #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": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #DA300E)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #E4320C)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ED330A)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "colorBackgroundNegativeTint": { "active": { "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", + "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, #F4E6E4)", + "value": "var(--vkui--color_background_negative_tint--hover, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FEEFEB)", + "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.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": { + "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, #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", "value": "var(--vkui--color_background_positive, #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)", + }, + }, "colorBackgroundPositiveTintAlpha": { "active": { "name": "--vkui--color_background_positive_tint_alpha--active", @@ -327988,60 +326512,144 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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, #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(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": { "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, #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": { @@ -328058,140 +326666,266 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_warning_tint_alpha, rgba(255, 158, 0, 0.1))", }, }, - "colorFieldBorderAlpha": { + "colorBackgroundWarningTintThemed": { "active": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #3C3C3D)", }, "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 16, 61, 0.16))", + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #333334)", }, "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #2b2b2c)", }, }, - "colorHeaderBackground": { + "colorBackgroundWarningTintThemedAlpha": { "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #EBECEF)", + "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_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "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_header_background", - "value": "var(--vkui--color_header_background, #FFFFFF)", + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 255, 255, 0.08))", }, }, - "colorIconAccent": { + "colorButtonContrast": { "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #006FEF)", + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #2C2C2D)", }, "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #0073F7)", + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #29292A)", }, "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #0077ff)", + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #252526)", }, }, - "colorIconAccentThemed": { + "colorButtonContrastAlpha": { "active": { - "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", + "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_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #0073F7)", + "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_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #0077ff)", + "name": "--vkui--color_button_contrast_alpha", + "value": "var(--vkui--color_button_contrast_alpha, rgba(255, 255, 255, 0.12))", }, }, - "colorIconContrast": { + "colorButtonIcon": { "active": { - "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #FFFFFF)", + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, - "colorIconContrastThemed": { + "colorButtonStroke": { "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #F5F5F7)", + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)", + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, - "colorIconMedium": { + "colorButtonText": { "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #858992)", + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #919399)", + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, - "colorIconMediumAlpha": { + "colorFieldBackground": { "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", + "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": { + "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)", + }, + }, + "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)", + }, + }, + "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(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, #DA300E)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ED330a)", + "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", @@ -328201,25 +326935,25 @@ exports[`shapshots pulse 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", @@ -328229,109 +326963,123 @@ exports[`shapshots pulse 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, #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": { "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", @@ -328341,151 +327089,221 @@ exports[`shapshots pulse 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.56))", + "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.52))", + "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.48))", + "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, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_panel_header_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #0077ff)", + "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, #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, #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, #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, #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, 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, #006FEF)", + "value": "var(--vkui--color_stroke_accent--active, #1482FF)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "value": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #0077ff)", + "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)", + "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, #0073F7)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #0077ff)", + "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", @@ -328495,67 +327313,81 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "colorStrokeNegative": { "active": { "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ED330a)", + "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", "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, #0068E2)", + "value": "var(--vkui--color_text_accent--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #006CE9)", + "value": "var(--vkui--color_text_accent--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0070f0)", + "value": "var(--vkui--color_text_accent, #1A85FF)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #0070f0)", + "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", @@ -328565,53 +327397,67 @@ exports[`shapshots pulse 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, #0068E2)", + "value": "var(--vkui--color_text_link--active, #2C8FFF)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #006CE9)", + "value": "var(--vkui--color_text_link--hover, #238AFF)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0070f0)", + "value": "var(--vkui--color_text_link, #1A85FF)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #0068E2)", + "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, #006CE9)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #0070f0)", + "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, #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", @@ -328621,39 +327467,39 @@ exports[`shapshots pulse 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, #DA300E)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #E4320C)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ED330a)", + "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", @@ -328663,25 +327509,39 @@ exports[`shapshots pulse 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)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -328691,67 +327551,207 @@ exports[`shapshots pulse 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)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "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": { + "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, #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", @@ -328761,11 +327761,11 @@ exports[`shapshots pulse 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", @@ -328775,60 +327775,82 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", + "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, #0073F7)", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #0077ff)", + "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, #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(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, 0px 4px 12px rgba(18, 25, 43, 0.12))", + "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, 0px 4px 20px rgba(18, 25, 43, 0.2))", + "value": "var(--vkui--elevation2, 0 4px 48px 0 rgba(0, 0, 0, 0.72))", }, "elevation3": { "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px rgba(18, 25, 43, 0.28))", + "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": { @@ -328852,7 +327874,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -328898,7 +327920,7 @@ exports[`shapshots pulse 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, Arial, sans-serif)", + "value": "var(--vkui--font_caption1_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -328944,7 +327966,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption2--font_family--regular", - "value": "var(--vkui--font_caption2--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_caption2--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -328990,7 +328012,7 @@ exports[`shapshots pulse 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, Arial, sans-serif)", + "value": "var(--vkui--font_caption2_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -329036,7 +328058,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_caption3--font_family--regular", - "value": "var(--vkui--font_caption3--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_caption3--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -329082,7 +328104,7 @@ exports[`shapshots pulse 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, Arial, sans-serif)", + "value": "var(--vkui--font_caption3_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -329106,17 +328128,187 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, }, }, + "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, MailSans, Arial, 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, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, - "fontFamilyMedia": { - "name": "--vkui--font_family_media", - "value": "var(--vkui--font_family_media, Georgia, serif)", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, "fontFootnote": { "auto": { @@ -329140,7 +328332,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_footnote--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -329186,7 +328378,7 @@ exports[`shapshots pulse 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, Arial, sans-serif)", + "value": "var(--vkui--font_footnote_caps--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -329210,393 +328402,291 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, }, }, - "fontHeadline1": { + "fontH0": { "auto": { "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", + "name": "--vkui--font_h0--font_family", + "value": "var(--vkui--font_h0--font_family)", }, "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", + "name": "--vkui--font_h0--font_size", + "value": "var(--vkui--font_h0--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", + "name": "--vkui--font_h0--font_weight", + "value": "var(--vkui--font_h0--font_weight)", }, "lineHeight": { - "name": "--vkui--font_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", + "name": "--vkui--font_h0--line_height", + "value": "var(--vkui--font_h0--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 16px)", + "name": "--vkui--font_h0--font_size--compact", + "value": "var(--vkui--font_h0--font_size--compact, 44px)", }, "lineHeight": { - "name": "--vkui--font_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "name": "--vkui--font_h0--line_height--compact", + "value": "var(--vkui--font_h0--line_height--compact, 52px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", + "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_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 15px)", + "name": "--vkui--font_h0--font_size--regular", + "value": "var(--vkui--font_h0--font_size--regular, 28px)", }, "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + "name": "--vkui--font_h0--font_weight--regular", + "value": "var(--vkui--font_h0--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + "name": "--vkui--font_h0--line_height--regular", + "value": "var(--vkui--font_h0--line_height--regular, 32px)", }, }, }, - "fontHeadline2": { + "fontH1": { "auto": { "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", + "name": "--vkui--font_h1--font_family", + "value": "var(--vkui--font_h1--font_family)", }, "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", + "name": "--vkui--font_h1--font_size", + "value": "var(--vkui--font_h1--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", + "name": "--vkui--font_h1--font_weight", + "value": "var(--vkui--font_h1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", + "name": "--vkui--font_h1--line_height", + "value": "var(--vkui--font_h1--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 15px)", + "name": "--vkui--font_h1--font_size--compact", + "value": "var(--vkui--font_h1--font_size--compact, 32px)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + "name": "--vkui--font_h1--line_height--compact", + "value": "var(--vkui--font_h1--line_height--compact, 36px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", + "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_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 14px)", + "name": "--vkui--font_h1--font_size--regular", + "value": "var(--vkui--font_h1--font_size--regular, 24px)", }, "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + "name": "--vkui--font_h1--font_weight--regular", + "value": "var(--vkui--font_h1--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + "name": "--vkui--font_h1--line_height--regular", + "value": "var(--vkui--font_h1--line_height--regular, 28px)", }, }, }, - "fontMediaHeader": { + "fontH2": { "auto": { "fontFamily": { - "name": "--vkui--font_media_header--font_family", - "value": "var(--vkui--font_media_header--font_family)", + "name": "--vkui--font_h2--font_family", + "value": "var(--vkui--font_h2--font_family)", }, "fontSize": { - "name": "--vkui--font_media_header--font_size", - "value": "var(--vkui--font_media_header--font_size)", + "name": "--vkui--font_h2--font_size", + "value": "var(--vkui--font_h2--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)", + "name": "--vkui--font_h2--font_weight", + "value": "var(--vkui--font_h2--font_weight)", }, "lineHeight": { - "name": "--vkui--font_media_header--line_height", - "value": "var(--vkui--font_media_header--line_height)", + "name": "--vkui--font_h2--line_height", + "value": "var(--vkui--font_h2--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)", + "name": "--vkui--font_h2--font_size--compact", + "value": "var(--vkui--font_h2--font_size--compact, 28px)", }, "lineHeight": { - "name": "--vkui--font_media_header--line_height--compact", - "value": "var(--vkui--font_media_header--line_height--compact, 48px)", + "name": "--vkui--font_h2--line_height--compact", + "value": "var(--vkui--font_h2--line_height--compact, 32px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_media_header--font_family--regular", - "value": "var(--vkui--font_media_header--font_family--regular, MailSans, Arial, sans-serif)", + "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_media_header--font_size--regular", - "value": "var(--vkui--font_media_header--font_size--regular, 36px)", + "name": "--vkui--font_h2--font_size--regular", + "value": "var(--vkui--font_h2--font_size--regular, 20px)", }, "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)", + "name": "--vkui--font_h2--font_weight--regular", + "value": "var(--vkui--font_h2--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_media_header--line_height--regular", - "value": "var(--vkui--font_media_header--line_height--regular, 44px)", + "name": "--vkui--font_h2--line_height--regular", + "value": "var(--vkui--font_h2--line_height--regular, 26px)", }, }, }, - "fontMediaLead": { + "fontHeadline": { "auto": { "fontFamily": { - "name": "--vkui--font_media_lead--font_family", - "value": "var(--vkui--font_media_lead--font_family)", + "name": "--vkui--font_headline--font_family", + "value": "var(--vkui--font_headline--font_family)", }, "fontSize": { - "name": "--vkui--font_media_lead--font_size", - "value": "var(--vkui--font_media_lead--font_size)", + "name": "--vkui--font_headline--font_size", + "value": "var(--vkui--font_headline--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)", + "name": "--vkui--font_headline--font_weight", + "value": "var(--vkui--font_headline--font_weight)", }, "lineHeight": { - "name": "--vkui--font_media_lead--line_height", - "value": "var(--vkui--font_media_lead--line_height)", + "name": "--vkui--font_headline--line_height", + "value": "var(--vkui--font_headline--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)", + "name": "--vkui--font_headline--font_size--compact", + "value": "var(--vkui--font_headline--font_size--compact, 15px)", }, "lineHeight": { - "name": "--vkui--font_media_lead--line_height--compact", - "value": "var(--vkui--font_media_lead--line_height--compact, 32px)", + "name": "--vkui--font_headline--line_height--compact", + "value": "var(--vkui--font_headline--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_media_lead--font_family--regular", - "value": "var(--vkui--font_media_lead--font_family--regular, MailSans, Arial, sans-serif)", + "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_media_lead--font_size--regular", - "value": "var(--vkui--font_media_lead--font_size--regular, 19px)", + "name": "--vkui--font_headline--font_size--regular", + "value": "var(--vkui--font_headline--font_size--regular, 16px)", }, "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)", + "name": "--vkui--font_headline--font_weight--regular", + "value": "var(--vkui--font_headline--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_media_lead--line_height--regular", - "value": "var(--vkui--font_media_lead--line_height--regular, 28px)", + "name": "--vkui--font_headline--line_height--regular", + "value": "var(--vkui--font_headline--line_height--regular, 20px)", }, }, }, - "fontMediaParagraph": { + "fontHeadline1": { "auto": { "fontFamily": { - "name": "--vkui--font_media_paragraph--font_family", - "value": "var(--vkui--font_media_paragraph--font_family)", + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", }, "fontSize": { - "name": "--vkui--font_media_paragraph--font_size", - "value": "var(--vkui--font_media_paragraph--font_size)", + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--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)", + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_media_paragraph--line_height", - "value": "var(--vkui--font_media_paragraph--line_height)", + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--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)", + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 15px)", }, "lineHeight": { - "name": "--vkui--font_media_title1--line_height", - "value": "var(--vkui--font_media_title1--line_height)", + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_media_title1--font_family--regular", - "value": "var(--vkui--font_media_title1--font_family--regular, MailSans, Arial, sans-serif)", + "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_media_title1--font_size--regular", - "value": "var(--vkui--font_media_title1--font_size--regular, 28px)", + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 16px)", }, "fontWeight": { - "name": "--vkui--font_media_title1--font_weight--regular", - "value": "var(--vkui--font_media_title1--font_weight--regular, 500)", + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--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--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, }, - "fontMediaTitle2": { + "fontHeadline2": { "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)", + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", }, "fontSize": { - "name": "--vkui--font_media_title2--font_size--regular", - "value": "var(--vkui--font_media_title2--font_size--regular, 24px)", + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", }, "fontWeight": { - "name": "--vkui--font_media_title2--font_weight--regular", - "value": "var(--vkui--font_media_title2--font_weight--regular, 500)", + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", }, "lineHeight": { - "name": "--vkui--font_media_title2--line_height--regular", - "value": "var(--vkui--font_media_title2--line_height--regular, 32px)", + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", }, }, - }, - "fontMediaTitle3": { - "auto": { - "fontFamily": { - "name": "--vkui--font_media_title3--font_family", - "value": "var(--vkui--font_media_title3--font_family)", - }, + "compact": { "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)", + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 14px)", }, "lineHeight": { - "name": "--vkui--font_media_title3--line_height", - "value": "var(--vkui--font_media_title3--line_height)", + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_media_title3--font_family--regular", - "value": "var(--vkui--font_media_title3--font_family--regular, MailSans, Arial, sans-serif)", + "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_media_title3--font_size--regular", - "value": "var(--vkui--font_media_title3--font_size--regular, 20px)", + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 15px)", }, "fontWeight": { - "name": "--vkui--font_media_title3--font_weight--regular", - "value": "var(--vkui--font_media_title3--font_weight--regular, 500)", + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--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--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, }, @@ -329622,7 +328712,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_paragraph--font_family--regular", - "value": "var(--vkui--font_paragraph--font_family--regular, Arial, sans-serif)", + "value": "var(--vkui--font_paragraph--font_family--regular, Helvetica, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -329658,17 +328748,9 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, }, "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)", + "value": "var(--vkui--font_subhead--font_size--compact, 13px)", }, "lineHeight": { "name": "--vkui--font_subhead--line_height--compact", @@ -329678,11 +328760,11 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, 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", - "value": "var(--vkui--font_subhead--font_size--regular, 13px)", + "value": "var(--vkui--font_subhead--font_size--regular, 14px)", }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--regular", @@ -329716,21 +328798,21 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "compact": { "fontSize": { "name": "--vkui--font_text--font_size--compact", - "value": "var(--vkui--font_text--font_size--compact, 16px)", + "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, 22px)", + "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, Arial, sans-serif)", + "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, 15px)", + "value": "var(--vkui--font_text--font_size--regular, 16px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -329764,7 +328846,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, MailSans, 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", @@ -329802,7 +328884,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, MailSans, 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", @@ -329840,7 +328922,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "regular": { "fontFamily": { "name": "--vkui--font_title3--font_family--regular", - "value": "var(--vkui--font_title3--font_family--regular, MailSans, 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", @@ -329862,7 +328944,11 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "fontWeightAccent2": { "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 400)", + "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", @@ -329870,113 +328956,411 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "fontWeightBase2": { "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 400)", + "value": "var(--vkui--font_weight_base2, 700)", }, - "gradientSkeleton": { - "name": "--vkui--gradient_skeleton", - "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #E9E9E9, #F5F5F5))", + "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)", }, - "prefix": { - "name": "--vkui--prefix", - "value": "var(--vkui--prefix, vkui)", + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "pulseColorAccentYellow": { + "portalColorBackground": { "active": { - "name": "--vkui--pulse_color_accent_yellow--active", - "value": "var(--vkui--pulse_color_accent_yellow--active, #EBC405)", + "name": "--vkui--portal_color_background--active", + "value": "var(--vkui--portal_color_background--active, #2B2B2C)", }, "hover": { - "name": "--vkui--pulse_color_accent_yellow--hover", - "value": "var(--vkui--pulse_color_accent_yellow--hover, #F5CC02)", + "name": "--vkui--portal_color_background--hover", + "value": "var(--vkui--portal_color_background--hover, #222223)", }, "normal": { - "name": "--vkui--pulse_color_accent_yellow", - "value": "var(--vkui--pulse_color_accent_yellow, #FFD400)", + "name": "--vkui--portal_color_background", + "value": "var(--vkui--portal_color_background, #19191A)", }, }, - "pulseColorBackgroundPurple": { + "portalColorBackgroundAccent": { "active": { - "name": "--vkui--pulse_color_background_purple--active", - "value": "var(--vkui--pulse_color_background_purple--active, #6047D4)", + "name": "--vkui--portal_color_background_accent--active", + "value": "var(--vkui--portal_color_background_accent--active, #273856)", }, "hover": { - "name": "--vkui--pulse_color_background_purple--hover", - "value": "var(--vkui--pulse_color_background_purple--hover, #644ADA)", + "name": "--vkui--portal_color_background_accent--hover", + "value": "var(--vkui--portal_color_background_accent--hover, #1D304E)", }, "normal": { - "name": "--vkui--pulse_color_background_purple", - "value": "var(--vkui--pulse_color_background_purple, #684CE1)", + "name": "--vkui--portal_color_background_accent", + "value": "var(--vkui--portal_color_background_accent, #142747)", }, }, - "pulseColorOverlayViewer": { + "portalColorBackgroundAccentAlpha": { "active": { - "name": "--vkui--pulse_color_overlay_viewer--active", - "value": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", + "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--pulse_color_overlay_viewer--hover", - "value": "var(--vkui--pulse_color_overlay_viewer--hover, rgba(0, 0, 0, 0.92))", + "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--pulse_color_overlay_viewer", - "value": "var(--vkui--pulse_color_overlay_viewer, rgba(0, 0, 0, 0.88))", + "name": "--vkui--portal_color_background_accent_alpha", + "value": "var(--vkui--portal_color_background_accent_alpha, rgba(0, 95, 249, 0.2))", }, }, - "pulseColorPurpleAlpha": { + "portalColorBackgroundAccentTabAlpha": { "active": { - "name": "--vkui--pulse_color_purple_alpha--active", - "value": "var(--vkui--pulse_color_purple_alpha--active, rgba(66, 0, 255, 0.16))", + "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--pulse_color_purple_alpha--hover", - "value": "var(--vkui--pulse_color_purple_alpha--hover, rgba(66, 0, 255, 0.12))", + "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--pulse_color_purple_alpha", - "value": "var(--vkui--pulse_color_purple_alpha, rgba(66, 0, 255, 0.08))", + "name": "--vkui--portal_color_background_accent_tab_alpha", + "value": "var(--vkui--portal_color_background_accent_tab_alpha, rgba(255, 255, 255, 0.08))", }, }, - "pulseColorWhiteBlueAlpha": { + "portalColorBackgroundCard": { "active": { - "name": "--vkui--pulse_color_white_blue_alpha--active", - "value": "var(--vkui--pulse_color_white_blue_alpha--active, rgba(226, 236, 255, 0.98))", + "name": "--vkui--portal_color_background_card--active", + "value": "var(--vkui--portal_color_background_card--active, #3B3B3C)", }, "hover": { - "name": "--vkui--pulse_color_white_blue_alpha--hover", - "value": "var(--vkui--pulse_color_white_blue_alpha--hover, rgba(226, 236, 255, 0.9400000000000001))", + "name": "--vkui--portal_color_background_card--hover", + "value": "var(--vkui--portal_color_background_card--hover, #333333)", }, "normal": { - "name": "--vkui--pulse_color_white_blue_alpha", - "value": "var(--vkui--pulse_color_white_blue_alpha, rgba(226, 236, 255, 0.9))", + "name": "--vkui--portal_color_background_card", + "value": "var(--vkui--portal_color_background_card, #2A2A2B)", }, }, - "pulseZIndexDropdown": { - "name": "--vkui--pulse_z_index_dropdown", - "value": "var(--vkui--pulse_z_index_dropdown, 100px)", + "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)", + }, }, - "pulseZIndexFixed": { - "name": "--vkui--pulse_z_index_fixed", - "value": "var(--vkui--pulse_z_index_fixed, 120px)", + "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)", + }, }, - "pulseZIndexModal": { - "name": "--vkui--pulse_z_index_modal", - "value": "var(--vkui--pulse_z_index_modal, 140px)", + "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))", + }, }, - "pulseZIndexModalBackdrop": { - "name": "--vkui--pulse_z_index_modal_backdrop", - "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", + "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)", + }, }, - "pulseZIndexSticky": { - "name": "--vkui--pulse_z_index_sticky", - "value": "var(--vkui--pulse_z_index_sticky, 110px)", + "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)", + }, }, - "pulseZIndexTooltip": { - "name": "--vkui--pulse_z_index_tooltip", - "value": "var(--vkui--pulse_z_index_tooltip, 150px)", + "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", + "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": { @@ -329985,7 +329369,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 60px)", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, "sizeAvatarM": { @@ -329995,7 +329379,7 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 40px)", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, "sizeAvatarS": { @@ -330008,6 +329392,16 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "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", @@ -330018,5421 +329412,4584 @@ exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "sizeBadge": { + "sizeBadgeL": { "auto": { - "name": "--vkui--size_badge", - "value": "var(--vkui--size_badge)", + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, "regular": { - "name": "--vkui--size_badge--regular", - "value": "var(--vkui--size_badge--regular, 20px)", + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "sizeBorderRadius": { + "sizeBadgeM": { "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "sizeBorderRadiusCard": { + "sizeBadgeS": { "auto": { - "name": "--vkui--size_border_radius_card", - "value": "var(--vkui--size_border_radius_card)", + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, "regular": { - "name": "--vkui--size_border_radius_card--regular", - "value": "var(--vkui--size_border_radius_card--regular, 12px)", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "sizeBorderRadiusLarge": { + "sizeBadgeXL": { "auto": { - "name": "--vkui--size_border_radius_large", - "value": "var(--vkui--size_border_radius_large)", + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", }, "regular": { - "name": "--vkui--size_border_radius_large--regular", - "value": "var(--vkui--size_border_radius_large--regular, 12px)", + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "sizeBorderRadiusPill": { + "sizeBadgeXS": { "auto": { - "name": "--vkui--size_border_radius_pill", - "value": "var(--vkui--size_border_radius_pill)", + "name": "--vkui--size_badge_x_s", + "value": "var(--vkui--size_badge_x_s)", }, "regular": { - "name": "--vkui--size_border_radius_pill--regular", - "value": "var(--vkui--size_border_radius_pill--regular, 100px)", + "name": "--vkui--size_badge_x_s--regular", + "value": "var(--vkui--size_badge_x_s--regular, 12px)", }, }, - "sizeBorderRadiusSmall": { + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", + }, + "sizeBaseMargin": { "auto": { - "name": "--vkui--size_border_radius_small", - "value": "var(--vkui--size_border_radius_small)", + "name": "--vkui--size_base_margin", + "value": "var(--vkui--size_base_margin)", }, "regular": { - "name": "--vkui--size_border_radius_small--regular", - "value": "var(--vkui--size_border_radius_small--regular, 4px)", + "name": "--vkui--size_base_margin--regular", + "value": "var(--vkui--size_base_margin--regular, 12px)", }, }, - "sizeButtonCircleLarge": { + "sizeBasePadding": { "auto": { - "name": "--vkui--size_button_circle_large", - "value": "var(--vkui--size_button_circle_large)", + "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_button_circle_large--regular", - "value": "var(--vkui--size_button_circle_large--regular, 44px)", + "name": "--vkui--size_base_padding--regular", + "value": "var(--vkui--size_base_padding--regular, 16px)", }, }, - "sizeButtonCircleMedium": { + "sizeBasePaddingHorizontal": { "auto": { - "name": "--vkui--size_button_circle_medium", - "value": "var(--vkui--size_button_circle_medium)", + "name": "--vkui--size_base_padding_horizontal", + "value": "var(--vkui--size_base_padding_horizontal)", }, "regular": { - "name": "--vkui--size_button_circle_medium--regular", - "value": "var(--vkui--size_button_circle_medium--regular, 40px)", + "name": "--vkui--size_base_padding_horizontal--regular", + "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, }, - "sizeButtonCircleSmall": { + "sizeBasePaddingVertical": { "auto": { - "name": "--vkui--size_button_circle_small", - "value": "var(--vkui--size_button_circle_small)", + "name": "--vkui--size_base_padding_vertical", + "value": "var(--vkui--size_base_padding_vertical)", }, "regular": { - "name": "--vkui--size_button_circle_small--regular", - "value": "var(--vkui--size_button_circle_small--regular, 32px)", + "name": "--vkui--size_base_padding_vertical--regular", + "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, }, - "sizeButtonLargeHeight": { + "sizeBorder1x": { "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", }, "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 40px)", + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", }, }, - "sizeButtonMediumHeight": { + "sizeBorder2x": { "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "name": "--vkui--size_border2x", + "value": "var(--vkui--size_border2x)", }, "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 32px)", + "name": "--vkui--size_border2x--regular", + "value": "var(--vkui--size_border2x--regular, 0.5px)", }, }, - "sizeButtonPaddingHorizontal": { + "sizeBorder3x": { "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "sizeButtonPaddingHorizontalLarge": { + "sizeBorderRadius": { "auto": { - "name": "--vkui--size_button_padding_horizontal_large", - "value": "var(--vkui--size_button_padding_horizontal_large)", + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_button_padding_horizontal_large--regular", - "value": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "sizeButtonSmallHeight": { + "sizeBorderRadiusPaper": { "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", }, "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 24px)", + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, - "sizeCardgridGapSpaceLarge": { + "sizeBorderRadiusPromo": { "auto": { - "name": "--vkui--size_cardgrid_gap_space_large", - "value": "var(--vkui--size_cardgrid_gap_space_large)", + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", }, "regular": { - "name": "--vkui--size_cardgrid_gap_space_large--regular", - "value": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "sizeCardgridGapSpaceMedium": { + "sizeBorderRadiusRounded": { "auto": { - "name": "--vkui--size_cardgrid_gap_space_medium", - "value": "var(--vkui--size_cardgrid_gap_space_medium)", + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", }, "regular": { - "name": "--vkui--size_cardgrid_gap_space_medium--regular", - "value": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "sizeFieldHeight": { + "sizeBorderWidthAccent": { "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "name": "--vkui--size_border_width_accent", + "value": "var(--vkui--size_border_width_accent)", }, "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", + "name": "--vkui--size_border_width_accent--regular", + "value": "var(--vkui--size_border_width_accent--regular, 8px)", }, }, - "sizeFieldHorizontalPadding": { + "sizeBorderWidthAccentSecondary": { "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "name": "--vkui--size_border_width_accent_secondary", + "value": "var(--vkui--size_border_width_accent_secondary)", }, "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "name": "--vkui--size_border_width_accent_secondary--regular", + "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, }, - "sizeIconUILarge": { + "sizeBorderWidthBar": { "auto": { - "name": "--vkui--size_icon_u_i_large", - "value": "var(--vkui--size_icon_u_i_large)", + "name": "--vkui--size_border_width_bar", + "value": "var(--vkui--size_border_width_bar)", }, "regular": { - "name": "--vkui--size_icon_u_i_large--regular", - "value": "var(--vkui--size_icon_u_i_large--regular, 20px)", + "name": "--vkui--size_border_width_bar--regular", + "value": "var(--vkui--size_border_width_bar--regular, 4px)", }, }, - "sizeIconUIMedium": { + "sizeBorderWidthTab": { "auto": { - "name": "--vkui--size_icon_u_i_medium", - "value": "var(--vkui--size_icon_u_i_medium)", + "name": "--vkui--size_border_width_tab", + "value": "var(--vkui--size_border_width_tab)", }, "regular": { - "name": "--vkui--size_icon_u_i_medium--regular", - "value": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + "name": "--vkui--size_border_width_tab--regular", + "value": "var(--vkui--size_border_width_tab--regular, 2px)", }, }, - "sizeListItemHeight": { + "sizeBulletMargin": { "auto": { - "name": "--vkui--size_list_item_height", - "value": "var(--vkui--size_list_item_height)", + "name": "--vkui--size_bullet_margin", + "value": "var(--vkui--size_bullet_margin)", }, "regular": { - "name": "--vkui--size_list_item_height--regular", - "value": "var(--vkui--size_list_item_height--regular, 44px)", + "name": "--vkui--size_bullet_margin--regular", + "value": "var(--vkui--size_bullet_margin--regular, 12px)", }, }, - "sizePageHorizontalPadding": { + "sizeButtonBaseLargePaddingHorizontal": { "auto": { - "name": "--vkui--size_page_horizontal_padding", - "value": "var(--vkui--size_page_horizontal_padding)", + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", }, "regular": { - "name": "--vkui--size_page_horizontal_padding--regular", - "value": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, }, - "sizePopupLarge": { + "sizeButtonBaseLargePaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_popup_large", - "value": "var(--vkui--size_popup_large)", + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_popup_large--regular", - "value": "var(--vkui--size_popup_large--regular, 800px)", + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "sizePopupMedium": { + "sizeButtonBaseMediumPaddingHorizontal": { "auto": { - "name": "--vkui--size_popup_medium", - "value": "var(--vkui--size_popup_medium)", + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, "regular": { - "name": "--vkui--size_popup_medium--regular", - "value": "var(--vkui--size_popup_medium--regular, 360px)", + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, }, - "sizeTag": { + "sizeButtonBaseMediumPaddingHorizontalIcon": { "auto": { - "name": "--vkui--size_tag", - "value": "var(--vkui--size_tag)", + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", }, "regular": { - "name": "--vkui--size_tag--regular", - "value": "var(--vkui--size_tag--regular, 24px)", + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "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", + "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)", + }, }, - "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "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)", + }, }, - "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "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)", + }, }, - "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "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)", + }, }, - "colorAccentPurple": { - "active": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "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)", + }, }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", - }, - "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", - }, - "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", - }, - "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", + "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)", + }, }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "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)", + }, }, - "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", + }, }, - "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "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)", + }, }, - "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "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)", + }, }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "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)", + }, }, - "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "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)", + }, }, - "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "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)", + }, }, - "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "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)", + }, }, - "colorStrokeAccent": { - "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)", + }, }, - "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", + }, }, - "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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)", + }, }, - "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", + }, }, - "colorStrokePositive": { - "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)", + }, }, - "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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)", + }, }, - "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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)", + }, }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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)", + }, }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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)", + }, }, - "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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)", + }, }, - "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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)", + }, }, - "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, - "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "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)", + }, }, - "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", + }, }, - "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "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)", + }, }, - "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "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)", + }, }, - "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "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)", + }, }, - "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "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)", + }, }, - "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "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)", + }, }, - "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "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)", + }, }, - "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "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)", + }, }, - "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "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)", + }, }, - "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "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)", + }, }, - "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", + }, }, - "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "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)", + }, }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "sizeGrid": { + "name": "--vkui--size_grid", + "value": "var(--vkui--size_grid, 20px)", }, - "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": { + "sizeHeaderIcon": { + "auto": { + "name": "--vkui--size_header_icon", + "value": "var(--vkui--size_header_icon)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "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": "Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "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": "Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "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": "Arial, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "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": "Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "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": "Arial, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "fontFamilyAccent": "MailSans, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyMedia": "Georgia, serif", - "fontFootnote": { + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "fontFootnoteCaps": { + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", + }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "16px", - "lineHeight": "20px", + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 500, - "lineHeight": "20px", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "fontMediaHeader": { - "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "40px", - "lineHeight": "48px", + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "36px", - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "fontMediaLead": { - "compact": { - "fontSize": "22px", - "letterSpacing": "-0.003em", - "lineHeight": "32px", + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "19px", - "fontWeight": 500, - "letterSpacing": "0px", - "lineHeight": "28px", + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "fontMediaParagraph": { - "compact": { - "fontSize": "19px", - "fontWeight": 400, - "lineHeight": "32px", + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", }, "regular": { - "fontFamily": "Georgia, serif", - "fontSize": "18px", - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "fontMediaTitle1": { + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "28px", - "fontWeight": 500, - "lineHeight": "36px", + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, }, - "fontMediaTitle2": { + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "fontMediaTitle3": { + "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": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "28px", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "fontParagraph": { + "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": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, }, - "fontSubhead": { + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--compact, 24px)", }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "18px", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", }, }, - "fontText": { - "compact": { - "fontSize": "16px", - "lineHeight": "22px", + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "fontTitle1": { + "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": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "name": "--vkui--size_popup_margin--regular", + "value": "var(--vkui--size_popup_margin--regular, 8px)", }, }, - "fontTitle2": { + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "fontTitle3": { + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "17px", - "fontWeight": 500, - "lineHeight": "22px", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "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", + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, }, - "pulseColorBackgroundPurple": { - "active": "#6047D4", - "hover": "#644ADA", - "normal": "#684CE1", + "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)", + }, }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", + "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)", + }, }, - "pulseColorPurpleAlpha": { - "active": "rgba(66, 0, 255, 0.16)", - "hover": "rgba(66, 0, 255, 0.12)", - "normal": "rgba(66, 0, 255, 0.08)", + "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)", + }, }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.98)", - "hover": "rgba(226, 236, 255, 0.9400000000000001)", - "normal": "rgba(226, 236, 255, 0.9)", + "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)", + }, }, - "pulseZIndexDropdown": "100px", - "pulseZIndexFixed": "120px", - "pulseZIndexModal": "140px", - "pulseZIndexModalBackdrop": "130px", - "pulseZIndexSticky": "110px", - "pulseZIndexTooltip": "150px", - "sizeAvatarL": { - "regular": "60px", + "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)", + }, }, - "sizeAvatarM": { - "regular": "40px", + "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)", + }, }, - "sizeAvatarS": { - "regular": "32px", + "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)", + }, }, - "sizeAvatarXS": { - "regular": "24px", + "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)", + }, }, - "sizeBadge": { - "regular": "20px", + "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)", + }, }, - "sizeBorderRadius": { - "regular": "8px", + "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)", + }, }, - "sizeBorderRadiusCard": { - "regular": "12px", + "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)", + }, }, - "sizeBorderRadiusLarge": { - "regular": "12px", + "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)", + }, }, - "sizeBorderRadiusPill": { - "regular": "100px", + "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)", + }, }, - "sizeBorderRadiusSmall": { - "regular": "4px", + "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)", + }, }, - "sizeButtonCircleLarge": { - "regular": "44px", + "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)", + }, }, - "sizeButtonCircleMedium": { - "regular": "40px", + "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)", + }, }, - "sizeButtonCircleSmall": { - "regular": "32px", + "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)", + }, }, - "sizeButtonLargeHeight": { - "regular": "40px", + "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)", + }, }, - "sizeButtonMediumHeight": { - "regular": "32px", + "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)", + }, }, - "sizeButtonPaddingHorizontal": { - "regular": "12px", + "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)", + }, }, - "sizeButtonPaddingHorizontalLarge": { - "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)", + }, }, - "sizeButtonSmallHeight": { - "regular": "24px", + "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)", + }, }, - "sizeCardgridGapSpaceLarge": { - "regular": "20px", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "sizeCardgridGapSpaceMedium": { - "regular": "16px", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "sizeFieldHeight": { - "regular": "40px", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "sizeIconUILarge": { - "regular": "20px", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "sizeIconUIMedium": { - "regular": "16px", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "sizeListItemHeight": { - "regular": "44px", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "sizePageHorizontalPadding": { - "regular": "16px", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "sizePopupLarge": { - "regular": "800px", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "sizePopupMedium": { - "regular": "360px", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "sizeTag": { - "regular": "24px", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, portalUIDark)", + }, + "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)", }, - "themeInheritsFrom": "paradigm", - "themeName": "pulse", - "themeNameBase": "pulse", - "themeType": "pixelify", } `; -exports[`shapshots pulse theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots portalUIDark 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))", + "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": "var(--vkui--color_accent_blue--active, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", + }, + "colorAccentCyan": { + "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": "#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": "#F16953", + "hover": "#F1634B", + "normal": "#F05C44", + }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#FF498F", + "hover": "#FF418A", + "normal": "#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)", + "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, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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, #006FEF)", - "hover": "var(--vkui--color_action_sheet_text--hover, #0073F7)", - "normal": "var(--vkui--color_action_sheet_text, #0077ff)", + "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": "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, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "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, #006FEF)", - "hover": "var(--vkui--color_background_accent_themed--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent_themed, #0077FF)", + "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": "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.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": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorBackgroundContrastInverse": { + "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": "#414141", + "hover": "#383838", + "normal": "#303030", + }, + "colorBackgroundInfoTint": { + "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "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)", + "active": "#603F3F", + "hover": "#593636", + "normal": "#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": "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": "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": "#2A3B34", + "hover": "#21332B", + "normal": "#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))", + "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": "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": "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": "#41372A", + "hover": "#382F20", + "normal": "#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))", + "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": "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": "rgba(255, 255, 255, 0.24)", + "hover": "rgba(255, 255, 255, 0.2)", + "normal": "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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": "#1482FF", + "hover": "#0A7CFF", + "normal": "#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)", + "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": "#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, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "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": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#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": "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": "#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.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": "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": "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)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", + }, + "colorRating": { + "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": "#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": "#323234", + "hover": "#29292B", + "normal": "#202022", + }, + "colorSeparatorPrimary3x": { + "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)", - }, - "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": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", + }, + "colorSkeletonFrom": { + "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, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077ff)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#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)", + "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, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "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)", + "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, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "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, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "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", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "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", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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": "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": "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, #006FEF)", - "hover": "var(--vkui--color_write_bar_icon--hover, #0073F7)", - "normal": "var(--vkui--color_write_bar_icon, #0077ff)", + "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": "#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, 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))", + "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": "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)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "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)", + "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, 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, 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, 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, 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", }, }, - "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": { + "fontDisplayTitle1": { "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", }, }, - "fontFootnoteCaps": { + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "lineHeight": "22px", + }, "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", }, + }, + "fontDisplayTitle4": { "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "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", }, + }, + "fontFootnoteCaps": { "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": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", }, }, - "fontMediaHeader": { + "fontH0": { "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": "44px", + "lineHeight": "52px", }, "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", }, }, - "fontMediaLead": { + "fontH1": { "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": "32px", + "lineHeight": "36px", }, "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, - "fontMediaParagraph": { + "fontH2": { "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)", + "fontSize": "28px", + "lineHeight": "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, - "fontMediaTitle1": { + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "fontMediaTitle2": { + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "fontMediaTitle3": { + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "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": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "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)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "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)", + "fontSize": "13px", + "lineHeight": "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", + "fontSize": "15px", + "lineHeight": "20px", }, "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)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "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)", + "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, 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)", + "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", }, - "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)", + "portalColorBackgroundAccent": { + "active": "#273856", + "hover": "#1D304E", + "normal": "#142747", }, - "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))", + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", }, - "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))", + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 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))", + "portalColorBackgroundCard": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, - "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)", + "portalColorBackgroundDark": { + "active": "#4C4C4D", + "hover": "#3B3B3C", + "normal": "#2A2A2B", }, - "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 40px)", + "portalColorBackgroundInvariable": { + "active": "#F1F2F4", + "hover": "#F1F2F3", + "normal": "#F0F1F3", }, - "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "portalColorPaletteLightBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "sizeBadge": { - "regular": "var(--vkui--size_badge--regular, 20px)", + "portalColorPaletteSweetBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "portalColorPaletteSweetGreen": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, - "sizeBorderRadiusCard": { - "regular": "var(--vkui--size_border_radius_card--regular, 12px)", + "portalColorPaletteSweetOrange": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, - "sizeBorderRadiusLarge": { - "regular": "var(--vkui--size_border_radius_large--regular, 12px)", + "portalColorPaletteSweetPurple": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, - "sizeBorderRadiusPill": { - "regular": "var(--vkui--size_border_radius_pill--regular, 100px)", + "portalColorTextBlueAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeBorderRadiusSmall": { - "regular": "var(--vkui--size_border_radius_small--regular, 4px)", + "portalColorTextGreenAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonCircleLarge": { - "regular": "var(--vkui--size_button_circle_large--regular, 44px)", + "portalColorTextLinkVisitedAlternative": { + "active": "#B174B1", + "hover": "#AD6EAD", + "normal": "#AA68AA", }, - "sizeButtonCircleMedium": { - "regular": "var(--vkui--size_button_circle_medium--regular, 40px)", + "portalColorTextOrangeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonCircleSmall": { - "regular": "var(--vkui--size_button_circle_small--regular, 32px)", + "portalColorTextPurpleAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--regular, 40px)", + "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", }, - "sizeButtonMediumHeight": { - "regular": "var(--vkui--size_button_medium_height--regular, 32px)", + "sizeArrowHeight": { + "regular": "8px", }, - "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "sizeArrowPadding": { + "regular": "12px", }, - "sizeButtonPaddingHorizontalLarge": { - "regular": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", + "sizeArrowPromo": { + "regular": "40px", }, - "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 24px)", + "sizeArrowWidth": { + "regular": "12px", }, - "sizeCardgridGapSpaceLarge": { - "regular": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", + "sizeAttributeMargin": { + "regular": "4px", }, - "sizeCardgridGapSpaceMedium": { - "regular": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", + "sizeAvatarL": { + "regular": "96px", }, - "sizeFieldHeight": { - "regular": "var(--vkui--size_field_height--regular, 40px)", + "sizeAvatarM": { + "regular": "48px", }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "sizeAvatarS": { + "regular": "32px", }, - "sizeIconUILarge": { - "regular": "var(--vkui--size_icon_u_i_large--regular, 20px)", + "sizeAvatarXL": { + "regular": "128px", }, - "sizeIconUIMedium": { - "regular": "var(--vkui--size_icon_u_i_medium--regular, 16px)", + "sizeAvatarXS": { + "regular": "24px", }, - "sizeListItemHeight": { - "regular": "var(--vkui--size_list_item_height--regular, 44px)", + "sizeBadgeL": { + "regular": "44px", }, - "sizePageHorizontalPadding": { - "regular": "var(--vkui--size_page_horizontal_padding--regular, 16px)", + "sizeBadgeM": { + "regular": "24px", }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 800px)", + "sizeBadgeS": { + "regular": "16px", }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 360px)", + "sizeBadgeXL": { + "regular": "56px", }, - "sizeTag": { - "regular": "var(--vkui--size_tag--regular, 24px)", + "sizeBadgeXS": { + "regular": "12px", }, - "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", + "sizeBase": "4px", + "sizeBaseMargin": { + "regular": "12px", }, - "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "sizeBasePadding": { + "compact": "20px", + "regular": "16px", }, - "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "sizeBasePaddingHorizontal": { + "regular": "16px", }, - "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "sizeBasePaddingVertical": { + "regular": "12px", }, - "colorAccentPurple": { - "active": "#815DEF", - "hover": "#8661F7", - "normal": "#8C64FF", + "sizeBorder1x": { + "regular": "1px", }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "sizeBorder2x": { + "regular": "0.5px", }, - "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "sizeBorder3x": { + "regular": "0.33px", }, - "colorAccentSecondary": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "sizeBorderRadius": { + "regular": "8px", }, - "colorAccentViolet": { - "active": "#B257E4", - "hover": "#B95AEC", - "normal": "#C15DF3", + "sizeBorderRadiusPaper": { + "regular": "12px", }, - "colorActionSheetText": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeBorderRadiusPromo": { + "regular": "20px", }, - "colorAvatarOverlay": { - "active": "rgba(145, 147, 153, 0.56)", - "hover": "rgba(145, 147, 153, 0.52)", - "normal": "rgba(145, 147, 153, 0.48)", + "sizeBorderRadiusRounded": { + "regular": "48px", }, - "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeBorderWidthAccent": { + "regular": "8px", }, - "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "sizeBorderWidthAccentSecondary": { + "regular": "8px", }, - "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "sizeBorderWidthBar": { + "regular": "4px", }, - "colorBackgroundAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "sizeBorderWidthTab": { + "regular": "2px", }, - "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.18)", - "hover": "rgba(0, 95, 249, 0.14)", - "normal": "rgba(0, 95, 249, 0.1)", + "sizeBulletMargin": { + "regular": "12px", }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", }, - "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", }, - "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.18)", - "hover": "rgba(237, 10, 52, 0.14)", - "normal": "rgba(237, 10, 52, 0.1)", + "sizeButtonGroupGapMedium": { + "regular": "12px", }, - "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "sizeButtonGroupGapSmall": { + "regular": "8px", }, - "colorBackgroundPositiveTintAlpha": { - "active": "rgba(13, 194, 104, 0.18)", - "hover": "rgba(13, 194, 104, 0.14)", - "normal": "rgba(13, 194, 104, 0.1)", + "sizeButtonGroupGapSpace": { + "regular": "1px", }, - "colorBackgroundSecondary": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "sizeButtonIconPadding": { + "compact": "20px", + "regular": "16px", }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 16, 61, 0.14)", - "hover": "rgba(0, 16, 61, 0.1)", - "normal": "rgba(0, 16, 61, 0.06)", + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", }, - "colorBackgroundTertiary": { - "active": "#E2E5E9", - "hover": "#ECEEF1", - "normal": "#F6F7F8", + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", }, - "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", + "sizeButtonMinimumWidth": { + "regular": "80px", }, - "colorBackgroundWarningTintAlpha": { - "active": "rgba(255, 158, 0, 0.18)", - "hover": "rgba(255, 158, 0, 0.14)", - "normal": "rgba(255, 158, 0, 0.1)", + "sizeButtonMorePadding": { + "regular": "8px", }, - "colorFieldBorderAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeButtonPaddingHorizontal": { + "compact": "16px", + "regular": "20px", }, - "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonSliderHeight": { + "regular": "24px", }, - "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeButtonSliderWidth": { + "regular": "12px", }, - "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeButtonSliderWidthPointer": { + "regular": "16px", }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", }, - "colorIconMedium": { - "active": "#858992", - "hover": "#8B8E95", - "normal": "#919399", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", }, - "colorIconMediumAlpha": { - "active": "rgba(39, 43, 55, 0.58)", - "hover": "rgba(39, 43, 55, 0.54)", - "normal": "rgba(39, 43, 55, 0.5)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", }, - "colorIconNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", }, - "colorIconPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", }, - "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", }, - "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeCardBorderRadius": { + "regular": "16px", }, - "colorIconSecondary": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "sizeCardgridPadding": { + "regular": "12px", }, - "colorIconSecondaryAlpha": { - "active": "rgba(39, 43, 55, 0.38)", - "hover": "rgba(39, 43, 55, 0.34)", - "normal": "rgba(39, 43, 55, 0.3)", + "sizeCardgridPaddingVertical": { + "regular": "8px", }, - "colorIconTertiary": { - "active": "#BEC2CA", - "hover": "#C7C9D0", - "normal": "#CFD1D6", + "sizeCheckBorderRadius": { + "regular": "4px", }, - "colorIconTertiaryAlpha": { - "active": "rgba(39, 43, 55, 0.28)", - "hover": "rgba(39, 43, 55, 0.24)", - "normal": "rgba(39, 43, 55, 0.2)", + "sizeCheckbox": { + "regular": "16px", }, - "colorImageBorderAlpha": { - "active": "rgba(0, 16, 61, 0.16)", - "hover": "rgba(0, 16, 61, 0.12)", - "normal": "rgba(0, 16, 61, 0.08)", + "sizeChoiceMargin": { + "regular": "8px", }, - "colorImagePlaceholder": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "sizeControlButtonWidthMin": { + "compact": "104px", + "regular": "130px", }, - "colorImagePlaceholderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "sizeDivPadding": { + "regular": "4px", }, - "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeDotBullet": { + "regular": "4px", }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "sizeDotClickable": { + "regular": "12px", }, - "colorPanelHeaderIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeDotIndicate": { + "regular": "8px", }, - "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", }, - "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "sizeFieldHorizontalMargin": { + "regular": "20px", }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 16, 61, 0.2)", - "hover": "rgba(0, 16, 61, 0.16)", - "normal": "rgba(0, 16, 61, 0.12)", + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "colorSeparatorSecondary": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", + "sizeFieldSetMargin": { + "regular": "32px", }, - "colorSkeletonFrom": { - "active": "#E0E1E6", - "hover": "#E9EAEE", - "normal": "#F3F3F5", + "sizeFieldVerticalMargin": { + "regular": "24px", }, - "colorSkeletonTo": { - "active": "#CED0D8", - "hover": "#D7D9DF", - "normal": "#E0E1E6", + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", }, - "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeFormItemPaddingVertical": { + "regular": "12px", }, - "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", }, - "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeIconMargin": { + "compact": "8px", + "regular": "12px", }, - "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "sizeIconMorePadding": { + "compact": "8px", + "regular": "12px", }, - "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "sizeIconUI": { + "regular": "16px", }, - "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "sizeIllustrationL": { + "regular": "144px", }, - "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "sizeIllustrationM": { + "regular": "96px", }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeIllustrationS": { + "regular": "48px", }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeIllustrationXM": { + "regular": "72px", }, - "colorTextLink": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "sizeIllustrationXXL": { + "regular": "228px", }, - "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "sizeLabelHorizontalMargin": { + "regular": "16px", }, - "colorTextLinkVisited": { - "active": "#4B85D2", - "hover": "#4F8AD9", - "normal": "#528FDF", + "sizeLabelVerticalMargin": { + "regular": "4px", }, - "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeLabelWidth": { + "regular": "184px", }, - "colorTextNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "sizeMenuMargin": { + "regular": "2px", }, - "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "sizeMenuPadding": { + "regular": "8px", }, - "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizeOptionHierarchy": { + "regular": "32px", }, - "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", }, - "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", + "sizePopupBasePadding": { + "compact": "32px", + "regular": "20px", }, - "colorTextSubhead": { - "active": "#6F727B", - "hover": "#74767D", - "normal": "#797A80", + "sizePopupHeaderPadding": { + "compact": "24px", + "regular": "16px", }, - "colorTextTertiary": { - "active": "#9CA0AA", - "hover": "#A3A7AE", - "normal": "#AAADB3", + "sizePopupLarge": { + "regular": "880px", }, - "colorTrackBackground": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", }, - "colorTrackBuffer": { - "active": "#799EDC", - "hover": "#7EA4E3", - "normal": "#83AAEA", + "sizePopupMedium": { + "regular": "680px", }, - "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "sizePopupSmall": { + "regular": "430px", }, - "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeProgress": { + "regular": "4px", }, - "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", + "sizeProgressScroll": { + "regular": "12px", }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 16, 61, 0.88)", - "hover": "rgba(0, 16, 61, 0.84)", - "normal": "rgba(0, 16, 61, 0.8)", + "sizePromoButtonClose": { + "regular": "32px", }, - "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", - }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", - }, + "sizeSelectIconPadding": { + "compact": "6px", + "regular": "7px", }, - "fontCaption2": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": "14px", - }, + "sizeSliceBottomPadding": { + "regular": "60px", }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", - }, + "sizeSliceTopPadding": { + "regular": "40px", }, - "fontCaption3": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": "12px", - }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", - }, + "sizeSubnavigationBarGap": { + "regular": "8px", }, - "fontFamilyAccent": "MailSans, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyMedia": "Georgia, serif", - "fontFootnote": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": "18px", - }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", - }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", }, - "fontHeadline1": { - "compact": { - "fontSize": 16, - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": "20px", - }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", }, - "fontHeadline2": { - "compact": { - "fontSize": 15, - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 500, - "lineHeight": "20px", - }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", }, - "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", - }, + "sizeTabMargin": { + "regular": "8px", }, - "fontMediaLead": { - "compact": { - "fontSize": 22, - "letterSpacing": "-0.003em", - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "letterSpacing": 0, - "lineHeight": "28px", - }, + "sizeTabPadding": { + "regular": "16px", }, - "fontMediaParagraph": { - "compact": { - "fontSize": 19, - "fontWeight": 400, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Georgia, serif", - "fontSize": 18, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", - }, + "sizeTableHorizontalPadding": { + "regular": "16px", }, - "fontMediaTitle1": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": "36px", - }, + "sizeTableVerticalPadding": { + "regular": "16px", }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": "32px", - }, + "sizeTagMargin": { + "regular": "8px", }, - "fontMediaTitle3": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": "28px", - }, + "sizeTagPadding": { + "regular": "8px", }, - "fontParagraph": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": "20px", - }, + "sizeTipMargin": { + "regular": "4px", }, - "fontSubhead": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": "18px", - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": "18px", - }, + "sizeTooltipMargin": { + "regular": "8px", }, - "fontText": { - "compact": { - "fontSize": 16, - "lineHeight": "22px", + "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": "portalUIDark", + "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 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)", + "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, }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": "20px", + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, }, }, - "fontTitle1": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": "28px", - }, + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, - "fontTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": "26px", - }, + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #1482FF)", + "hover": "var(--vkui--color_accent_blue--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_blue, #0077ff)", }, - "fontTitle3": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 17, - "fontWeight": 500, - "lineHeight": "22px", - }, + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #1BE7F9)", + "hover": "var(--vkui--color_accent_cyan--hover, #11E6F9)", + "normal": "var(--vkui--color_accent_cyan, #07E5F9)", }, - "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", + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", }, - "pulseColorBackgroundPurple": { - "active": "#6047D4", - "hover": "#644ADA", - "normal": "#684CE1", + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #BEFC80)", + "hover": "var(--vkui--color_accent_lime--hover, #BBFC7B)", + "normal": "var(--vkui--color_accent_lime, #B8FC75)", }, - "pulseColorPurpleAlpha": { - "active": "rgba(66, 0, 255, 0.16)", - "hover": "rgba(66, 0, 255, 0.12)", - "normal": "rgba(66, 0, 255, 0.08)", + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.98)", - "hover": "rgba(226, 236, 255, 0.9400000000000001)", - "normal": "rgba(226, 236, 255, 0.9)", + "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)", }, - "pulseZIndexDropdown": 100, - "pulseZIndexFixed": 120, - "pulseZIndexModal": 140, - "pulseZIndexModalBackdrop": 130, - "pulseZIndexSticky": 110, - "pulseZIndexTooltip": 150, - "sizeAvatarL": { - "regular": 60, + "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)", }, - "sizeAvatarM": { - "regular": 40, + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #FF498F)", + "hover": "var(--vkui--color_accent_pink--hover, #FF418A)", + "normal": "var(--vkui--color_accent_pink, #FF3985)", }, - "sizeAvatarS": { - "regular": 32, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, - "sizeAvatarXS": { - "regular": 24, + "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)", }, - "sizeBadge": { - "regular": 20, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, - "sizeBorderRadius": { - "regular": 8, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, - "sizeBorderRadiusCard": { - "regular": 12, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, - "sizeBorderRadiusLarge": { - "regular": 12, + "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)", }, - "sizeBorderRadiusPill": { - "regular": 100, + "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))", }, - "sizeBorderRadiusSmall": { - "regular": 4, + "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))", }, - "sizeButtonCircleLarge": { - "regular": 44, + "colorBackground": { + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, - "sizeButtonCircleMedium": { - "regular": 40, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, - "sizeButtonCircleSmall": { - "regular": 32, + "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)", }, - "sizeButtonLargeHeight": { - "regular": 40, + "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)", }, - "sizeButtonMediumHeight": { - "regular": 32, + "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))", }, - "sizeButtonPaddingHorizontal": { - "regular": 12, + "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)", }, - "sizeButtonPaddingHorizontalLarge": { - "regular": 16, + "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))", }, - "sizeButtonSmallHeight": { - "regular": 24, + "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)", }, - "sizeCardgridGapSpaceLarge": { - "regular": 20, + "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))", }, - "sizeCardgridGapSpaceMedium": { - "regular": 16, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, - "sizeFieldHeight": { - "regular": 40, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, - "sizeFieldHorizontalPadding": { - "regular": 12, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, - "sizeIconUILarge": { - "regular": 20, + "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)", }, - "sizeIconUIMedium": { - "regular": 16, + "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))", }, - "sizeListItemHeight": { - "regular": 44, + "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)", }, - "sizePageHorizontalPadding": { - "regular": 16, + "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)", }, - "sizePopupLarge": { - "regular": 800, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", }, - "sizePopupMedium": { - "regular": 360, + "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)", }, - "sizeTag": { - "regular": 24, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, - "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)", + "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)", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "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))", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "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)", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "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))", }, - "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)", - }, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorBackgroundSky": { + "active": "var(--vkui--color_background_sky--active, #3C3C3D)", + "hover": "var(--vkui--color_background_sky--hover, #333334)", + "normal": "var(--vkui--color_background_sky, #2b2b2c)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", }, - "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))", - }, + "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))", }, - "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)", - }, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "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))", - }, + "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)", }, - "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)", - }, + "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))", }, - "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))", - }, + "colorButtonContrast": { + "active": "var(--vkui--color_button_contrast--active, #2C2C2D)", + "hover": "var(--vkui--color_button_contrast--hover, #29292A)", + "normal": "var(--vkui--color_button_contrast, #252526)", }, - "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)", - }, + "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))", }, - "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))", - }, + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, - "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)", - }, + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, - "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)", - }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, - "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))", - }, + "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": { - "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": "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": { - "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": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "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)", - }, + "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": { - "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": "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": { - "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": "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": { - "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": "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": { - "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": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "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))", - }, + "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": { - "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": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "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)", - }, + "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": { - "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": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "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)", - }, + "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": { - "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": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "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))", - }, + "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": { - "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": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "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))", - }, + "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": { - "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": "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": { - "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": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "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))", - }, + "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": { - "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": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "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.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": { - "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)", - }, + "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": { - "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": "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": { - "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": "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": { - "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": "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": { - "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": "var(--vkui--color_separator_secondary--active, #2A2A2A)", + "hover": "var(--vkui--color_separator_secondary--hover, #212121)", + "normal": "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)", - }, + "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": { - "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": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "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)", - }, + "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": { - "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": "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": { - "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": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "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)", - }, + "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": { - "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": "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": { - "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)", - }, + "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": { - "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": "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": { - "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": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "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)", - }, + "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": { - "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)", - }, + "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": { - "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": "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": { - "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": "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": { - "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": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "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)", - }, + "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": { - "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": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "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)", - }, + "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": { - "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)", - }, + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, + "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": { - "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": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", + }, + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "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)", - }, + "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": { - "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": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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))", + "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)", }, - "elevation2": { - "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0px 16px 48px rgba(0, 0, 0, 0.48))", + "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)", }, - "elevation3": { - "name": "--vkui--elevation3", - "value": "var(--vkui--elevation3, 0px 16px 48px rgba(0, 0, 0, 0.64))", + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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)", - }, + "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": { - "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": "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": { - "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)", - }, + "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)", }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, MailSans, Arial, sans-serif)", + "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)", + }, }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Arial, sans-serif)", + "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)", + }, }, - "fontFamilyMedia": { - "name": "--vkui--font_family_media", - "value": "var(--vkui--font_family_media, Georgia, serif)", + "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": { - "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)", - }, + "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": { - "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)", - }, + "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)", }, }, - "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)", - }, + "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": { - "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)", - }, + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "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)", - }, + "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)", }, }, - "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)", - }, + "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": { - "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)", - }, + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--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)", - }, + "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)", }, }, - "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)", - }, + "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": { - "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)", - }, + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "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)", - }, + "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)", }, }, - "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)", - }, + "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": { - "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)", - }, + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", }, "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_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)", }, }, - "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)", - }, - }, + "fontText": { "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)", - }, + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "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_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)", }, }, - "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)", - }, + "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": { - "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_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)", }, }, - "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)", - }, - }, + "fontTitle3": { "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_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)", }, }, - "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)", - }, - }, + "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)", }, - "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)", - }, - }, + "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)", }, - "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)", - }, - }, + "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))", }, - "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)", - }, - }, + "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))", }, - "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)", - }, - }, + "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)", }, - "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)", - }, - }, + "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)", }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 500)", + "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)", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 400)", + "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))", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 700)", + "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)", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 400)", + "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)", }, - "gradientSkeleton": { - "name": "--vkui--gradient_skeleton", - "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #292929, #383838))", + "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)", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.48)", + "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)", }, - "prefix": { - "name": "--vkui--prefix", - "value": "var(--vkui--prefix, vkui)", + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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))", - }, + "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)", }, - "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))", - }, + "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)", }, - "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))", - }, + "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)", }, - "pulseZIndexDropdown": { - "name": "--vkui--pulse_z_index_dropdown", - "value": "var(--vkui--pulse_z_index_dropdown, 100px)", + "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)", }, - "pulseZIndexFixed": { - "name": "--vkui--pulse_z_index_fixed", - "value": "var(--vkui--pulse_z_index_fixed, 120px)", + "sizeArrowHeight": { + "regular": "var(--vkui--size_arrow_height--regular, 8px)", }, - "pulseZIndexModal": { - "name": "--vkui--pulse_z_index_modal", - "value": "var(--vkui--pulse_z_index_modal, 140px)", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "pulseZIndexModalBackdrop": { - "name": "--vkui--pulse_z_index_modal_backdrop", - "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "pulseZIndexSticky": { - "name": "--vkui--pulse_z_index_sticky", - "value": "var(--vkui--pulse_z_index_sticky, 110px)", + "sizeArrowWidth": { + "regular": "var(--vkui--size_arrow_width--regular, 12px)", }, - "pulseZIndexTooltip": { - "name": "--vkui--pulse_z_index_tooltip", - "value": "var(--vkui--pulse_z_index_tooltip, 150px)", + "sizeAttributeMargin": { + "regular": "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, 60px)", - }, + "regular": "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, 40px)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_avatar_s--regular, 32px)", + }, + "sizeAvatarXL": { + "regular": "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)", - }, + "regular": "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)", - }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "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)", - }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "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)", - }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, - "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)", - }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "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)", - }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "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)", - }, + "sizeBase": "var(--vkui--size_base, 4px)", + "sizeBaseMargin": { + "regular": "var(--vkui--size_base_margin--regular, 12px)", }, - "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)", - }, + "sizeBasePadding": { + "compact": "var(--vkui--size_base_padding--compact, 20px)", + "regular": "var(--vkui--size_base_padding--regular, 16px)", }, - "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)", - }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, - "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)", - }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, - "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)", - }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", }, - "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)", - }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, - "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)", - }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, - "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)", - }, + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, - "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)", - }, + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, - "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)", - }, + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--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)", - }, + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "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)", - }, + "sizeBorderWidthAccent": { + "regular": "var(--vkui--size_border_width_accent--regular, 8px)", }, - "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)", - }, + "sizeBorderWidthAccentSecondary": { + "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", }, - "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)", - }, + "sizeBorderWidthBar": { + "regular": "var(--vkui--size_border_width_bar--regular, 4px)", }, - "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)", - }, + "sizeBorderWidthTab": { + "regular": "var(--vkui--size_border_width_tab--regular, 2px)", }, - "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)", - }, + "sizeBulletMargin": { + "regular": "var(--vkui--size_bullet_margin--regular, 12px)", }, - "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)", - }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, - "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)", - }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, - "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)", - }, + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, - "sizeTag": { - "auto": { - "name": "--vkui--size_tag", - "value": "var(--vkui--size_tag)", - }, - "regular": { - "name": "--vkui--size_tag--regular", - "value": "var(--vkui--size_tag--regular, 24px)", - }, + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, paradigm)", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, pulseDark)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, pulse)", + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, - "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", + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, - "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "sizeButtonIconPadding": { + "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, - "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, - "colorAccentPurple": { - "active": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#F060C0", + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, - "colorAccentRed": { - "active": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, - "colorAccentSecondary": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "sizeButtonPaddingHorizontal": { + "compact": "var(--vkui--size_button_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 20px)", }, - "colorAccentViolet": { - "active": "#C66AF4", - "hover": "#C363F3", - "normal": "#C15DF3", + "sizeButtonSliderHeight": { + "regular": "var(--vkui--size_button_slider_height--regular, 24px)", }, - "colorActionSheetText": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "sizeButtonSliderWidth": { + "regular": "var(--vkui--size_button_slider_width--regular, 12px)", }, - "colorAvatarOverlay": { - "active": "rgba(176, 178, 182, 0.56)", - "hover": "rgba(176, 178, 182, 0.52)", - "normal": "rgba(176, 178, 182, 0.48)", + "sizeButtonSliderWidthPointer": { + "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", }, - "colorBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, - "colorBackgroundAccent": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "colorBackgroundAccentAlternative": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, - "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, - "colorBackgroundAccentTintAlpha": { - "active": "rgba(0, 95, 249, 0.36)", - "hover": "rgba(0, 95, 249, 0.32)", - "normal": "rgba(0, 95, 249, 0.28)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, - "colorBackgroundContent": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, - "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", }, - "colorBackgroundModal": { - "active": "#414141", - "hover": "#383838", - "normal": "#303030", + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 12px)", }, - "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, - "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, - "colorBackgroundNegativeTintAlpha": { - "active": "rgba(237, 10, 52, 0.36)", - "hover": "rgba(237, 10, 52, 0.32)", - "normal": "rgba(237, 10, 52, 0.28)", + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "colorBackgroundPositive": { + "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", + }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "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.36)", - "hover": "rgba(13, 194, 104, 0.32)", - "normal": "rgba(13, 194, 104, 0.28)", + "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", @@ -335444,20 +334001,80 @@ exports[`shapshots pulseDark 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", "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.36)", - "hover": "rgba(255, 158, 0, 0.32)", - "normal": "rgba(255, 158, 0, 0.28)", + "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)", @@ -335484,6 +334101,11 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#F2F3F5", + }, "colorIconContrastThemed": { "active": "#3D3E3F", "hover": "#343536", @@ -335539,6 +334161,11 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "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)", @@ -335560,25 +334187,50 @@ exports[`shapshots pulseDark 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.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)", @@ -335624,6 +334276,11 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#17C46E", "normal": "#0DC268", }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, "colorTextAccent": { "active": "#2C8FFF", "hover": "#238AFF", @@ -335654,6 +334311,11 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#EBEDF0", "normal": "#FFFFFF", }, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", + }, "colorTextLinkVisited": { "active": "#6098E2", "hover": "#5993E0", @@ -335679,6 +334341,11 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#E8E9EB", "normal": "#E7E8EA", }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", + }, "colorTextPrimaryInvariably": { "active": "#3D3E3F", "hover": "#343536", @@ -335689,6 +334356,11 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "hover": "#919398", "normal": "#8C8E94", }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", + }, "colorTextSubhead": { "active": "#C4C6CA", "hover": "#C2C3C7", @@ -335699,6 +334371,51 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "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", @@ -335710,8 +334427,8 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "normal": "#83AAEA", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", "normal": "transparent", }, "colorWriteBarIcon": { @@ -335724,2428 +334441,1310 @@ exports[`shapshots pulseDark theme should match pixelify theme snapshot 1`] = ` "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": "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)", + "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": "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", - "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", - "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", - "fontWeight": 400, - "lineHeight": "32px", - }, - "regular": { - "fontFamily": "Georgia, serif", - "fontSize": "18px", - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "fontSize": 15, + "lineHeight": 20, }, - }, - "fontMediaTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "28px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "36px", + "lineHeight": 20, }, }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "32px", + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, }, - }, - "fontMediaTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontSubhead": { "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "fontSize": 13, + "lineHeight": 18, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": "16px", - "lineHeight": "22px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "24px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, "fontWeight": 500, - "lineHeight": "26px", + "lineHeight": 26, }, }, "fontTitle3": { "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": "17px", + "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(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, - "prefix": "vkui", - "pulseColorAccentYellow": { - "active": "#FFD714", - "hover": "#FFD60A", - "normal": "#FFD400", - }, - "pulseColorBackgroundPurple": { - "active": "#846DEA", - "hover": "#7E66E9", - "normal": "#7960E8", + "opacityDisableAccessibility": 0.64, + "portalColorBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "pulseColorOverlayViewer": { - "active": "rgba(0, 0, 0, 0.96)", - "hover": "rgba(0, 0, 0, 0.92)", - "normal": "rgba(0, 0, 0, 0.88)", + "portalColorBackgroundAccent": { + "active": "#273856", + "hover": "#1D304E", + "normal": "#142747", }, - "pulseColorPurpleAlpha": { - "active": "rgba(234, 226, 255, 0.2)", - "hover": "rgba(234, 226, 255, 0.16)", - "normal": "rgba(234, 226, 255, 0.12)", + "portalColorBackgroundAccentAlpha": { + "active": "rgba(0, 95, 249, 0.28)", + "hover": "rgba(0, 95, 249, 0.24)", + "normal": "rgba(0, 95, 249, 0.2)", }, - "pulseColorWhiteBlueAlpha": { - "active": "rgba(226, 236, 255, 0.2)", - "hover": "rgba(226, 236, 255, 0.16)", - "normal": "rgba(226, 236, 255, 0.12)", + "portalColorBackgroundAccentTabAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "pulseZIndexDropdown": "100px", - "pulseZIndexFixed": "120px", - "pulseZIndexModal": "140px", - "pulseZIndexModalBackdrop": "130px", - "pulseZIndexSticky": "110px", - "pulseZIndexTooltip": "150px", - "sizeAvatarL": { - "regular": "60px", + "portalColorBackgroundCard": { + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, - "sizeAvatarM": { - "regular": "40px", + "portalColorBackgroundDark": { + "active": "#4C4C4D", + "hover": "#3B3B3C", + "normal": "#2A2A2B", }, - "sizeAvatarS": { - "regular": "32px", + "portalColorBackgroundInvariable": { + "active": "#F1F2F4", + "hover": "#F1F2F3", + "normal": "#F0F1F3", }, - "sizeAvatarXS": { - "regular": "24px", + "portalColorOverlayPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, - "sizeBadge": { - "regular": "20px", + "portalColorPaletteLightBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "sizeBorderRadius": { - "regular": "8px", + "portalColorPaletteSweetBlue": { + "active": "#2E5384", + "hover": "#254B7E", + "normal": "#1C4479", }, - "sizeBorderRadiusCard": { - "regular": "12px", + "portalColorPaletteSweetGreen": { + "active": "#1C8679", + "hover": "#128173", + "normal": "#087C6D", }, - "sizeBorderRadiusLarge": { - "regular": "12px", + "portalColorPaletteSweetOrange": { + "active": "#83563B", + "hover": "#7D4E33", + "normal": "#78472A", }, - "sizeBorderRadiusPill": { - "regular": "100px", + "portalColorPaletteSweetPurple": { + "active": "#7E5FA7", + "hover": "#7958A3", + "normal": "#73519F", }, - "sizeBorderRadiusSmall": { - "regular": "4px", + "portalColorTextBlueAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonCircleLarge": { - "regular": "44px", + "portalColorTextGreenAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonCircleMedium": { - "regular": "40px", + "portalColorTextLinkVisitedAlternative": { + "active": "#B174B1", + "hover": "#AD6EAD", + "normal": "#AA68AA", }, - "sizeButtonCircleSmall": { - "regular": "32px", + "portalColorTextOrangeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonLargeHeight": { - "regular": "40px", + "portalColorTextPurpleAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonMediumHeight": { - "regular": "32px", + "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, }, - "sizeButtonPaddingHorizontal": { - "regular": "12px", + "sizeArrowHeight": { + "regular": 8, }, - "sizeButtonPaddingHorizontalLarge": { - "regular": "16px", + "sizeArrowPadding": { + "regular": 12, }, - "sizeButtonSmallHeight": { - "regular": "24px", + "sizeArrowPromo": { + "regular": 40, }, - "sizeCardgridGapSpaceLarge": { - "regular": "20px", + "sizeArrowWidth": { + "regular": 12, }, - "sizeCardgridGapSpaceMedium": { - "regular": "16px", + "sizeAttributeMargin": { + "regular": 4, }, - "sizeFieldHeight": { - "regular": "40px", + "sizeAvatarL": { + "regular": 96, }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "sizeAvatarM": { + "regular": 48, }, - "sizeIconUILarge": { - "regular": "20px", + "sizeAvatarS": { + "regular": 32, }, - "sizeIconUIMedium": { - "regular": "16px", + "sizeAvatarXL": { + "regular": 128, }, - "sizeListItemHeight": { - "regular": "44px", + "sizeAvatarXS": { + "regular": 24, }, - "sizePageHorizontalPadding": { - "regular": "16px", + "sizeBadgeL": { + "regular": 44, }, - "sizePopupLarge": { - "regular": "800px", + "sizeBadgeM": { + "regular": 24, }, - "sizePopupMedium": { - "regular": "360px", + "sizeBadgeS": { + "regular": 16, }, - "sizeTag": { - "regular": "24px", + "sizeBadgeXL": { + "regular": 56, }, - "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)", + "sizeBadgeXS": { + "regular": 12, }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", - "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", - "normal": "var(--vkui--color_accent_gray, #9C9DA2)", + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #20C774)", - "hover": "var(--vkui--color_accent_green--hover, #17C46E)", - "normal": "var(--vkui--color_accent_green, #0DC268)", + "sizeBasePadding": { + "compact": 20, + "regular": 16, }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA614)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_orange, #FF9E00)", + "sizeBasePaddingHorizontal": { + "regular": 16, }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #9570FF)", - "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "sizeBasePaddingVertical": { + "regular": 12, }, - "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)", + "sizeBorder1x": { + "regular": 1, }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #EE431E)", - "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "sizeBorder2x": { + "regular": 0.5, }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #FFA614)", - "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", - "normal": "var(--vkui--color_accent_secondary, #FF9E00)", + "sizeBorder3x": { + "regular": 0.33, }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #C66AF4)", - "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", - "normal": "var(--vkui--color_accent_violet, #C15DF3)", + "sizeBorderRadius": { + "regular": 8, }, - "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)", + "sizeBorderRadiusPaper": { + "regular": 12, }, - "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))", + "sizeBorderRadiusPromo": { + "regular": 20, }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #2B2B2C)", - "hover": "var(--vkui--color_background--hover, #222223)", - "normal": "var(--vkui--color_background, #19191A)", + "sizeBorderRadiusRounded": { + "regular": 48, }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1482FF)", - "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "sizeBorderWidthAccent": { + "regular": 8, }, - "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)", + "sizeBorderWidthAccentSecondary": { + "regular": 8, }, - "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)", + "sizeBorderWidthBar": { + "regular": 4, }, - "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))", + "sizeBorderWidthTab": { + "regular": 2, }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #353536)", - "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_content, #232324)", + "sizeBulletMargin": { + "regular": 12, }, - "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, }, - "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))", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, }, - "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #414141)", - "hover": "var(--vkui--color_background_modal--hover, #383838)", - "normal": "var(--vkui--color_background_modal, #303030)", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, }, - "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, }, - "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)", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, }, - "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))", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #20C774)", - "hover": "var(--vkui--color_background_positive--hover, #17C46E)", - "normal": "var(--vkui--color_background_positive, #0DC268)", + "sizeButtonGroupGapMedium": { + "regular": 12, }, - "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))", + "sizeButtonGroupGapSmall": { + "regular": 8, }, - "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", - "hover": "var(--vkui--color_background_secondary--hover, #333333)", - "normal": "var(--vkui--color_background_secondary, #2A2A2B)", + "sizeButtonGroupGapSpace": { + "regular": 1, }, - "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))", + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, }, - "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #363636)", - "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", - "normal": "var(--vkui--color_background_tertiary, #252525)", + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #785C14)", - "hover": "var(--vkui--color_background_warning--hover, #72550A)", - "normal": "var(--vkui--color_background_warning, #6C4E00)", + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, }, - "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))", + "sizeButtonMinimumWidth": { + "regular": 80, }, - "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))", + "sizeButtonMorePadding": { + "regular": 8, }, - "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #353536)", - "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_header_background, #232324)", + "sizeButtonPaddingHorizontal": { + "compact": 16, + "regular": 20, }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #1482FF)", - "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_icon_accent, #0077FF)", + "sizeButtonSliderHeight": { + "regular": 24, }, - "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)", + "sizeButtonSliderWidth": { + "regular": 12, }, - "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "sizeButtonSliderWidthPointer": { + "regular": 16, }, - "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)", + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #B0B1B6)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, }, - "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))", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #20C774)", - "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", - "normal": "var(--vkui--color_icon_positive, #0DC268)", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", - "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", - "normal": "var(--vkui--color_icon_primary, #D9DADD)", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, }, - "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)", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, }, - "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", - "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", - "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", + "sizeCardBorderRadius": { + "regular": 16, }, - "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))", + "sizeCardgridPadding": { + "regular": 12, }, - "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", - "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", - "normal": "var(--vkui--color_icon_tertiary, #83848A)", + "sizeCardgridPaddingVertical": { + "regular": 8, }, - "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))", + "sizeCheckBorderRadius": { + "regular": 4, }, - "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))", + "sizeCheckbox": { + "regular": 16, }, - "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #494A4B)", - "hover": "var(--vkui--color_image_placeholder--hover, #414243)", - "normal": "var(--vkui--color_image_placeholder, #393A3B)", + "sizeChoiceMargin": { + "regular": 8, }, - "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))", + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, }, - "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "sizeDivPadding": { + "regular": 4, }, - "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))", + "sizeDotBullet": { + "regular": 4, }, - "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)", + "sizeDotClickable": { + "regular": 12, }, - "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)", + "sizeDotIndicate": { + "regular": 8, }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #282829)", - "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", - "normal": "var(--vkui--color_separator_primary, #151516)", + "sizeFieldHeight": { + "compact": 36, + "regular": 44, }, - "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))", + "sizeFieldHorizontalMargin": { + "regular": 20, }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #2A2A2A)", - "hover": "var(--vkui--color_separator_secondary--hover, #212121)", - "normal": "var(--vkui--color_separator_secondary, #181818)", + "sizeFieldHorizontalPadding": { + "regular": 12, }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", - "hover": "var(--vkui--color_skeleton_from--hover, #333333)", - "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", + "sizeFieldSetMargin": { + "regular": 32, }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", - "hover": "var(--vkui--color_skeleton_to--hover, #464748)", - "normal": "var(--vkui--color_skeleton_to, #3E3F40)", + "sizeFieldVerticalMargin": { + "regular": 24, }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #1482FF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", - "normal": "var(--vkui--color_stroke_accent, #0077FF)", + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, }, - "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)", + "sizeFormItemPaddingVertical": { + "regular": 12, }, - "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", + "sizeIconMargin": { + "compact": 8, + "regular": 12, }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #20C774)", - "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", - "normal": "var(--vkui--color_stroke_positive, #0DC268)", + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, }, - "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #2C8FFF)", - "hover": "var(--vkui--color_text_accent--hover, #238AFF)", - "normal": "var(--vkui--color_text_accent, #1A85FF)", + "sizeIconUI": { + "regular": 16, }, - "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)", + "sizeIllustrationL": { + "regular": 144, }, - "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "sizeIllustrationM": { + "regular": 96, }, - "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)", + "sizeIllustrationS": { + "regular": 48, }, - "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #2C8FFF)", - "hover": "var(--vkui--color_text_link--hover, #238AFF)", - "normal": "var(--vkui--color_text_link, #1A85FF)", + "sizeIllustrationXM": { + "regular": 72, }, - "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)", + "sizeIllustrationXXL": { + "regular": 228, }, - "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)", + "sizeLabelHorizontalMargin": { + "regular": 16, }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E9EAEC)", - "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_muted, #E7E8EA)", + "sizeLabelVerticalMargin": { + "regular": 4, }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #FF5C5C)", + "sizeLabelWidth": { + "regular": 184, }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #20C774)", - "hover": "var(--vkui--color_text_positive--hover, #17C46E)", - "normal": "var(--vkui--color_text_positive, #0DC268)", + "sizeMenuMargin": { + "regular": 2, }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E9EAEC)", - "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", - "normal": "var(--vkui--color_text_primary, #E7E8EA)", + "sizeMenuPadding": { + "regular": 8, }, - "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)", + "sizeOptionHierarchy": { + "regular": 32, }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #95979D)", - "hover": "var(--vkui--color_text_secondary--hover, #919398)", - "normal": "var(--vkui--color_text_secondary, #8C8E94)", + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", - "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", - "normal": "var(--vkui--color_text_subhead, #BFC1C5)", + "sizePopupBasePadding": { + "compact": 32, + "regular": 20, }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #7F8185)", - "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", - "normal": "var(--vkui--color_text_tertiary, #74767A)", + "sizePopupHeaderPadding": { + "compact": 24, + "regular": 16, }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #525354)", - "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", - "normal": "var(--vkui--color_track_background, #434445)", + "sizePopupLarge": { + "regular": 880, }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", - "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", - "normal": "var(--vkui--color_track_buffer, #83AAEA)", + "sizePopupMargin": { + "compact": 24, + "regular": 8, }, - "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)", + "sizePopupMedium": { + "regular": 680, }, - "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)", + "sizePopupSmall": { + "regular": 430, }, - "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)", + "sizeProgress": { + "regular": 4, }, - "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))", + "sizeProgressScroll": { + "regular": 12, }, - "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)", - }, + "sizePromoButtonClose": { + "regular": 32, }, - "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)", - }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, }, - "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)", - }, + "sizeSelectIconPadding": { + "compact": 6, + "regular": 7, }, - "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)", - }, + "sizeSliceBottomPadding": { + "regular": 60, }, - "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)", - }, + "sizeSliceTopPadding": { + "regular": 40, }, - "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)", - }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, }, - "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)", - }, + "sizeSubnavigationBarGap": { + "regular": 8, }, - "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)", - }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, }, - "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "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, }, - "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)", + "desktopM": { + "adaptiveValue": "large", + "breakpoint": 1300, }, - }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "desktopS": { + "adaptiveValue": "regular", + "breakpoint": 1000, }, - "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)", + "desktopXL": { + "adaptiveValue": "largeXX", + "breakpoint": 2200, }, - }, - "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)", + "tablet": { + "adaptiveValue": "compact", + "breakpoint": 768, }, - "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)", + "touch": { + "adaptiveValue": "compactX", + "breakpoint": 0, }, }, - "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)", + "colorAccentAzure": { + "active": { + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, - "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_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "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)", + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, - "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_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, - }, - "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_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, - "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)", + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", }, - }, - "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_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", }, - }, - "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_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", }, }, - "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)", + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", }, - "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_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", }, }, - "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", }, - "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_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", }, - }, - "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_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", }, }, - "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)", + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", }, - }, - "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_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", }, }, - "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", + "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)", + }, }, - "colorAccentGray": { - "active": "#A4A5A9", - "hover": "#A0A1A6", - "normal": "#9C9DA2", + "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)", + }, }, - "colorAccentGreen": { - "active": "#20C774", - "hover": "#17C46E", - "normal": "#0DC268", + "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)", + }, }, - "colorAccentOrange": { - "active": "#FFA614", - "hover": "#FFA20A", - "normal": "#FF9E00", + "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": "#9570FF", - "hover": "#916AFF", - "normal": "#8C64FF", + "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": "#EE431E", - "hover": "#EE3B14", - "normal": "#ED330A", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED330A)", + }, }, "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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": { + "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", + "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", - }, - "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", + "active": { + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.26px", - "lineHeight": "16px", - "textTransform": "uppercase", + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": "14px", + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.22px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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))", }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": "12px", + "hover": { + "name": "--vkui--color_background_accent_themed_alpha--hover", + "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(0, 119, 255, 0.24))", }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.16px", - "lineHeight": "12px", - "textTransform": "uppercase", + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, - "fontFamilyAccent": "MailSans, Arial, sans-serif", - "fontFamilyBase": "Arial, sans-serif", - "fontFamilyMedia": "Georgia, serif", - "fontFootnote": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": "18px", + "colorBackgroundAccentTint": { + "active": { + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", }, - }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "18px", - "textTransform": "uppercase", + "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)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": 16, - "lineHeight": "20px", + "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))", }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": "20px", + "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))", }, }, - "fontHeadline2": { - "compact": { - "fontSize": 15, - "lineHeight": "20px", + "colorBackgroundAccentTintThemed": { + "active": { + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 500, - "lineHeight": "20px", + "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)", }, }, - "fontMediaHeader": { - "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 40, - "lineHeight": "48px", + "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))", }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 36, - "fontWeight": 500, - "letterSpacing": "-0.005em", - "lineHeight": "44px", + "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))", }, }, - "fontMediaLead": { - "compact": { - "fontSize": 22, - "letterSpacing": "-0.003em", - "lineHeight": "32px", + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 19, - "fontWeight": 500, - "letterSpacing": 0, - "lineHeight": "28px", + "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)", }, }, - "fontMediaParagraph": { - "compact": { - "fontSize": 19, - "fontWeight": 400, - "lineHeight": "32px", + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, - "regular": { - "fontFamily": "Georgia, serif", - "fontSize": 18, - "fontWeight": 400, - "letterSpacing": "0.003em", - "lineHeight": "28px", + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, - }, - "fontMediaTitle1": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 28, - "fontWeight": 500, - "lineHeight": "36px", + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, - "fontMediaTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": "32px", + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", }, - }, - "fontMediaTitle3": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": "28px", + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": "20px", + "normal": { + "name": "--vkui--color_background_contrast", + "value": "var(--vkui--color_background_contrast, #FFFFFF)", }, }, - "fontSubhead": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": "18px", + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": "18px", + "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)", }, }, - "fontText": { - "compact": { - "fontSize": 16, - "lineHeight": "22px", + "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))", }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": "20px", + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", }, - }, - "fontTitle1": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": "28px", + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, - "fontTitle2": { - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": "26px", + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", }, - }, - "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, #DA300E)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #E4320C)", - }, - "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, #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)", - }, - }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", - }, - }, - "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)", + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", @@ -339205,15 +336804,15 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #004EB1)", + "value": "var(--vkui--color_text_link--active, #0068E2)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #0050B6)", + "value": "var(--vkui--color_text_link--hover, #006CE9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #0053BB)", + "value": "var(--vkui--color_text_link, #0070f0)", }, }, "colorTextLinkThemed": { @@ -339247,29 +336846,29 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "colorTextLinkVisited": { "active": { "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #4D0452)", + "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, #510453)", + "value": "var(--vkui--color_text_link_visited--hover, #4F8AD9)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #540354)", + "value": "var(--vkui--color_text_link_visited, #528FDF)", }, }, "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #34383E)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #37393E)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #393B3E)", + "value": "var(--vkui--color_text_muted, #2C2D2E)", }, }, "colorTextNegative": { @@ -339628,11 +337227,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "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))", + "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", @@ -339640,24 +337235,16 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "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))", + "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 20px rgba(0, 0, 0, 0.13))", + "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))", }, - "elevationButtons": { - "name": "--vkui--elevation_buttons", - "value": "var(--vkui--elevation_buttons, 0px 6px 20px rgba(0, 16, 61, 0.1))", - }, "fontCaption1": { "auto": { "fontFamily": { @@ -340110,7 +337697,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "fontFamilyBase": { "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Arial, sans-serif)", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, "fontFamilyFallbacks": { "name": "--vkui--font_family_fallbacks", @@ -340118,10 +337705,6 @@ exports[`shapshots search 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)", @@ -340136,21 +337719,17 @@ exports[`shapshots search 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, 13px)", + "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, 400)", + "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, 18px)", + "value": "var(--vkui--font_footnote--line_height--regular, 20px)", }, }, }, @@ -340258,10 +337837,6 @@ exports[`shapshots search 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)", @@ -340274,42 +337849,122 @@ exports[`shapshots search 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, 32px)", + "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, 36px)", + "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)", }, }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 24px)", + "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, 500)", + "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, 28px)", + "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": { - "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)", @@ -340322,33 +337977,117 @@ exports[`shapshots search 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, 28px)", + "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, 32px)", + "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)", }, }, - "regular": { - "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 20px)", + "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, 500)", + "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, 26px)", + "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)", }, }, }, @@ -340584,10 +338323,6 @@ exports[`shapshots search 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)", @@ -340601,41 +338336,23 @@ exports[`shapshots search 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, 16px)", + "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, 400)", + "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, 20px)", + "value": "var(--vkui--font_text--line_height--regular, 28px)", }, }, }, "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)", @@ -340648,23 +338365,117 @@ exports[`shapshots search 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)", + }, }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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, 500)", + "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, 28px)", + "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)", }, }, }, @@ -340768,6 +338579,14 @@ exports[`shapshots search 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%)", @@ -340792,996 +338611,6 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` "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)", - }, - }, - }, "sizeArrow": { "auto": { "name": "--vkui--size_arrow", @@ -342219,13 +339048,9 @@ exports[`shapshots search 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": { @@ -342235,11 +339060,27 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` }, "compact": { "name": "--vkui--size_button_medium_height--compact", - "value": "var(--vkui--size_button_medium_height--compact, 32px)", + "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, 36px)", + "value": "var(--vkui--size_button_medium_height--regular, 52px)", }, }, "sizeButtonMinimumWidth": { @@ -342267,13 +339108,9 @@ exports[`shapshots search 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)", + "value": "var(--vkui--size_button_padding_horizontal--regular, 32px)", }, }, "sizeButtonSliderHeight": { @@ -342311,13 +339148,9 @@ exports[`shapshots search 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, 40px)", }, }, "sizeButtonTertiaryLargePaddingHorizontal": { @@ -342440,18 +339273,114 @@ exports[`shapshots search 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, 130px)", + "value": "var(--vkui--size_control_button_width_min--regular, 280px)", }, }, "sizeDivPadding": { @@ -342576,6 +339505,166 @@ exports[`shapshots search 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", @@ -342619,9 +339708,29 @@ exports[`shapshots search 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, 16px)", + "value": "var(--vkui--size_icon_u_i--regular, 20px)", }, }, "sizeIllustrationL": { @@ -342639,9 +339748,29 @@ exports[`shapshots search 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, 96px)", + "value": "var(--vkui--size_illustration_m--regular, 48px)", }, }, "sizeIllustrationS": { @@ -342669,9 +339798,29 @@ exports[`shapshots search 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, 228px)", + "value": "var(--vkui--size_illustration_x_x_l--regular, 360px)", }, }, "sizeLabelHorizontalMargin": { @@ -342704,6 +339853,186 @@ exports[`shapshots search 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", @@ -343112,11 +340441,11 @@ 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, promo)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, search)", + "value": "var(--vkui--theme_name_base, promo)", }, "themeType": "cssVars", "toneValueActive": { @@ -343151,13 +340480,61 @@ exports[`shapshots search 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: 768px)")", + "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: 768px)")", + "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", @@ -343234,7 +340611,7 @@ exports[`shapshots search theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots promo theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -343242,12 +340619,28 @@ exports[`shapshots search 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": "regular", + "adaptiveValue": "compactX", "breakpoint": 0, }, }, @@ -343792,9 +341185,9 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#004EB1", - "hover": "#0050B6", - "normal": "#0053BB", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { "active": "#0068E2", @@ -343807,14 +341200,14 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "#34383E", - "hover": "#37393E", - "normal": "#393B3E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { "active": "#DA300E", @@ -343942,14 +341335,11 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.8)", }, "colorsScheme": "light", - "elevation1": "0px 4px 12px rgba(0, 16, 61, 0.05)", - "elevation1Hover": "0px 6px 16px rgba(0, 16, 61, 0.09)", + "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": "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)", + "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)", - "elevationButtons": "0px 6px 20px rgba(0, 16, 61, 0.1)", "fontCaption1": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", @@ -344043,14 +341433,13 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` }, }, "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "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", + "fontSize": "14px", + "fontWeight": 300, + "lineHeight": "20px", }, }, "fontFootnoteCaps": { @@ -344077,26 +341466,78 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontSize": "32px", - "lineHeight": "36px", + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "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", - "lineHeight": "32px", + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 500, - "lineHeight": "26px", + "fontSize": "40px", + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", }, }, "fontHeadline": { @@ -344156,23 +341597,48 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": "24px", - "fontWeight": 500, - "lineHeight": "28px", + "fontWeight": 400, + "lineHeight": "32px", + "margin": "0 0 24px 0", }, }, "fontTitle2": { @@ -344197,264 +341663,14 @@ exports[`shapshots search 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%", "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": "8px", }, @@ -344585,12 +341801,15 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "regular": "48px", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "52px", + "compactX": "64px", + "large": "64px", + "largeX": "64px", + "largeXX": "64px", + "regular": "52px", }, "sizeButtonMinimumWidth": { "regular": "80px", @@ -344599,8 +341818,7 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", + "regular": "32px", }, "sizeButtonSliderHeight": { "regular": "24px", @@ -344612,8 +341830,7 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "regular": "16px", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "40px", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "16px", @@ -344651,9 +341868,35 @@ exports[`shapshots search 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": { - "compact": "104px", - "regular": "130px", + "regular": "280px", }, "sizeDivPadding": { "regular": "4px", @@ -344691,6 +341934,49 @@ exports[`shapshots search 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", }, @@ -344703,13 +341989,23 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeIconUI": { - "regular": "16px", + "compact": "20px", + "compactX": "20px", + "large": "24px", + "largeX": "24px", + "largeXX": "24px", + "regular": "20px", }, "sizeIllustrationL": { "regular": "144px", }, "sizeIllustrationM": { - "regular": "96px", + "compact": "48px", + "compactX": "96px", + "large": "96px", + "largeX": "96px", + "largeXX": "96px", + "regular": "48px", }, "sizeIllustrationS": { "regular": "48px", @@ -344718,7 +342014,12 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "regular": "72px", }, "sizeIllustrationXXL": { - "regular": "228px", + "compact": "280px", + "compactX": "280px", + "large": "380px", + "largeX": "560px", + "largeXX": "560px", + "regular": "360px", }, "sizeLabelHorizontalMargin": { "regular": "16px", @@ -344729,6 +342030,54 @@ exports[`shapshots search 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", }, @@ -344847,8 +342196,8 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "search", - "themeNameBase": "search", + "themeName": "promo", + "themeNameBase": "promo", "themeType": "pixelify", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -344858,8 +342207,20 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", + "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", @@ -344881,7 +342242,7 @@ exports[`shapshots search theme should match pixelify theme snapshot 1`] = ` } `; -exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` +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)", @@ -344889,12 +342250,28 @@ exports[`shapshots search 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": "regular", + "adaptiveValue": "compactX", "breakpoint": 0, }, }, @@ -345439,9 +342816,9 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "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, #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)", @@ -345454,14 +342831,14 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "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, #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, #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, #DA300E)", @@ -345589,14 +342966,11 @@ exports[`shapshots search 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, 0px 4px 12px rgba(0, 16, 61, 0.05))", - "elevation1Hover": "var(--vkui--elevation1_hover, 0px 6px 16px rgba(0, 16, 61, 0.09))", + "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, 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))", + "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))", - "elevationButtons": "var(--vkui--elevation_buttons, 0px 6px 20px rgba(0, 16, 61, 0.1))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, Helvetica, Arial, sans-serif)", @@ -345690,14 +343064,13 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` }, }, "fontFamilyAccent": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", - "fontFamilyBase": "var(--vkui--font_family_base, 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)", + "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": { @@ -345724,26 +343097,78 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` }, "fontH1": { "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + "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": { - "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)", + "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, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + "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": { - "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)", + "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": { @@ -345803,23 +343228,48 @@ exports[`shapshots search 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)", - }, "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)", + "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": { - "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)", + "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": { @@ -345844,264 +343294,14 @@ exports[`shapshots search 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)", + "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)", - "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)", }, @@ -346232,12 +343432,15 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "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)", + "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)", + "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)", @@ -346246,8 +343449,7 @@ exports[`shapshots search 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)", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 32px)", }, "sizeButtonSliderHeight": { "regular": "var(--vkui--size_button_slider_height--regular, 24px)", @@ -346259,8 +343461,7 @@ exports[`shapshots search 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, 40px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", @@ -346298,9 +343499,35 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "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": { - "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", - "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 280px)", }, "sizeDivPadding": { "regular": "var(--vkui--size_div_padding--regular, 4px)", @@ -346338,6 +343565,49 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -346350,13 +343620,23 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "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, 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": { - "regular": "var(--vkui--size_illustration_m--regular, 96px)", + "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)", @@ -346365,7 +343645,12 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, "sizeIllustrationXXL": { - "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", + "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)", @@ -346376,6 +343661,54 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` "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)", }, @@ -346494,8 +343827,8 @@ exports[`shapshots search 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, search)", - "themeNameBase": "var(--vkui--theme_name_base, search)", + "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)", @@ -346505,8 +343838,20 @@ exports[`shapshots search 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)")", + "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)", @@ -346528,7 +343873,7 @@ exports[`shapshots search theme should match pseudo theme from CssVars 1`] = ` } `; -exports[`shapshots search theme should match root theme snapshot 1`] = ` +exports[`shapshots promo theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -346536,12 +343881,28 @@ exports[`shapshots search 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": "regular", + "adaptiveValue": "compactX", "breakpoint": 0, }, }, @@ -347086,9 +344447,9 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#004EB1", - "hover": "#0050B6", - "normal": "#0053BB", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { "active": "#0068E2", @@ -347101,14 +344462,14 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#4D0452", - "hover": "#510453", - "normal": "#540354", + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "#34383E", - "hover": "#37393E", - "normal": "#393B3E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { "active": "#DA300E", @@ -347236,14 +344597,11 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 16, 61, 0.8)", }, "colorsScheme": "light", - "elevation1": "0px 4px 12px rgba(0, 16, 61, 0.05)", - "elevation1Hover": "0px 6px 16px rgba(0, 16, 61, 0.09)", + "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": "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)", + "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)", - "elevationButtons": "0px 6px 20px rgba(0, 16, 61, 0.1)", "fontCaption1": { "regular": { "fontFamily": "Helvetica, Arial, sans-serif", @@ -347337,14 +344695,13 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` }, }, "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontFamilyBase": "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, + "fontSize": 14, + "fontWeight": 300, + "lineHeight": "20px", }, }, "fontFootnoteCaps": { @@ -347371,26 +344728,78 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` }, "fontH1": { "compact": { - "fontSize": 32, - "lineHeight": 36, + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "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, - "lineHeight": 32, + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 500, - "lineHeight": 26, + "fontSize": 40, + "fontWeight": 400, + "lineHeight": "48px", + "margin": "0 0 32px 0", }, }, "fontHeadline": { @@ -347450,23 +344859,48 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "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": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", "fontSize": 24, - "fontWeight": 500, - "lineHeight": 28, + "fontWeight": 400, + "lineHeight": "32px", + "margin": "0 0 24px 0", }, }, "fontTitle2": { @@ -347491,264 +344925,14 @@ exports[`shapshots search 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": 17, - "fontWeight": 700, - "lineHeight": 24, - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 17, - "fontWeight": 700, - "lineHeight": 24, - }, - }, - "searchFontGreenURL": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, - }, - }, - "searchFontParagraphBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "searchFontSearchBigText": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "searchFontSearchBigTextBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 16, - "fontWeight": 700, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "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": 12, - "fontWeight": 400, - "lineHeight": 16, - }, - }, - "searchFontSearchCaption2MailSans": { - "compact": { - "fontFamily": "MailSans, Arial, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, - }, - "regular": { - "fontFamily": "MailSans, Arial, sans-serif", - "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": 18, - }, - "regular": { - "fontFamily": "MailSans, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 500, - "lineHeight": 18, - }, - }, - "searchFontSearchHeadline2": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "searchFontSearchSubheadBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 700, - "lineHeight": 18, - }, - "regular": { - "fontFamily": "Arial, sans-serif", - "fontSize": 14, - "fontWeight": 700, - "lineHeight": 18, - }, - }, - "searchFontSearchTextBold": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 700, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "searchFontSearchTextMailSans": { - "compact": { - "fontFamily": "Arial, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "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, }, @@ -347879,12 +345063,15 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "regular": 48, }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "compact": 52, + "compactX": 64, + "large": 64, + "largeX": 64, + "largeXX": 64, + "regular": 52, }, "sizeButtonMinimumWidth": { "regular": 80, @@ -347893,8 +345080,7 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "regular": 32, }, "sizeButtonSliderHeight": { "regular": 24, @@ -347906,8 +345092,7 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "regular": 16, }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": 40, }, "sizeButtonTertiaryLargePaddingHorizontal": { "regular": 16, @@ -347945,9 +345130,35 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "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": { - "compact": 104, - "regular": 130, + "regular": 280, }, "sizeDivPadding": { "regular": 4, @@ -347985,6 +345196,49 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "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, }, @@ -347997,13 +345251,23 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeIconUI": { - "regular": 16, + "compact": 20, + "compactX": 20, + "large": 24, + "largeX": 24, + "largeXX": 24, + "regular": 20, }, "sizeIllustrationL": { "regular": 144, }, "sizeIllustrationM": { - "regular": 96, + "compact": 48, + "compactX": 96, + "large": 96, + "largeX": 96, + "largeXX": 96, + "regular": 48, }, "sizeIllustrationS": { "regular": 48, @@ -348012,7 +345276,12 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "regular": 72, }, "sizeIllustrationXXL": { - "regular": 228, + "compact": 280, + "compactX": 280, + "large": 380, + "largeX": 560, + "largeXX": 560, + "regular": 360, }, "sizeLabelHorizontalMargin": { "regular": 16, @@ -348023,6 +345292,54 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "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, }, @@ -348141,8 +345458,8 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "search", - "themeNameBase": "search", + "themeName": "promo", + "themeNameBase": "promo", "themeType": "root", "toneValueActive": 0.08, "toneValueFocus": 0.08, @@ -348152,8 +345469,20 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` "toneValueViewer": 0.88, "typeBorderButton": "solid", "typeBorderPosition": "inset", - "widthDesktopS": "(min-width: 768px)", - "widthFromDesktopS": "(min-width: 768px)", + "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, @@ -348175,7 +345504,7 @@ exports[`shapshots search theme should match root theme snapshot 1`] = ` } `; -exports[`shapshots todo theme should match cssVars snapshot 1`] = ` +exports[`shapshots pulse theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -348193,34 +345522,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348235,20 +345536,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348277,20 +345564,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348305,48 +345578,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348445,20 +345676,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348515,74 +345732,18 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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))", + "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, 119, 255, 0.1))", + "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, 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))", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 95, 249, 0.1))", }, }, "colorBackgroundContent": { @@ -348599,20 +345760,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #202126)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #232324)", - }, - }, "colorBackgroundContrast": { "active": { "name": "--vkui--color_background_contrast--active", @@ -348627,20 +345774,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348655,34 +345788,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348697,20 +345802,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348742,43 +345833,15 @@ exports[`shapshots todo 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, 51, 10, 0.16))", + "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, 51, 10, 0.12))", + "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, 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))", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 10, 52, 0.1))", }, }, "colorBackgroundPositive": { @@ -348795,60 +345858,18 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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))", + "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))", - }, - }, - "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_alpha, rgba(13, 194, 104, 0.1))", }, }, "colorBackgroundSecondary": { @@ -348879,34 +345900,6 @@ exports[`shapshots todo 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", @@ -348921,20 +345914,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -348949,189 +345928,63 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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))", + "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": { + "colorFieldBorderAlpha": { "active": { - "name": "--vkui--color_background_warning_tint_themed--active", - "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", + "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_background_warning_tint_themed--hover", - "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", + "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_background_warning_tint_themed", - "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 16, 61, 0.12))", }, }, - "colorBackgroundWarningTintThemedAlpha": { + "colorHeaderBackground": { "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_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "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_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "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_header_background", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, - "colorButtonContrast": { + "colorIconAccent": { "active": { - "name": "--vkui--color_button_contrast--active", - "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, "hover": { - "name": "--vkui--color_button_contrast--hover", - "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_button_contrast", - "value": "var(--vkui--color_button_contrast, #FFFFFF)", + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #0077ff)", }, }, - "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": { + "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", @@ -349159,20 +346012,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -349327,20 +346166,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -349400,29 +346225,15 @@ exports[`shapshots todo 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.56))", }, "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.52))", }, "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))", + "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.48))", }, }, "colorPanelHeaderIcon": { @@ -349439,20 +346250,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -349467,20 +346264,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -349495,34 +346278,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -349649,20 +346404,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -349747,20 +346488,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -349831,20 +346558,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_primary, #2C2D2E)", }, }, - "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", - }, - }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", @@ -349873,20 +346586,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_text_secondary, #87898F)", }, }, - "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", - }, - }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", @@ -349915,132 +346614,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -350111,20 +346684,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -350145,23 +346704,15 @@ 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))", - }, - "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, 0px 4px 12px rgba(18, 25, 43, 0.12))", }, "elevation2": { "name": "--vkui--elevation2", - "value": "var(--vkui--elevation2, 0 2px 0 0 rgba(0,16,61, 0.04))", + "value": "var(--vkui--elevation2, 0px 4px 20px rgba(18, 25, 43, 0.2))", }, "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))", + "value": "var(--vkui--elevation3, 0px 16px 48px rgba(18, 25, 43, 0.28))", }, "fontCaption1": { "auto": { @@ -350185,7 +346736,7 @@ exports[`shapshots todo 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1--font_size--regular", @@ -350231,7 +346782,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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption1_caps--font_size--regular", @@ -350277,7 +346828,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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2--font_size--regular", @@ -350323,7 +346874,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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption2_caps--font_size--regular", @@ -350369,7 +346920,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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3--font_size--regular", @@ -350415,7 +346966,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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_caption3_caps--font_size--regular", @@ -350439,187 +346990,17 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, }, }, - "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)", + "value": "var(--vkui--font_family_accent, MailSans, 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, Arial, sans-serif)", }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "fontFamilyMedia": { + "name": "--vkui--font_family_media", + "value": "var(--vkui--font_family_media, Georgia, serif)", }, "fontFootnote": { "auto": { @@ -350643,7 +347024,7 @@ exports[`shapshots todo 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote--font_size--regular", @@ -350689,7 +347070,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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_footnote_caps--font_size--regular", @@ -350713,291 +347094,393 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, }, }, - "fontH0": { + "fontHeadline1": { "auto": { "fontFamily": { - "name": "--vkui--font_h0--font_family", - "value": "var(--vkui--font_h0--font_family)", + "name": "--vkui--font_headline1--font_family", + "value": "var(--vkui--font_headline1--font_family)", }, "fontSize": { - "name": "--vkui--font_h0--font_size", - "value": "var(--vkui--font_h0--font_size)", + "name": "--vkui--font_headline1--font_size", + "value": "var(--vkui--font_headline1--font_size)", }, "fontWeight": { - "name": "--vkui--font_h0--font_weight", - "value": "var(--vkui--font_h0--font_weight)", + "name": "--vkui--font_headline1--font_weight", + "value": "var(--vkui--font_headline1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_h0--line_height", - "value": "var(--vkui--font_h0--line_height)", + "name": "--vkui--font_headline1--line_height", + "value": "var(--vkui--font_headline1--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_h0--font_size--compact", - "value": "var(--vkui--font_h0--font_size--compact, 44px)", + "name": "--vkui--font_headline1--font_size--compact", + "value": "var(--vkui--font_headline1--font_size--compact, 16px)", }, "lineHeight": { - "name": "--vkui--font_h0--line_height--compact", - "value": "var(--vkui--font_h0--line_height--compact, 52px)", + "name": "--vkui--font_headline1--line_height--compact", + "value": "var(--vkui--font_headline1--line_height--compact, 20px)", }, }, "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_headline1--font_family--regular", + "value": "var(--vkui--font_headline1--font_family--regular, MailSans, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h0--font_size--regular", - "value": "var(--vkui--font_h0--font_size--regular, 28px)", + "name": "--vkui--font_headline1--font_size--regular", + "value": "var(--vkui--font_headline1--font_size--regular, 15px)", }, "fontWeight": { - "name": "--vkui--font_h0--font_weight--regular", - "value": "var(--vkui--font_h0--font_weight--regular, 500)", + "name": "--vkui--font_headline1--font_weight--regular", + "value": "var(--vkui--font_headline1--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_h0--line_height--regular", - "value": "var(--vkui--font_h0--line_height--regular, 32px)", + "name": "--vkui--font_headline1--line_height--regular", + "value": "var(--vkui--font_headline1--line_height--regular, 20px)", }, }, }, - "fontH1": { + "fontHeadline2": { "auto": { "fontFamily": { - "name": "--vkui--font_h1--font_family", - "value": "var(--vkui--font_h1--font_family)", + "name": "--vkui--font_headline2--font_family", + "value": "var(--vkui--font_headline2--font_family)", }, "fontSize": { - "name": "--vkui--font_h1--font_size", - "value": "var(--vkui--font_h1--font_size)", + "name": "--vkui--font_headline2--font_size", + "value": "var(--vkui--font_headline2--font_size)", }, "fontWeight": { - "name": "--vkui--font_h1--font_weight", - "value": "var(--vkui--font_h1--font_weight)", + "name": "--vkui--font_headline2--font_weight", + "value": "var(--vkui--font_headline2--font_weight)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height", - "value": "var(--vkui--font_h1--line_height)", + "name": "--vkui--font_headline2--line_height", + "value": "var(--vkui--font_headline2--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_h1--font_size--compact", - "value": "var(--vkui--font_h1--font_size--compact, 32px)", + "name": "--vkui--font_headline2--font_size--compact", + "value": "var(--vkui--font_headline2--font_size--compact, 15px)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height--compact", - "value": "var(--vkui--font_h1--line_height--compact, 36px)", + "name": "--vkui--font_headline2--line_height--compact", + "value": "var(--vkui--font_headline2--line_height--compact, 20px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_h1--font_family--regular", - "value": "var(--vkui--font_h1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_headline2--font_family--regular", + "value": "var(--vkui--font_headline2--font_family--regular, MailSans, Arial, sans-serif)", }, "fontSize": { - "name": "--vkui--font_h1--font_size--regular", - "value": "var(--vkui--font_h1--font_size--regular, 24px)", + "name": "--vkui--font_headline2--font_size--regular", + "value": "var(--vkui--font_headline2--font_size--regular, 14px)", }, "fontWeight": { - "name": "--vkui--font_h1--font_weight--regular", - "value": "var(--vkui--font_h1--font_weight--regular, 500)", + "name": "--vkui--font_headline2--font_weight--regular", + "value": "var(--vkui--font_headline2--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_h1--line_height--regular", - "value": "var(--vkui--font_h1--line_height--regular, 28px)", + "name": "--vkui--font_headline2--line_height--regular", + "value": "var(--vkui--font_headline2--line_height--regular, 20px)", }, }, }, - "fontH2": { + "fontMediaHeader": { "auto": { "fontFamily": { - "name": "--vkui--font_h2--font_family", - "value": "var(--vkui--font_h2--font_family)", + "name": "--vkui--font_media_header--font_family", + "value": "var(--vkui--font_media_header--font_family)", }, "fontSize": { - "name": "--vkui--font_h2--font_size", - "value": "var(--vkui--font_h2--font_size)", + "name": "--vkui--font_media_header--font_size", + "value": "var(--vkui--font_media_header--font_size)", }, "fontWeight": { - "name": "--vkui--font_h2--font_weight", - "value": "var(--vkui--font_h2--font_weight)", + "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_h2--line_height", - "value": "var(--vkui--font_h2--line_height)", + "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_h2--font_size--compact", - "value": "var(--vkui--font_h2--font_size--compact, 28px)", + "name": "--vkui--font_media_header--font_size--compact", + "value": "var(--vkui--font_media_header--font_size--compact, 40px)", }, "lineHeight": { - "name": "--vkui--font_h2--line_height--compact", - "value": "var(--vkui--font_h2--line_height--compact, 32px)", + "name": "--vkui--font_media_header--line_height--compact", + "value": "var(--vkui--font_media_header--line_height--compact, 48px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_h2--font_family--regular", - "value": "var(--vkui--font_h2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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_h2--font_size--regular", - "value": "var(--vkui--font_h2--font_size--regular, 20px)", + "name": "--vkui--font_media_header--font_size--regular", + "value": "var(--vkui--font_media_header--font_size--regular, 36px)", }, "fontWeight": { - "name": "--vkui--font_h2--font_weight--regular", - "value": "var(--vkui--font_h2--font_weight--regular, 500)", + "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_h2--line_height--regular", - "value": "var(--vkui--font_h2--line_height--regular, 26px)", + "name": "--vkui--font_media_header--line_height--regular", + "value": "var(--vkui--font_media_header--line_height--regular, 44px)", }, }, }, - "fontHeadline": { + "fontMediaLead": { "auto": { "fontFamily": { - "name": "--vkui--font_headline--font_family", - "value": "var(--vkui--font_headline--font_family)", + "name": "--vkui--font_media_lead--font_family", + "value": "var(--vkui--font_media_lead--font_family)", }, "fontSize": { - "name": "--vkui--font_headline--font_size", - "value": "var(--vkui--font_headline--font_size)", + "name": "--vkui--font_media_lead--font_size", + "value": "var(--vkui--font_media_lead--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline--font_weight", - "value": "var(--vkui--font_headline--font_weight)", + "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_headline--line_height", - "value": "var(--vkui--font_headline--line_height)", + "name": "--vkui--font_media_lead--line_height", + "value": "var(--vkui--font_media_lead--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_headline--font_size--compact", - "value": "var(--vkui--font_headline--font_size--compact, 15px)", + "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_headline--line_height--compact", - "value": "var(--vkui--font_headline--line_height--compact, 20px)", + "name": "--vkui--font_media_lead--line_height--compact", + "value": "var(--vkui--font_media_lead--line_height--compact, 32px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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_headline--font_size--regular", - "value": "var(--vkui--font_headline--font_size--regular, 16px)", + "name": "--vkui--font_media_lead--font_size--regular", + "value": "var(--vkui--font_media_lead--font_size--regular, 19px)", }, "fontWeight": { - "name": "--vkui--font_headline--font_weight--regular", - "value": "var(--vkui--font_headline--font_weight--regular, 500)", + "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_headline--line_height--regular", - "value": "var(--vkui--font_headline--line_height--regular, 20px)", + "name": "--vkui--font_media_lead--line_height--regular", + "value": "var(--vkui--font_media_lead--line_height--regular, 28px)", }, }, }, - "fontHeadline1": { + "fontMediaParagraph": { "auto": { "fontFamily": { - "name": "--vkui--font_headline1--font_family", - "value": "var(--vkui--font_headline1--font_family)", + "name": "--vkui--font_media_paragraph--font_family", + "value": "var(--vkui--font_media_paragraph--font_family)", }, "fontSize": { - "name": "--vkui--font_headline1--font_size", - "value": "var(--vkui--font_headline1--font_size)", + "name": "--vkui--font_media_paragraph--font_size", + "value": "var(--vkui--font_media_paragraph--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline1--font_weight", - "value": "var(--vkui--font_headline1--font_weight)", + "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_headline1--line_height", - "value": "var(--vkui--font_headline1--line_height)", + "name": "--vkui--font_media_paragraph--line_height", + "value": "var(--vkui--font_media_paragraph--line_height)", }, }, "compact": { "fontSize": { - "name": "--vkui--font_headline1--font_size--compact", - "value": "var(--vkui--font_headline1--font_size--compact, 15px)", + "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_headline1--line_height--compact", - "value": "var(--vkui--font_headline1--line_height--compact, 20px)", + "name": "--vkui--font_media_paragraph--line_height--compact", + "value": "var(--vkui--font_media_paragraph--line_height--compact, 32px)", }, }, "regular": { "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "name": "--vkui--font_media_paragraph--font_family--regular", + "value": "var(--vkui--font_media_paragraph--font_family--regular, Georgia, serif)", }, "fontSize": { - "name": "--vkui--font_headline1--font_size--regular", - "value": "var(--vkui--font_headline1--font_size--regular, 16px)", + "name": "--vkui--font_media_paragraph--font_size--regular", + "value": "var(--vkui--font_media_paragraph--font_size--regular, 18px)", }, "fontWeight": { - "name": "--vkui--font_headline1--font_weight--regular", - "value": "var(--vkui--font_headline1--font_weight--regular, 500)", + "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_headline1--line_height--regular", - "value": "var(--vkui--font_headline1--line_height--regular, 20px)", + "name": "--vkui--font_media_paragraph--line_height--regular", + "value": "var(--vkui--font_media_paragraph--line_height--regular, 28px)", }, }, }, - "fontHeadline2": { + "fontMediaTitle1": { "auto": { "fontFamily": { - "name": "--vkui--font_headline2--font_family", - "value": "var(--vkui--font_headline2--font_family)", + "name": "--vkui--font_media_title1--font_family", + "value": "var(--vkui--font_media_title1--font_family)", }, "fontSize": { - "name": "--vkui--font_headline2--font_size", - "value": "var(--vkui--font_headline2--font_size)", + "name": "--vkui--font_media_title1--font_size", + "value": "var(--vkui--font_media_title1--font_size)", }, "fontWeight": { - "name": "--vkui--font_headline2--font_weight", - "value": "var(--vkui--font_headline2--font_weight)", + "name": "--vkui--font_media_title1--font_weight", + "value": "var(--vkui--font_media_title1--font_weight)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height", - "value": "var(--vkui--font_headline2--line_height)", + "name": "--vkui--font_media_title1--line_height", + "value": "var(--vkui--font_media_title1--line_height)", }, }, - "compact": { + "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_headline2--font_size--compact", - "value": "var(--vkui--font_headline2--font_size--compact, 14px)", + "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_headline2--line_height--compact", - "value": "var(--vkui--font_headline2--line_height--compact, 20px)", + "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_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", + "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_headline2--font_size--regular", - "value": "var(--vkui--font_headline2--font_size--regular, 15px)", + "name": "--vkui--font_media_title2--font_size--regular", + "value": "var(--vkui--font_media_title2--font_size--regular, 24px)", }, "fontWeight": { - "name": "--vkui--font_headline2--font_weight--regular", - "value": "var(--vkui--font_headline2--font_weight--regular, 500)", + "name": "--vkui--font_media_title2--font_weight--regular", + "value": "var(--vkui--font_media_title2--font_weight--regular, 500)", }, "lineHeight": { - "name": "--vkui--font_headline2--line_height--regular", - "value": "var(--vkui--font_headline2--line_height--regular, 20px)", + "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)", }, }, }, @@ -351023,7 +347506,7 @@ 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_paragraph--font_size--regular", @@ -351059,9 +347542,17 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, }, "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, 13px)", + "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", @@ -351071,11 +347562,11 @@ exports[`shapshots todo 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_subhead--font_size--regular", - "value": "var(--vkui--font_subhead--font_size--regular, 14px)", + "value": "var(--vkui--font_subhead--font_size--regular, 13px)", }, "fontWeight": { "name": "--vkui--font_subhead--font_weight--regular", @@ -351109,21 +347600,21 @@ exports[`shapshots todo 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, 16px)", }, "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, 22px)", }, }, "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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_text--font_size--regular", - "value": "var(--vkui--font_text--font_size--regular, 16px)", + "value": "var(--vkui--font_text--font_size--regular, 15px)", }, "fontWeight": { "name": "--vkui--font_text--font_weight--regular", @@ -351157,7 +347648,7 @@ exports[`shapshots todo 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, MailSans, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title1--font_size--regular", @@ -351195,7 +347686,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, MailSans, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title2--font_size--regular", @@ -351233,7 +347724,7 @@ exports[`shapshots todo 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, Arial, sans-serif)", }, "fontSize": { "name": "--vkui--font_title3--font_size--regular", @@ -351255,11 +347746,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "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)", + "value": "var(--vkui--font_weight_accent2, 400)", }, "fontWeightBase1": { "name": "--vkui--font_weight_base1", @@ -351267,95 +347754,113 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "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%)", + "value": "var(--vkui--font_weight_base2, 400)", }, - "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%)", + "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)", }, - "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)", + "pulseColorAccentYellow": { + "active": { + "name": "--vkui--pulse_color_accent_yellow--active", + "value": "var(--vkui--pulse_color_accent_yellow--active, #EBC405)", }, - }, - "sizeArrowHeight": { - "auto": { - "name": "--vkui--size_arrow_height", - "value": "var(--vkui--size_arrow_height)", + "hover": { + "name": "--vkui--pulse_color_accent_yellow--hover", + "value": "var(--vkui--pulse_color_accent_yellow--hover, #F5CC02)", }, - "regular": { - "name": "--vkui--size_arrow_height--regular", - "value": "var(--vkui--size_arrow_height--regular, 8px)", + "normal": { + "name": "--vkui--pulse_color_accent_yellow", + "value": "var(--vkui--pulse_color_accent_yellow, #FFD400)", }, }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "pulseColorBackgroundPurple": { + "active": { + "name": "--vkui--pulse_color_background_purple--active", + "value": "var(--vkui--pulse_color_background_purple--active, #6047D4)", }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "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)", }, }, - "sizeArrowPromo": { - "auto": { - "name": "--vkui--size_arrow_promo", - "value": "var(--vkui--size_arrow_promo)", + "pulseColorOverlayViewer": { + "active": { + "name": "--vkui--pulse_color_overlay_viewer--active", + "value": "var(--vkui--pulse_color_overlay_viewer--active, rgba(0, 0, 0, 0.96))", }, - "regular": { - "name": "--vkui--size_arrow_promo--regular", - "value": "var(--vkui--size_arrow_promo--regular, 40px)", + "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))", }, }, - "sizeArrowWidth": { - "auto": { - "name": "--vkui--size_arrow_width", - "value": "var(--vkui--size_arrow_width)", + "pulseColorPurpleAlpha": { + "active": { + "name": "--vkui--pulse_color_purple_alpha--active", + "value": "var(--vkui--pulse_color_purple_alpha--active, rgba(66, 0, 255, 0.16))", }, - "regular": { - "name": "--vkui--size_arrow_width--regular", - "value": "var(--vkui--size_arrow_width--regular, 12px)", + "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))", }, }, - "sizeAttributeMargin": { - "auto": { - "name": "--vkui--size_attribute_margin", - "value": "var(--vkui--size_attribute_margin)", + "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))", }, - "regular": { - "name": "--vkui--size_attribute_margin--regular", - "value": "var(--vkui--size_attribute_margin--regular, 4px)", + "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": { @@ -351364,7 +347869,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "value": "var(--vkui--size_avatar_l--regular, 60px)", }, }, "sizeAvatarM": { @@ -351374,7 +347879,7 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` }, "regular": { "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "value": "var(--vkui--size_avatar_m--regular, 40px)", }, }, "sizeAvatarS": { @@ -351387,16 +347892,6 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "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", @@ -351407,1415 +347902,1868 @@ exports[`shapshots todo theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "sizeBadgeL": { + "sizeBadge": { "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "name": "--vkui--size_badge", + "value": "var(--vkui--size_badge)", }, "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "name": "--vkui--size_badge--regular", + "value": "var(--vkui--size_badge--regular, 20px)", }, }, - "sizeBadgeM": { + "sizeBorderRadius": { "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", }, "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "sizeBadgeS": { + "sizeBorderRadiusCard": { "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "name": "--vkui--size_border_radius_card", + "value": "var(--vkui--size_border_radius_card)", }, "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "name": "--vkui--size_border_radius_card--regular", + "value": "var(--vkui--size_border_radius_card--regular, 12px)", }, }, - "sizeBadgeXL": { + "sizeBorderRadiusLarge": { "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "name": "--vkui--size_border_radius_large", + "value": "var(--vkui--size_border_radius_large)", }, "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "name": "--vkui--size_border_radius_large--regular", + "value": "var(--vkui--size_border_radius_large--regular, 12px)", }, }, - "sizeBadgeXS": { + "sizeBorderRadiusPill": { "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "name": "--vkui--size_border_radius_pill", + "value": "var(--vkui--size_border_radius_pill)", }, "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "name": "--vkui--size_border_radius_pill--regular", + "value": "var(--vkui--size_border_radius_pill--regular, 100px)", }, }, - "sizeBase": { - "name": "--vkui--size_base", - "value": "var(--vkui--size_base, 4px)", - }, - "sizeBaseMargin": { + "sizeBorderRadiusSmall": { "auto": { - "name": "--vkui--size_base_margin", - "value": "var(--vkui--size_base_margin)", + "name": "--vkui--size_border_radius_small", + "value": "var(--vkui--size_border_radius_small)", }, "regular": { - "name": "--vkui--size_base_margin--regular", - "value": "var(--vkui--size_base_margin--regular, 12px)", + "name": "--vkui--size_border_radius_small--regular", + "value": "var(--vkui--size_border_radius_small--regular, 4px)", }, }, - "sizeBasePadding": { + "sizeButtonCircleLarge": { "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)", + "name": "--vkui--size_button_circle_large", + "value": "var(--vkui--size_button_circle_large)", }, "regular": { - "name": "--vkui--size_base_padding--regular", - "value": "var(--vkui--size_base_padding--regular, 16px)", + "name": "--vkui--size_button_circle_large--regular", + "value": "var(--vkui--size_button_circle_large--regular, 44px)", }, }, - "sizeBasePaddingHorizontal": { + "sizeButtonCircleMedium": { "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "name": "--vkui--size_button_circle_medium", + "value": "var(--vkui--size_button_circle_medium)", }, "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "name": "--vkui--size_button_circle_medium--regular", + "value": "var(--vkui--size_button_circle_medium--regular, 40px)", }, }, - "sizeBasePaddingVertical": { + "sizeButtonCircleSmall": { "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "name": "--vkui--size_button_circle_small", + "value": "var(--vkui--size_button_circle_small)", }, "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "name": "--vkui--size_button_circle_small--regular", + "value": "var(--vkui--size_button_circle_small--regular, 32px)", }, }, - "sizeBorder1x": { + "sizeButtonLargeHeight": { "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 40px)", }, }, - "sizeBorder2x": { + "sizeButtonMediumHeight": { "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", }, "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 32px)", }, }, - "sizeBorder3x": { + "sizeButtonPaddingHorizontal": { "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, - "sizeBorderRadius": { + "sizeButtonPaddingHorizontalLarge": { "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "name": "--vkui--size_button_padding_horizontal_large", + "value": "var(--vkui--size_button_padding_horizontal_large)", }, "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "name": "--vkui--size_button_padding_horizontal_large--regular", + "value": "var(--vkui--size_button_padding_horizontal_large--regular, 16px)", }, }, - "sizeBorderRadiusPaper": { + "sizeButtonSmallHeight": { "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", }, "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 24px)", }, }, - "sizeBorderRadiusPromo": { + "sizeCardgridGapSpaceLarge": { "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "name": "--vkui--size_cardgrid_gap_space_large", + "value": "var(--vkui--size_cardgrid_gap_space_large)", }, "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "name": "--vkui--size_cardgrid_gap_space_large--regular", + "value": "var(--vkui--size_cardgrid_gap_space_large--regular, 20px)", }, }, - "sizeBorderRadiusRounded": { + "sizeCardgridGapSpaceMedium": { "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "name": "--vkui--size_cardgrid_gap_space_medium", + "value": "var(--vkui--size_cardgrid_gap_space_medium)", }, "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "name": "--vkui--size_cardgrid_gap_space_medium--regular", + "value": "var(--vkui--size_cardgrid_gap_space_medium--regular, 16px)", }, }, - "sizeBorderWidthAccent": { + "sizeFieldHeight": { "auto": { - "name": "--vkui--size_border_width_accent", - "value": "var(--vkui--size_border_width_accent)", + "name": "--vkui--size_field_height", + "value": "var(--vkui--size_field_height)", }, "regular": { - "name": "--vkui--size_border_width_accent--regular", - "value": "var(--vkui--size_border_width_accent--regular, 8px)", + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", }, }, - "sizeBorderWidthAccentSecondary": { + "sizeFieldHorizontalPadding": { "auto": { - "name": "--vkui--size_border_width_accent_secondary", - "value": "var(--vkui--size_border_width_accent_secondary)", + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", }, "regular": { - "name": "--vkui--size_border_width_accent_secondary--regular", - "value": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "sizeBorderWidthBar": { + "sizeIconUILarge": { "auto": { - "name": "--vkui--size_border_width_bar", - "value": "var(--vkui--size_border_width_bar)", + "name": "--vkui--size_icon_u_i_large", + "value": "var(--vkui--size_icon_u_i_large)", }, "regular": { - "name": "--vkui--size_border_width_bar--regular", - "value": "var(--vkui--size_border_width_bar--regular, 4px)", + "name": "--vkui--size_icon_u_i_large--regular", + "value": "var(--vkui--size_icon_u_i_large--regular, 20px)", }, }, - "sizeBorderWidthTab": { + "sizeIconUIMedium": { "auto": { - "name": "--vkui--size_border_width_tab", - "value": "var(--vkui--size_border_width_tab)", + "name": "--vkui--size_icon_u_i_medium", + "value": "var(--vkui--size_icon_u_i_medium)", }, "regular": { - "name": "--vkui--size_border_width_tab--regular", - "value": "var(--vkui--size_border_width_tab--regular, 2px)", + "name": "--vkui--size_icon_u_i_medium--regular", + "value": "var(--vkui--size_icon_u_i_medium--regular, 16px)", }, }, - "sizeBulletMargin": { + "sizeListItemHeight": { "auto": { - "name": "--vkui--size_bullet_margin", - "value": "var(--vkui--size_bullet_margin)", + "name": "--vkui--size_list_item_height", + "value": "var(--vkui--size_list_item_height)", }, "regular": { - "name": "--vkui--size_bullet_margin--regular", - "value": "var(--vkui--size_bullet_margin--regular, 12px)", + "name": "--vkui--size_list_item_height--regular", + "value": "var(--vkui--size_list_item_height--regular, 44px)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { + "sizePageHorizontalPadding": { "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "name": "--vkui--size_page_horizontal_padding", + "value": "var(--vkui--size_page_horizontal_padding)", }, "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "name": "--vkui--size_page_horizontal_padding--regular", + "value": "var(--vkui--size_page_horizontal_padding--regular, 16px)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { + "sizePopupLarge": { "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 800px)", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { + "sizePopupMedium": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 360px)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { + "sizeTag": { "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "name": "--vkui--size_tag", + "value": "var(--vkui--size_tag)", }, "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "name": "--vkui--size_tag--regular", + "value": "var(--vkui--size_tag--regular, 24px)", }, }, - "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)", - }, + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, paradigm)", }, - "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)", - }, + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, pulse)", }, - "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)", - }, + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, pulse)", }, - "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)", - }, + "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", }, - "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)", - }, + "colorAccentGray": { + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, - "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)", - }, + "colorAccentGreen": { + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, - "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)", - }, + "colorAccentOrange": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, - "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)", - }, + "colorAccentPurple": { + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, - "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)", - }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, - "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)", - }, + "colorAccentRed": { + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, - "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)", - }, + "colorAccentSecondary": { + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, - "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)", - }, + "colorAccentViolet": { + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, - "sizeButtonSliderWidth": { - "auto": { - "name": "--vkui--size_button_slider_width", - "value": "var(--vkui--size_button_slider_width)", - }, + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", + }, + "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": { - "name": "--vkui--size_button_slider_width--regular", - "value": "var(--vkui--size_button_slider_width--regular, 12px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, }, - "sizeButtonSliderWidthPointer": { - "auto": { - "name": "--vkui--size_button_slider_width_pointer", - "value": "var(--vkui--size_button_slider_width_pointer)", - }, + "fontCaption1Caps": { "regular": { - "name": "--vkui--size_button_slider_width_pointer--regular", - "value": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", + "textTransform": "uppercase", }, }, - "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)", - }, + "fontCaption2": { "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 30px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", - }, + "fontCaption2Caps": { "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", - }, + "fontCaption3": { "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", - }, + "fontCaption3Caps": { "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", - }, + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", + "fontFootnote": { "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", - }, + "fontFootnoteCaps": { "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "18px", + "textTransform": "uppercase", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "fontHeadline1": { + "compact": { + "fontSize": "16px", + "lineHeight": "20px", }, "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "sizeCardBorderRadius": { - "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "fontHeadline2": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 16px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "fontMediaHeader": { + "compact": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "40px", + "lineHeight": "48px", }, "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 12px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "36px", + "fontWeight": 500, + "letterSpacing": "-0.005em", + "lineHeight": "44px", }, }, - "sizeCardgridPaddingVertical": { - "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "fontMediaLead": { + "compact": { + "fontSize": "22px", + "letterSpacing": "-0.003em", + "lineHeight": "32px", }, "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "letterSpacing": "0px", + "lineHeight": "28px", }, }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "fontMediaParagraph": { + "compact": { + "fontSize": "19px", + "fontWeight": 400, + "lineHeight": "32px", }, "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "fontFamily": "Georgia, serif", + "fontSize": "18px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", - }, + "fontMediaTitle1": { "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "36px", }, }, - "sizeChoiceMargin": { - "auto": { - "name": "--vkui--size_choice_margin", - "value": "var(--vkui--size_choice_margin)", - }, + "fontMediaTitle2": { "regular": { - "name": "--vkui--size_choice_margin--regular", - "value": "var(--vkui--size_choice_margin--regular, 8px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "32px", }, }, - "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)", - }, + "fontMediaTitle3": { "regular": { - "name": "--vkui--size_control_button_width_min--regular", - "value": "var(--vkui--size_control_button_width_min--regular, 130px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "28px", }, }, - "sizeDivPadding": { - "auto": { - "name": "--vkui--size_div_padding", - "value": "var(--vkui--size_div_padding)", - }, + "fontParagraph": { "regular": { - "name": "--vkui--size_div_padding--regular", - "value": "var(--vkui--size_div_padding--regular, 4px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "sizeDotBullet": { - "auto": { - "name": "--vkui--size_dot_bullet", - "value": "var(--vkui--size_dot_bullet)", + "fontSubhead": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, "regular": { - "name": "--vkui--size_dot_bullet--regular", - "value": "var(--vkui--size_dot_bullet--regular, 4px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, - "sizeDotClickable": { - "auto": { - "name": "--vkui--size_dot_clickable", - "value": "var(--vkui--size_dot_clickable)", + "fontText": { + "compact": { + "fontSize": "16px", + "lineHeight": "22px", }, "regular": { - "name": "--vkui--size_dot_clickable--regular", - "value": "var(--vkui--size_dot_clickable--regular, 12px)", + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "sizeDotIndicate": { - "auto": { - "name": "--vkui--size_dot_indicate", - "value": "var(--vkui--size_dot_indicate)", - }, + "fontTitle1": { "regular": { - "name": "--vkui--size_dot_indicate--regular", - "value": "var(--vkui--size_dot_indicate--regular, 8px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, - "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, 48px)", - }, + "fontTitle2": { "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 40px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, - "sizeFieldHorizontalMargin": { - "auto": { - "name": "--vkui--size_field_horizontal_margin", - "value": "var(--vkui--size_field_horizontal_margin)", - }, + "fontTitle3": { "regular": { - "name": "--vkui--size_field_horizontal_margin--regular", - "value": "var(--vkui--size_field_horizontal_margin--regular, 20px)", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", }, }, - "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)", - }, + "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", }, - "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)", - }, + "pulseColorBackgroundPurple": { + "active": "#6047D4", + "hover": "#644ADA", + "normal": "#684CE1", }, - "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)", - }, + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", }, - "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)", - }, + "pulseColorPurpleAlpha": { + "active": "rgba(66, 0, 255, 0.16)", + "hover": "rgba(66, 0, 255, 0.12)", + "normal": "rgba(66, 0, 255, 0.08)", }, - "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)", - }, + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.98)", + "hover": "rgba(226, 236, 255, 0.9400000000000001)", + "normal": "rgba(226, 236, 255, 0.9)", }, - "sizeGrid": { - "name": "--vkui--size_grid", - "value": "var(--vkui--size_grid, 20px)", + "pulseZIndexDropdown": "100px", + "pulseZIndexFixed": "120px", + "pulseZIndexModal": "140px", + "pulseZIndexModalBackdrop": "130px", + "pulseZIndexSticky": "110px", + "pulseZIndexTooltip": "150px", + "sizeAvatarL": { + "regular": "60px", }, - "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)", - }, + "sizeAvatarM": { + "regular": "40px", }, - "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)", - }, + "sizeAvatarS": { + "regular": "32px", }, - "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)", - }, + "sizeAvatarXS": { + "regular": "24px", }, - "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)", - }, + "sizeBadge": { + "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)", - }, + "sizeBorderRadius": { + "regular": "8px", }, - "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)", - }, + "sizeBorderRadiusCard": { + "regular": "12px", }, - "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)", - }, + "sizeBorderRadiusLarge": { + "regular": "12px", }, - "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)", - }, + "sizeBorderRadiusPill": { + "regular": "100px", }, - "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)", - }, + "sizeBorderRadiusSmall": { + "regular": "4px", }, - "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)", - }, + "sizeButtonCircleLarge": { + "regular": "44px", }, - "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)", - }, + "sizeButtonCircleMedium": { + "regular": "40px", }, - "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)", - }, + "sizeButtonCircleSmall": { + "regular": "32px", }, - "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)", - }, + "sizeButtonLargeHeight": { + "regular": "40px", }, - "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)", - }, + "sizeButtonMediumHeight": { + "regular": "32px", }, - "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)", - }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", }, - "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)", - }, + "sizeButtonPaddingHorizontalLarge": { + "regular": "16px", }, - "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)", - }, + "sizeButtonSmallHeight": { + "regular": "24px", }, - "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)", - }, + "sizeCardgridGapSpaceLarge": { + "regular": "20px", }, - "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)", - }, + "sizeCardgridGapSpaceMedium": { + "regular": "16px", }, - "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)", - }, + "sizeFieldHeight": { + "regular": "40px", }, - "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)", - }, + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "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)", - }, + "sizeIconUILarge": { + "regular": "20px", }, - "sizeProgress": { - "auto": { - "name": "--vkui--size_progress", - "value": "var(--vkui--size_progress)", - }, - "regular": { - "name": "--vkui--size_progress--regular", - "value": "var(--vkui--size_progress--regular, 4px)", - }, + "sizeIconUIMedium": { + "regular": "16px", }, - "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)", - }, + "sizeListItemHeight": { + "regular": "44px", }, - "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)", - }, + "sizePageHorizontalPadding": { + "regular": "16px", }, - "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)", - }, + "sizePopupLarge": { + "regular": "800px", }, - "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)", - }, + "sizePopupMedium": { + "regular": "360px", }, - "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)", - }, + "sizeTag": { + "regular": "24px", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #989BA4)", + "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", + "normal": "var(--vkui--color_accent_gray, #A5A7AD)", }, - "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)", - }, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #0CB465)", + "hover": "var(--vkui--color_accent_green--hover, #0CBB66)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, - "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)", - }, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9305)", + "hover": "var(--vkui--color_accent_orange--hover, #F59802)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, - "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)", - }, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #815DEF)", + "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, - "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)", - }, + "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)", }, - "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)", - }, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, - "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)", - }, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #EB9305)", + "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, - "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)", - }, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #B257E4)", + "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorBackground": { + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_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)", - }, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #006FEF)", + "hover": "var(--vkui--color_background_accent--hover, #0073F7)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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)", }, - "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)", - }, + "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))", }, - "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)", - }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "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))", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #DA300E)", + "hover": "var(--vkui--color_background_negative--hover, #E4320C)", + "normal": "var(--vkui--color_background_negative, #ED330A)", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "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)", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "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))", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #0CB465)", + "hover": "var(--vkui--color_background_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "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))", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #DDDFE4)", + "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", + "normal": "var(--vkui--color_background_secondary, #F0F1F3)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "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))", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, todo)", + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E2E5E9)", + "hover": "var(--vkui--color_background_tertiary--hover, #ECEEF1)", + "normal": "var(--vkui--color_background_tertiary, #F6F7F8)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, todo)", + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBDFA4)", + "hover": "var(--vkui--color_background_warning--hover, #F5E8A9)", + "normal": "var(--vkui--color_background_warning, #FFF1AD)", }, - "themeType": "cssVars", - "toneValueActive": { - "name": "--vkui--tone_value_active", - "value": "var(--vkui--tone_value_active, 0.08)", + "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))", }, - "toneValueFocus": { - "name": "--vkui--tone_value_focus", - "value": "var(--vkui--tone_value_focus, 0.08)", + "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))", }, - "toneValueHover": { - "name": "--vkui--tone_value_hover", - "value": "var(--vkui--tone_value_hover, 0.04)", + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #FFFFFF)", }, - "toneValueOverlay": { - "name": "--vkui--tone_value_overlay", - "value": "var(--vkui--tone_value_overlay, 0.48)", + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #006FEF)", + "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", + "normal": "var(--vkui--color_icon_accent, #0077ff)", }, - "toneValueToolbar": { - "name": "--vkui--tone_value_toolbar", - "value": "var(--vkui--tone_value_toolbar, 0.24)", + "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)", }, - "toneValueViewer": { - "name": "--vkui--tone_value_viewer", - "value": "var(--vkui--tone_value_viewer, 0.88)", + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, - "typeBorderButton": { - "name": "--vkui--type_border_button", - "value": "var(--vkui--type_border_button, solid)", + "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)", }, - "typeBorderPosition": { - "name": "--vkui--type_border_position", - "value": "var(--vkui--type_border_position, inset)", + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #858992)", + "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", + "normal": "var(--vkui--color_icon_medium, #919399)", }, - "widthDesktopS": { - "name": "--vkui--width_desktop_s", - "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", + "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))", }, - "widthFromDesktopS": { - "name": "--vkui--width_from_desktop_s", - "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #DA300E)", + "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", + "normal": "var(--vkui--color_icon_negative, #ED330a)", }, - "widthToTouch": { - "name": "--vkui--width_to_touch", - "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #0CB465)", + "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, - "widthTouch": { - "name": "--vkui--width_touch", - "value": "var(--vkui--width_touch, "(max-width: 767px)")", + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #282B2F)", + "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_icon_primary, #2C2D2E)", }, - "x0": { - "name": "--vkui--x0", - "value": "var(--vkui--x0, 0px)", + "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)", }, - "x025": { - "name": "--vkui--x025", - "value": "var(--vkui--x025, 1px)", + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #989BA4)", + "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", + "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", }, - "x05": { - "name": "--vkui--x05", - "value": "var(--vkui--x05, 2px)", + "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))", }, - "x1": { - "name": "--vkui--x1", - "value": "var(--vkui--x1, 4px)", + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", + "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", + "normal": "var(--vkui--color_icon_tertiary, #CFD1D6)", }, - "x10": { - "name": "--vkui--x10", - "value": "var(--vkui--x10, 40px)", + "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))", }, - "x12": { - "name": "--vkui--x12", - "value": "var(--vkui--x12, 48px)", + "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))", }, - "x15": { - "name": "--vkui--x15", - "value": "var(--vkui--x15, 60px)", + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #D4D6DD)", + "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", + "normal": "var(--vkui--color_image_placeholder, #E6E7EB)", }, - "x2": { - "name": "--vkui--x2", - "value": "var(--vkui--x2, 8px)", + "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))", }, - "x20": { - "name": "--vkui--x20", - "value": "var(--vkui--x20, 80px)", + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, - "x3": { - "name": "--vkui--x3", - "value": "var(--vkui--x3, 12px)", + "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))", }, - "x4": { - "name": "--vkui--x4", - "value": "var(--vkui--x4, 16px)", + "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)", }, - "x5": { - "name": "--vkui--x5", - "value": "var(--vkui--x5, 20px)", + "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)", }, - "x6": { - "name": "--vkui--x6", - "value": "var(--vkui--x6, 24px)", + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #C9CCD3)", + "hover": "var(--vkui--color_separator_primary--hover, #D1D4D9)", + "normal": "var(--vkui--color_separator_primary, #DADCE0)", }, - "x8": { - "name": "--vkui--x8", - "value": "var(--vkui--x8, 32px)", + "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))", }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #D4D6DD)", + "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", + "normal": "var(--vkui--color_separator_secondary, #E6E7EB)", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #E0E1E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", + "normal": "var(--vkui--color_skeleton_from, #F3F3F5)", }, -} -`; - -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, - }, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #CED0D8)", + "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", + "normal": "var(--vkui--color_skeleton_to, #E0E1E6)", }, - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #006FEF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", + "normal": "var(--vkui--color_stroke_accent, #0077ff)", }, - "colorAccentBlue": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#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)", }, - "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, - "colorAccentGray": { - "active": "#989BA4", - "hover": "#9EA1A9", - "normal": "#A5A7AD", + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #DA300E)", + "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", + "normal": "var(--vkui--color_stroke_negative, #ED330a)", }, - "colorAccentGreen": { - "active": "#0CB465", - "hover": "#0CBB66", - "normal": "#0DC268", + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #0CB465)", + "hover": "var(--vkui--color_stroke_positive--hover, #0CBB66)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, - "colorAccentLime": { - "active": "#A9E971", - "hover": "#B1F373", - "normal": "#B8FC75", + "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", }, - "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", @@ -352851,11 +349799,6 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "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", @@ -352876,76 +349819,31 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "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)", + "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", }, - "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", - }, "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", @@ -352957,44 +349855,19 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "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)", + "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", }, - "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": "rgba(13, 194, 104, 0.18)", + "hover": "rgba(13, 194, 104, 0.14)", + "normal": "rgba(13, 194, 104, 0.1)", }, "colorBackgroundSecondary": { "active": "#DDDFE4", @@ -353006,80 +349879,20 @@ exports[`shapshots todo 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, 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", + "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)", @@ -353106,11 +349919,6 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#F5F5F7", "normal": "#FFFFFF", }, - "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", - }, "colorIconContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", @@ -353166,11 +349974,6 @@ exports[`shapshots todo 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)", @@ -353192,50 +349995,25 @@ exports[`shapshots todo 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.4)", - }, - "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "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", }, - "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)", @@ -353281,11 +350059,6 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#0CBB66", "normal": "#0DC268", }, - "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", - }, "colorTextAccent": { "active": "#0068E2", "hover": "#006CE9", @@ -353316,11 +350089,6 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#006CE9", "normal": "#0070f0", }, - "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71AAEB", - }, "colorTextLinkVisited": { "active": "#4B85D2", "hover": "#4F8AD9", @@ -353346,11 +350114,6 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#2A2C2F", "normal": "#2C2D2E", }, - "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", - }, "colorTextPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", @@ -353361,11 +350124,6 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "hover": "#82848C", "normal": "#87898F", }, - "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", - }, "colorTextSubhead": { "active": "#6F727B", "hover": "#74767D", @@ -353376,51 +350134,6 @@ exports[`shapshots todo 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", @@ -353446,34 +350159,27 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` "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 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 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": "Helvetica, Arial, sans-serif", - "fontSize": "12px", + "fontFamily": "Arial, sans-serif", + "fontSize": 12, "fontWeight": 400, "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "12px", + "fontFamily": "Arial, sans-serif", + "fontSize": 12, "fontWeight": 400, "letterSpacing": "0.26px", "lineHeight": "16px", @@ -353482,16 +350188,16 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", + "fontFamily": "Arial, sans-serif", + "fontSize": 11, "fontWeight": 400, "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "11px", + "fontFamily": "Arial, sans-serif", + "fontSize": 11, "fontWeight": 400, "letterSpacing": "0.22px", "lineHeight": "14px", @@ -353500,17472 +350206,20534 @@ exports[`shapshots todo theme should match pixelify theme snapshot 1`] = ` }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", + "fontFamily": "Arial, sans-serif", + "fontSize": 9, "fontWeight": 400, "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "9px", + "fontFamily": "Arial, sans-serif", + "fontSize": 9, "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", + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "13px", + "fontFamily": "Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, "letterSpacing": "0.3px", "lineHeight": "18px", "textTransform": "uppercase", }, }, - "fontH0": { + "fontHeadline1": { "compact": { - "fontSize": "44px", - "lineHeight": "52px", + "fontSize": 16, + "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "28px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "32px", + "lineHeight": "20px", }, }, - "fontH1": { + "fontHeadline2": { "compact": { - "fontSize": "32px", - "lineHeight": "36px", + "fontSize": 15, + "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 14, "fontWeight": 500, - "lineHeight": "28px", + "lineHeight": "20px", }, }, - "fontH2": { + "fontMediaHeader": { "compact": { - "fontSize": "28px", - "lineHeight": "32px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 40, + "lineHeight": "48px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 36, "fontWeight": 500, - "lineHeight": "26px", + "letterSpacing": "-0.005em", + "lineHeight": "44px", }, }, - "fontHeadline": { + "fontMediaLead": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 22, + "letterSpacing": "-0.003em", + "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 19, "fontWeight": 500, - "lineHeight": "20px", + "letterSpacing": 0, + "lineHeight": "28px", }, }, - "fontHeadline1": { + "fontMediaParagraph": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 19, + "fontWeight": 400, + "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "Georgia, serif", + "fontSize": 18, + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 28, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": "36px", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": "32px", }, + }, + "fontMediaTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": "28px", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "15px", + "fontFamily": "Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, "lineHeight": "20px", }, }, "fontSubhead": { "compact": { - "fontSize": "13px", + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "14px", + "fontFamily": "Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 16, + "lineHeight": "22px", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": "16px", + "fontFamily": "Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "24px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 24, "fontWeight": 500, "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "20px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 20, "fontWeight": 500, "lineHeight": "26px", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": "17px", + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 17, "fontWeight": 500, "lineHeight": "22px", }, }, "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, + "fontWeightAccent2": 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%", + "fontWeightBase2": 400, + "gradientSkeleton": "linear-gradient(110deg, #E9E9E9, #F5F5F5)", "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "sizeArrow": { - "regular": "8px", - }, - "sizeArrowHeight": { - "regular": "8px", - }, - "sizeArrowPadding": { - "regular": "12px", + "prefix": "vkui", + "pulseColorAccentYellow": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#FFD400", }, - "sizeArrowPromo": { - "regular": "40px", + "pulseColorBackgroundPurple": { + "active": "#6047D4", + "hover": "#644ADA", + "normal": "#684CE1", }, - "sizeArrowWidth": { - "regular": "12px", + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", }, - "sizeAttributeMargin": { - "regular": "4px", + "pulseColorPurpleAlpha": { + "active": "rgba(66, 0, 255, 0.16)", + "hover": "rgba(66, 0, 255, 0.12)", + "normal": "rgba(66, 0, 255, 0.08)", }, - "sizeAvatarL": { - "regular": "96px", + "pulseColorWhiteBlueAlpha": { + "active": "rgba(226, 236, 255, 0.98)", + "hover": "rgba(226, 236, 255, 0.9400000000000001)", + "normal": "rgba(226, 236, 255, 0.9)", }, - "sizeAvatarM": { - "regular": "48px", + "pulseZIndexDropdown": 100, + "pulseZIndexFixed": 120, + "pulseZIndexModal": 140, + "pulseZIndexModalBackdrop": 130, + "pulseZIndexSticky": 110, + "pulseZIndexTooltip": 150, + "sizeAvatarL": { + "regular": 60, }, - "sizeAvatarS": { - "regular": "32px", + "sizeAvatarM": { + "regular": 40, }, - "sizeAvatarXL": { - "regular": "128px", + "sizeAvatarS": { + "regular": 32, }, "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", + "regular": 24, }, - "sizeBorder3x": { - "regular": "0.33px", + "sizeBadge": { + "regular": 20, }, "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", + "regular": 8, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "sizeBorderRadiusCard": { + "regular": 12, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "sizeBorderRadiusLarge": { + "regular": 12, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "sizeBorderRadiusPill": { + "regular": 100, }, - "sizeButtonGroupGapMedium": { - "regular": "12px", + "sizeBorderRadiusSmall": { + "regular": 4, }, - "sizeButtonGroupGapSmall": { - "regular": "8px", + "sizeButtonCircleLarge": { + "regular": 44, }, - "sizeButtonGroupGapSpace": { - "regular": "1px", + "sizeButtonCircleMedium": { + "regular": 40, }, - "sizeButtonIconPadding": { - "compact": "20px", - "regular": "16px", + "sizeButtonCircleSmall": { + "regular": 32, }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "regular": 40, }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", - }, - "sizeButtonMinimumWidth": { - "regular": "80px", - }, - "sizeButtonMorePadding": { - "regular": "8px", + "regular": 32, }, "sizeButtonPaddingHorizontal": { - "compact": "16px", - "regular": "20px", - }, - "sizeButtonSliderHeight": { - "regular": "24px", - }, - "sizeButtonSliderWidth": { - "regular": "12px", + "regular": 12, }, - "sizeButtonSliderWidthPointer": { - "regular": "16px", + "sizeButtonPaddingHorizontalLarge": { + "regular": 16, }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", - }, - "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", - }, - "sizeControlButtonWidthMin": { - "compact": "104px", - "regular": "130px", - }, - "sizeDivPadding": { - "regular": "4px", - }, - "sizeDotBullet": { - "regular": "4px", + "regular": 24, }, - "sizeDotClickable": { - "regular": "12px", + "sizeCardgridGapSpaceLarge": { + "regular": 20, }, - "sizeDotIndicate": { - "regular": "8px", + "sizeCardgridGapSpaceMedium": { + "regular": 16, }, "sizeFieldHeight": { - "compact": "48px", - "regular": "40px", - }, - "sizeFieldHorizontalMargin": { - "regular": "20px", + "regular": 40, }, "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", + "regular": 12, }, - "sizeOptionHierarchy": { - "regular": "32px", + "sizeIconUILarge": { + "regular": 20, }, - "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "sizeIconUIMedium": { + "regular": 16, }, - "sizePopupBasePadding": { - "compact": "32px", - "regular": "20px", + "sizeListItemHeight": { + "regular": 44, }, - "sizePopupHeaderPadding": { - "compact": "24px", - "regular": "16px", + "sizePageHorizontalPadding": { + "regular": 16, }, "sizePopupLarge": { - "regular": "880px", - }, - "sizePopupMargin": { - "compact": "24px", - "regular": "8px", + "regular": 800, }, "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", + "regular": 360, }, - "sizeWysiwygIcon": { - "regular": "14px", + "sizeTag": { + "regular": 24, }, - "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, + "themeInheritsFrom": "paradigm", + "themeName": "pulse", + "themeNameBase": "pulse", + "themeType": "root", } `; -exports[`shapshots todo theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots pulseDark theme should match cssVars 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))", - "breakpoints": { - "desktopS": { - "adaptiveValue": "compact", - "breakpoint": 768, - }, - "touch": { - "adaptiveValue": "regular", - "breakpoint": 0, - }, + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #006FEF)", - "hover": "var(--vkui--color_accent_blue--hover, #0073F7)", - "normal": "var(--vkui--color_accent_blue, #0077FF)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #06D4EA)", - "hover": "var(--vkui--color_accent_cyan--hover, #07DCF1)", - "normal": "var(--vkui--color_accent_cyan, #07E5F9)", + "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": "var(--vkui--color_accent_gray--active, #989BA4)", - "hover": "var(--vkui--color_accent_gray--hover, #9EA1A9)", - "normal": "var(--vkui--color_accent_gray, #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": "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)", + "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": "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)", + "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": "var(--vkui--color_accent_purple--active, #815DEF)", - "hover": "var(--vkui--color_accent_purple--hover, #8661F7)", - "normal": "var(--vkui--color_accent_purple, #8C64FF)", + "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": "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": { + "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": "var(--vkui--color_accent_red--active, #DA300E)", - "hover": "var(--vkui--color_accent_red--hover, #E4320C)", - "normal": "var(--vkui--color_accent_red, #ED330A)", + "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": "var(--vkui--color_accent_secondary--active, #EB9305)", - "hover": "var(--vkui--color_accent_secondary--hover, #F59802)", - "normal": "var(--vkui--color_accent_secondary, #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": "var(--vkui--color_accent_violet--active, #B257E4)", - "hover": "var(--vkui--color_accent_violet--hover, #B95AEC)", - "normal": "var(--vkui--color_accent_violet, #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": "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)", + "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": "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))", + "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": "var(--vkui--color_background--active, #EBECEF)", - "hover": "var(--vkui--color_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_background, #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": "var(--vkui--color_background_accent--active, #006FEF)", - "hover": "var(--vkui--color_background_accent--hover, #0073F7)", - "normal": "var(--vkui--color_background_accent, #0077FF)", + "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": "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": { + "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": "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)", + "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": "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))", + "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": "var(--vkui--color_background_content--active, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", - }, - "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #202126)", - "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", - "normal": "var(--vkui--color_background_content_inverse, #232324)", + "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": "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)", + "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": "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)", + "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": "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)", + "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": "var(--vkui--color_background_negative--active, #DA300E)", - "hover": "var(--vkui--color_background_negative--hover, #E4320C)", - "normal": "var(--vkui--color_background_negative, #ED330A)", + "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": "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)", + "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": "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))", + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_background_secondary--active, #DDDFE4)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E8EC)", - "normal": "var(--vkui--color_background_secondary, #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": "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))", + "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": "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))", + "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": "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)", + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_header_background--active, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #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": "var(--vkui--color_icon_accent--active, #006FEF)", - "hover": "var(--vkui--color_icon_accent--hover, #0073F7)", - "normal": "var(--vkui--color_icon_accent, #0077ff)", + "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": "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)", + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_icon_medium--active, #858992)", - "hover": "var(--vkui--color_icon_medium--hover, #8B8E95)", - "normal": "var(--vkui--color_icon_medium, #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": "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": { + "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": "var(--vkui--color_icon_negative--active, #DA300E)", - "hover": "var(--vkui--color_icon_negative--hover, #E4320C)", - "normal": "var(--vkui--color_icon_negative, #ED330a)", + "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": "var(--vkui--color_icon_positive--active, #0CB465)", - "hover": "var(--vkui--color_icon_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_icon_positive, #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": "var(--vkui--color_icon_primary--active, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2C2D2E)", + "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": "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": { + "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": "var(--vkui--color_icon_secondary--active, #989BA4)", - "hover": "var(--vkui--color_icon_secondary--hover, #9EA1A9)", - "normal": "var(--vkui--color_icon_secondary, #A5A7AD)", + "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": "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": { + "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": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", - "hover": "var(--vkui--color_icon_tertiary--hover, #C7C9D0)", - "normal": "var(--vkui--color_icon_tertiary, #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": "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)", + "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": "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": { + "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": "var(--vkui--color_image_placeholder--active, #D4D6DD)", - "hover": "var(--vkui--color_image_placeholder--hover, #DDDEE4)", - "normal": "var(--vkui--color_image_placeholder, #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": "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": { + "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": "var(--vkui--color_link_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_link_contrast, #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": "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))", + "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": "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)", + "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": "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)", + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_separator_secondary--active, #D4D6DD)", - "hover": "var(--vkui--color_separator_secondary--hover, #DDDEE4)", - "normal": "var(--vkui--color_separator_secondary, #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": "var(--vkui--color_skeleton_from--active, #E0E1E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E9EAEE)", - "normal": "var(--vkui--color_skeleton_from, #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": "var(--vkui--color_skeleton_to--active, #CED0D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D7D9DF)", - "normal": "var(--vkui--color_skeleton_to, #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": "var(--vkui--color_stroke_accent--active, #006FEF)", - "hover": "var(--vkui--color_stroke_accent--hover, #0073F7)", - "normal": "var(--vkui--color_stroke_accent, #0077ff)", + "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": "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)", + "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": "var(--vkui--color_stroke_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_stroke_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_stroke_contrast, #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": "var(--vkui--color_stroke_negative--active, #DA300E)", - "hover": "var(--vkui--color_stroke_negative--hover, #E4320C)", - "normal": "var(--vkui--color_stroke_negative, #ED330a)", + "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": "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)", + "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": "var(--vkui--color_text_accent--active, #0068E2)", - "hover": "var(--vkui--color_text_accent--hover, #006CE9)", - "normal": "var(--vkui--color_text_accent, #0070f0)", + "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": "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)", + "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": "var(--vkui--color_text_contrast--active, #EBECEF)", - "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_contrast, #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": "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": { + "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": "var(--vkui--color_text_link--active, #0068E2)", - "hover": "var(--vkui--color_text_link--hover, #006CE9)", - "normal": "var(--vkui--color_text_link, #0070f0)", + "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": "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)", + "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": "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": { + "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": "var(--vkui--color_text_muted--active, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #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": "var(--vkui--color_text_negative--active, #DA300E)", - "hover": "var(--vkui--color_text_negative--hover, #E4320C)", - "normal": "var(--vkui--color_text_negative, #ED330a)", + "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": "var(--vkui--color_text_positive--active, #0CB465)", - "hover": "var(--vkui--color_text_positive--hover, #0CBB66)", - "normal": "var(--vkui--color_text_positive, #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": "var(--vkui--color_text_primary--active, #282B2F)", - "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_primary, #2C2D2E)", - }, - "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "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": "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": { + "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": "var(--vkui--color_text_secondary--active, #7C7F88)", - "hover": "var(--vkui--color_text_secondary--hover, #82848C)", - "normal": "var(--vkui--color_text_secondary, #87898F)", - }, - "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "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": "var(--vkui--color_text_subhead--active, #6F727B)", - "hover": "var(--vkui--color_text_subhead--hover, #74767D)", - "normal": "var(--vkui--color_text_subhead, #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": "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": { + "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": "var(--vkui--color_track_background--active, #C9CCD3)", - "hover": "var(--vkui--color_track_background--hover, #D1D4D9)", - "normal": "var(--vkui--color_track_background, #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": "var(--vkui--color_track_buffer--active, #799EDC)", - "hover": "var(--vkui--color_track_buffer--hover, #7EA4E3)", - "normal": "var(--vkui--color_track_buffer, #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": "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": { + "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": "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 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, 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)", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #1482FF)", }, - }, - "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)", + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0A7CFF)", }, - }, - "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)", + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077FF)", }, }, - "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)", + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3B3B3C)", }, - }, - "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)", + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #333333)", }, - }, - "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)", + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2A2A2B)", }, }, - "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)", + "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))", }, - }, - "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)", + "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))", }, - "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)", + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", }, }, - "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)", + "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)", + }, }, }, - "fontDisplayTitle4": { + "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": "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": { + "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)", + }, }, }, - "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": { + "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": "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": { + "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)", + }, }, }, - "fontFootnoteCaps": { + "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": "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": { + "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)", + }, }, }, - "fontH0": { - "compact": { - "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", - "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", + "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": "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": { + "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)", + }, }, }, - "fontH1": { - "compact": { - "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", - "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + "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": "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": { + "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)", + }, }, }, - "fontH2": { - "compact": { - "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", - "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", + "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": "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": { + "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)", + }, }, }, - "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 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": "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": { + "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": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "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": "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": { + "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": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "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": "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": { + "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)", + }, }, }, - "fontParagraph": { + "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": "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": { + "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)", + }, }, }, - "fontSubhead": { + "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": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 18px)", + "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": "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": { + "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)", + }, }, }, - "fontText": { + "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": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "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": "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": { + "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)", + }, }, }, - "fontTitle1": { + "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": "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": { + "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)", + }, }, }, - "fontTitle2": { + "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": "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": { + "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)", + }, }, }, - "fontTitle3": { + "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": "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": { + "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)", + }, }, }, - "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": "var(--vkui--size_arrow--regular, 8px)", + "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)", + }, + }, }, - "sizeArrowHeight": { - "regular": "var(--vkui--size_arrow_height--regular, 8px)", + "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)", + }, + }, }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--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)", + }, + }, + "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)", + }, + }, }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "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)", + }, + }, }, - "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)", + "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)", + }, + }, }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--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)", + }, + }, + "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)", + }, + }, }, - "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", }, - "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 400)", }, - "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", }, - "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 400)", }, - "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "gradientSkeleton": { + "name": "--vkui--gradient_skeleton", + "value": "var(--vkui--gradient_skeleton, linear-gradient(110deg, #292929, #383838))", }, - "sizeBase": "var(--vkui--size_base, 4px)", - "sizeBaseMargin": { - "regular": "var(--vkui--size_base_margin--regular, 12px)", + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", }, - "sizeBasePadding": { - "compact": "var(--vkui--size_base_padding--compact, 20px)", - "regular": "var(--vkui--size_base_padding--regular, 16px)", + "prefix": { + "name": "--vkui--prefix", + "value": "var(--vkui--prefix, vkui)", }, - "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "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)", + }, }, - "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "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)", + }, }, - "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "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))", + }, }, - "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "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))", + }, }, - "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "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))", + }, }, - "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "pulseZIndexDropdown": { + "name": "--vkui--pulse_z_index_dropdown", + "value": "var(--vkui--pulse_z_index_dropdown, 100px)", }, - "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "pulseZIndexFixed": { + "name": "--vkui--pulse_z_index_fixed", + "value": "var(--vkui--pulse_z_index_fixed, 120px)", }, - "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "pulseZIndexModal": { + "name": "--vkui--pulse_z_index_modal", + "value": "var(--vkui--pulse_z_index_modal, 140px)", }, - "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "pulseZIndexModalBackdrop": { + "name": "--vkui--pulse_z_index_modal_backdrop", + "value": "var(--vkui--pulse_z_index_modal_backdrop, 130px)", }, - "sizeBorderWidthAccent": { - "regular": "var(--vkui--size_border_width_accent--regular, 8px)", + "pulseZIndexSticky": { + "name": "--vkui--pulse_z_index_sticky", + "value": "var(--vkui--pulse_z_index_sticky, 110px)", }, - "sizeBorderWidthAccentSecondary": { - "regular": "var(--vkui--size_border_width_accent_secondary--regular, 8px)", + "pulseZIndexTooltip": { + "name": "--vkui--pulse_z_index_tooltip", + "value": "var(--vkui--pulse_z_index_tooltip, 150px)", }, - "sizeBorderWidthBar": { - "regular": "var(--vkui--size_border_width_bar--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, 60px)", + }, }, - "sizeBorderWidthTab": { - "regular": "var(--vkui--size_border_width_tab--regular, 2px)", + "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)", + }, }, - "sizeBulletMargin": { - "regular": "var(--vkui--size_bullet_margin--regular, 12px)", + "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)", + }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "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)", + }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "sizeBadge": { + "auto": { + "name": "--vkui--size_badge", + "value": "var(--vkui--size_badge)", + }, + "regular": { + "name": "--vkui--size_badge--regular", + "value": "var(--vkui--size_badge--regular, 20px)", + }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "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)", + }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "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)", + }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--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)", + }, }, - "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "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)", + }, }, - "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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)", + }, }, - "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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)", + }, }, - "sizeButtonIconPadding": { - "compact": "var(--vkui--size_button_icon_padding--compact, 20px)", - "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", + "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": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--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, 40px)", + }, }, "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)", + "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": { - "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)", + "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)", + }, }, - "sizeButtonSliderWidthPointer": { - "regular": "var(--vkui--size_button_slider_width_pointer--regular, 16px)", + "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": { - "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)", + "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)", + }, }, - "sizeDotClickable": { - "regular": "var(--vkui--size_dot_clickable--regular, 12px)", + "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)", + }, }, - "sizeDotIndicate": { - "regular": "var(--vkui--size_dot_indicate--regular, 8px)", + "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": { - "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)", + "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": { - "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)", + "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)", + }, }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "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)", + }, }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "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)", + }, }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", + "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)", + }, }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", + "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": { - "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)", + "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": { - "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)", + "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)", + }, }, - "sizeTipMargin": { - "regular": "var(--vkui--size_tip_margin--regular, 4px)", + "sizeTag": { + "auto": { + "name": "--vkui--size_tag", + "value": "var(--vkui--size_tag)", + }, + "regular": { + "name": "--vkui--size_tag--regular", + "value": "var(--vkui--size_tag--regular, 24px)", + }, }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, paradigm)", }, - "sizeVerticalPadding": { - "regular": "var(--vkui--size_vertical_padding--regular, 0px)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, pulseDark)", }, - "sizeWysiwygIcon": { - "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, pulse)", }, - "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)", + "themeType": "cssVars", } `; -exports[`shapshots todo theme should match root theme snapshot 1`] = ` +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)", - "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorAccentCyan": { - "active": "#06D4EA", - "hover": "#07DCF1", - "normal": "#07E5F9", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, "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", - "normal": "#B8FC75", - }, "colorAccentOrange": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "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", + "active": "#9570FF", + "hover": "#916AFF", "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#E03FAB", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#F060C0", }, "colorAccentRed": { - "active": "#DA300E", - "hover": "#E4320C", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "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)", - }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "active": "rgba(176, 178, 182, 0.56)", + "hover": "rgba(176, 178, 182, 0.52)", + "normal": "rgba(176, 178, 182, 0.48)", }, "colorBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, "colorBackgroundAccent": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#EB9305", - "hover": "#F59802", + "active": "#FFA614", + "hover": "#FFA20A", "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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)", + "active": "rgba(0, 95, 249, 0.36)", + "hover": "rgba(0, 95, 249, 0.32)", + "normal": "rgba(0, 95, 249, 0.28)", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundContentInverse": { - "active": "#202126", - "hover": "#222225", + "active": "#353536", + "hover": "#2C2C2D", "normal": "#232324", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "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", + "active": "#414141", + "hover": "#383838", "normal": "#303030", }, "colorBackgroundNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330A", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EADDDD", - "hover": "#F4E6E4", - "normal": "#FEEFEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, "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)", + "active": "rgba(237, 10, 52, 0.36)", + "hover": "rgba(237, 10, 52, 0.32)", + "normal": "rgba(237, 10, 52, 0.28)", }, "colorBackgroundPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "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)", + "active": "rgba(13, 194, 104, 0.36)", + "hover": "rgba(13, 194, 104, 0.32)", + "normal": "rgba(13, 194, 104, 0.28)", }, "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)", - }, - "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)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "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)", + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundWarning": { - "active": "#EBDFA4", - "hover": "#F5E8A9", - "normal": "#FFF1AD", - }, - "colorBackgroundWarningTint": { - "active": "#EBE9D3", - "hover": "#F5F3D9", - "normal": "#fffce0", + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, "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", + "active": "rgba(255, 158, 0, 0.36)", + "hover": "rgba(255, 158, 0, 0.32)", + "normal": "rgba(255, 158, 0, 0.28)", }, "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "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)", - }, - "colorIconWarning": { - "active": "#EB9305", - "hover": "#F59802", - "normal": "#FF9E00", + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "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)", - }, - "colorOverlaySecondary": { - "active": "rgba(44, 45, 46, 0.58)", - "hover": "rgba(44, 45, 46, 0.54)", - "normal": "rgba(44, 45, 46, 0.5)", + "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", - }, - "colorRating": { - "active": "#EBC405", - "hover": "#F5CC02", - "normal": "#ffd400", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorSearchFieldBackground": { - "active": "#D4D6DD", - "hover": "#DDDEE4", - "normal": "#E6E7EB", - }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSeparatorPrimary": { - "active": "#C9CCD3", - "hover": "#D1D4D9", - "normal": "#DADCE0", - }, - "colorSeparatorPrimary2x": { - "active": "#BDC1C9", - "hover": "#C5C8CF", - "normal": "#CDD0D5", - }, - "colorSeparatorPrimary3x": { - "active": "#B0B5BF", - "hover": "#B7BCC4", - "normal": "#BFC3CA", + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, - "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", - }, "colorTextAccent": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextAccentThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "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": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", + "active": "#2C8FFF", + "hover": "#238AFF", + "normal": "#1A85FF", }, "colorTextLinkThemed": { - "active": "#0068E2", - "hover": "#006CE9", - "normal": "#0070f0", - }, - "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71AAEB", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#DA300E", - "hover": "#E4320C", - "normal": "#ED330a", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#0CB465", - "hover": "#0CBB66", + "active": "#20C774", + "hover": "#17C46E", "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "#E9EAEC", + "hover": "#E8E9EB", + "normal": "#E7E8EA", }, "colorTextPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#7C7F88", - "hover": "#82848C", - "normal": "#87898F", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "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", - }, - "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": "#7F8185", + "hover": "#7A7B7F", + "normal": "#74767A", }, "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.12)", + "hover": "rgba(255, 255, 255, 0.08)", "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorWriteBarInputBackground": { - "active": "#DDDFE4", - "hover": "#E6E8EC", - "normal": "#F0F1F3", - }, - "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "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)", + "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": "Helvetica, Arial, sans-serif", - "fontSize": 12, + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", "fontWeight": 400, - "lineHeight": 16, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 12, + "fontFamily": "Arial, sans-serif", + "fontSize": "12px", "fontWeight": 400, "letterSpacing": "0.26px", - "lineHeight": 16, + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 11, + "fontFamily": "Arial, sans-serif", + "fontSize": "11px", "fontWeight": 400, "letterSpacing": "0.22px", - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", "fontWeight": 400, - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 9, + "fontFamily": "Arial, sans-serif", + "fontSize": "9px", "fontWeight": 400, "letterSpacing": "0.16px", - "lineHeight": 12, + "lineHeight": "12px", "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", + "fontFamilyAccent": "MailSans, Arial, sans-serif", + "fontFamilyBase": "Arial, sans-serif", + "fontFamilyMedia": "Georgia, serif", "fontFootnote": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 13, + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, "letterSpacing": "0.3px", - "lineHeight": 18, + "lineHeight": "18px", "textTransform": "uppercase", }, }, - "fontH0": { + "fontHeadline1": { "compact": { - "fontSize": 44, - "lineHeight": 52, + "fontSize": "16px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 28, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 32, + "lineHeight": "20px", }, }, - "fontH1": { + "fontHeadline2": { "compact": { - "fontSize": 32, - "lineHeight": 36, + "fontSize": "15px", + "lineHeight": "20px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "14px", "fontWeight": 500, - "lineHeight": 28, + "lineHeight": "20px", }, }, - "fontH2": { + "fontMediaHeader": { "compact": { - "fontSize": 28, - "lineHeight": 32, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "40px", + "lineHeight": "48px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "36px", "fontWeight": 500, - "lineHeight": 26, + "letterSpacing": "-0.005em", + "lineHeight": "44px", }, }, - "fontHeadline": { + "fontMediaLead": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "22px", + "letterSpacing": "-0.003em", + "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "19px", "fontWeight": 500, - "lineHeight": 20, + "letterSpacing": "0px", + "lineHeight": "28px", }, }, - "fontHeadline1": { + "fontMediaParagraph": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "19px", + "fontWeight": 400, + "lineHeight": "32px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "Georgia, serif", + "fontSize": "18px", + "fontWeight": 400, + "letterSpacing": "0.003em", + "lineHeight": "28px", + }, + }, + "fontMediaTitle1": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "28px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "36px", }, }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, + "fontMediaTitle2": { + "regular": { + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "32px", }, + }, + "fontMediaTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "28px", }, }, "fontParagraph": { "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontSubhead": { "compact": { - "fontSize": 13, - "lineHeight": 18, + "fontFamily": "Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "18px", }, }, "fontText": { "compact": { - "fontSize": 15, - "lineHeight": 20, + "fontSize": "16px", + "lineHeight": "22px", }, "regular": { - "fontFamily": "Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 24, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "24px", "fontWeight": 500, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 20, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "20px", "fontWeight": 500, - "lineHeight": 26, + "lineHeight": "26px", }, }, "fontTitle3": { "regular": { - "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", - "fontSize": 17, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": "17px", "fontWeight": 500, - "lineHeight": 22, + "lineHeight": "22px", }, }, "fontWeightAccent1": 500, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, + "fontWeightAccent2": 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%", + "fontWeightBase2": 400, + "gradientSkeleton": "linear-gradient(110deg, #292929, #383838)", "opacityDisable": 0.48, - "opacityDisableAccessibility": 0.64, - "sizeArrow": { - "regular": 8, - }, - "sizeArrowHeight": { - "regular": 8, + "prefix": "vkui", + "pulseColorAccentYellow": { + "active": "#FFD714", + "hover": "#FFD60A", + "normal": "#FFD400", }, - "sizeArrowPadding": { - "regular": 12, + "pulseColorBackgroundPurple": { + "active": "#846DEA", + "hover": "#7E66E9", + "normal": "#7960E8", }, - "sizeArrowPromo": { - "regular": 40, + "pulseColorOverlayViewer": { + "active": "rgba(0, 0, 0, 0.96)", + "hover": "rgba(0, 0, 0, 0.92)", + "normal": "rgba(0, 0, 0, 0.88)", }, - "sizeArrowWidth": { - "regular": 12, + "pulseColorPurpleAlpha": { + "active": "rgba(234, 226, 255, 0.2)", + "hover": "rgba(234, 226, 255, 0.16)", + "normal": "rgba(234, 226, 255, 0.12)", }, - "sizeAttributeMargin": { - "regular": 4, + "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": 96, + "regular": "60px", }, "sizeAvatarM": { - "regular": 48, + "regular": "40px", }, "sizeAvatarS": { - "regular": 32, - }, - "sizeAvatarXL": { - "regular": 128, + "regular": "32px", }, "sizeAvatarXS": { - "regular": 24, - }, - "sizeBadgeL": { - "regular": 44, + "regular": "24px", }, - "sizeBadgeM": { - "regular": 24, + "sizeBadge": { + "regular": "20px", }, - "sizeBadgeS": { - "regular": 16, + "sizeBorderRadius": { + "regular": "8px", }, - "sizeBadgeXL": { - "regular": 56, + "sizeBorderRadiusCard": { + "regular": "12px", }, - "sizeBadgeXS": { - "regular": 12, + "sizeBorderRadiusLarge": { + "regular": "12px", }, - "sizeBase": 4, - "sizeBaseMargin": { - "regular": 12, + "sizeBorderRadiusPill": { + "regular": "100px", }, - "sizeBasePadding": { - "compact": 20, - "regular": 16, + "sizeBorderRadiusSmall": { + "regular": "4px", }, - "sizeBasePaddingHorizontal": { - "regular": 16, + "sizeButtonCircleLarge": { + "regular": "44px", }, - "sizeBasePaddingVertical": { - "regular": 12, + "sizeButtonCircleMedium": { + "regular": "40px", }, - "sizeBorder1x": { - "regular": 1, + "sizeButtonCircleSmall": { + "regular": "32px", }, - "sizeBorder2x": { - "regular": 0.5, + "sizeButtonLargeHeight": { + "regular": "40px", }, - "sizeBorder3x": { - "regular": 0.33, + "sizeButtonMediumHeight": { + "regular": "32px", }, - "sizeBorderRadius": { - "regular": 8, + "sizeButtonPaddingHorizontal": { + "regular": "12px", }, - "sizeBorderRadiusPaper": { - "regular": 12, + "sizeButtonPaddingHorizontalLarge": { + "regular": "16px", }, - "sizeBorderRadiusPromo": { - "regular": 20, + "sizeButtonSmallHeight": { + "regular": "24px", }, - "sizeBorderRadiusRounded": { - "regular": 48, + "sizeCardgridGapSpaceLarge": { + "regular": "20px", }, - "sizeBorderWidthAccent": { - "regular": 8, + "sizeCardgridGapSpaceMedium": { + "regular": "16px", }, - "sizeBorderWidthAccentSecondary": { - "regular": 8, + "sizeFieldHeight": { + "regular": "40px", }, - "sizeBorderWidthBar": { - "regular": 4, + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "sizeBorderWidthTab": { - "regular": 2, + "sizeIconUILarge": { + "regular": "20px", }, - "sizeBulletMargin": { - "regular": 12, + "sizeIconUIMedium": { + "regular": "16px", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "sizeListItemHeight": { + "regular": "44px", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "sizePageHorizontalPadding": { + "regular": "16px", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "sizePopupLarge": { + "regular": "800px", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "sizePopupMedium": { + "regular": "360px", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "sizeTag": { + "regular": "24px", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "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)", }, - "sizeButtonGroupGapMedium": { - "regular": 12, + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #A4A5A9)", + "hover": "var(--vkui--color_accent_gray--hover, #A0A1A6)", + "normal": "var(--vkui--color_accent_gray, #9C9DA2)", }, - "sizeButtonGroupGapSmall": { - "regular": 8, + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #20C774)", + "hover": "var(--vkui--color_accent_green--hover, #17C46E)", + "normal": "var(--vkui--color_accent_green, #0DC268)", }, - "sizeButtonGroupGapSpace": { - "regular": 1, + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA614)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_orange, #FF9E00)", }, - "sizeButtonIconPadding": { - "compact": 20, - "regular": 16, + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #9570FF)", + "hover": "var(--vkui--color_accent_purple--hover, #916AFF)", + "normal": "var(--vkui--color_accent_purple, #8C64FF)", }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "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)", }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EE431E)", + "hover": "var(--vkui--color_accent_red--hover, #EE3B14)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, - "sizeButtonMinimumWidth": { - "regular": 80, + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #FFA614)", + "hover": "var(--vkui--color_accent_secondary--hover, #FFA20A)", + "normal": "var(--vkui--color_accent_secondary, #FF9E00)", }, - "sizeButtonMorePadding": { - "regular": 8, + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #C66AF4)", + "hover": "var(--vkui--color_accent_violet--hover, #C363F3)", + "normal": "var(--vkui--color_accent_violet, #C15DF3)", }, - "sizeButtonPaddingHorizontal": { - "compact": 16, - "regular": 20, + "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)", }, - "sizeButtonSliderHeight": { - "regular": 24, + "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))", }, - "sizeButtonSliderWidth": { - "regular": 12, + "colorBackground": { + "active": "var(--vkui--color_background--active, #2B2B2C)", + "hover": "var(--vkui--color_background--hover, #222223)", + "normal": "var(--vkui--color_background, #19191A)", }, - "sizeButtonSliderWidthPointer": { - "regular": 16, + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #1482FF)", + "hover": "var(--vkui--color_background_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_background_accent, #0077FF)", }, - "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "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)", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "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)", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "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))", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, - }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, - }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, - }, - "sizeCardBorderRadius": { - "regular": 16, - }, - "sizeCardgridPadding": { - "regular": 12, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #353536)", + "hover": "var(--vkui--color_background_content--hover, #2C2C2D)", + "normal": "var(--vkui--color_background_content, #232324)", }, - "sizeCardgridPaddingVertical": { - "regular": 8, + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, - "sizeCheckBorderRadius": { - "regular": 4, + "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))", }, - "sizeCheckbox": { - "regular": 16, + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #414141)", + "hover": "var(--vkui--color_background_modal--hover, #383838)", + "normal": "var(--vkui--color_background_modal, #303030)", }, - "sizeChoiceMargin": { - "regular": 8, + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #FF5C5C)", }, - "sizeControlButtonWidthMin": { - "compact": 104, - "regular": 130, + "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)", }, - "sizeDivPadding": { - "regular": 4, + "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))", }, - "sizeDotBullet": { - "regular": 4, + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #20C774)", + "hover": "var(--vkui--color_background_positive--hover, #17C46E)", + "normal": "var(--vkui--color_background_positive, #0DC268)", }, - "sizeDotClickable": { - "regular": 12, + "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))", }, - "sizeDotIndicate": { - "regular": 8, + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #3B3B3C)", + "hover": "var(--vkui--color_background_secondary--hover, #333333)", + "normal": "var(--vkui--color_background_secondary, #2A2A2B)", }, - "sizeFieldHeight": { - "compact": 48, - "regular": 40, + "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))", }, - "sizeFieldHorizontalMargin": { - "regular": 20, + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #363636)", + "hover": "var(--vkui--color_background_tertiary--hover, #2E2E2E)", + "normal": "var(--vkui--color_background_tertiary, #252525)", }, - "sizeFieldHorizontalPadding": { - "regular": 12, + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #785C14)", + "hover": "var(--vkui--color_background_warning--hover, #72550A)", + "normal": "var(--vkui--color_background_warning, #6C4E00)", }, - "sizeFieldSetMargin": { - "regular": 32, + "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))", }, - "sizeFieldVerticalMargin": { - "regular": 24, + "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))", }, - "sizeFieldWidthMin": { - "compact": 380, - "regular": 328, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #353536)", + "hover": "var(--vkui--color_header_background--hover, #2C2C2D)", + "normal": "var(--vkui--color_header_background, #232324)", }, - "sizeFormItemPaddingVertical": { - "regular": 12, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #1482FF)", + "hover": "var(--vkui--color_icon_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_icon_accent, #0077FF)", }, - "sizeGrid": 20, - "sizeHeaderIcon": { - "regular": 20, + "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)", }, - "sizeIconMargin": { - "compact": 8, - "regular": 12, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, - "sizeIconMorePadding": { - "compact": 8, - "regular": 12, + "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)", }, - "sizeIconUI": { - "regular": 16, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "var(--vkui--color_icon_medium, #B0B1B6)", }, - "sizeIllustrationL": { - "regular": 144, + "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))", }, - "sizeIllustrationM": { - "regular": 96, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #FF5C5C)", }, - "sizeIllustrationS": { - "regular": 48, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #20C774)", + "hover": "var(--vkui--color_icon_positive--hover, #17C46E)", + "normal": "var(--vkui--color_icon_positive, #0DC268)", }, - "sizeIllustrationXM": { - "regular": 72, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #DCDDE0)", + "hover": "var(--vkui--color_icon_primary--hover, #DBDBDE)", + "normal": "var(--vkui--color_icon_primary, #D9DADD)", }, - "sizeIllustrationXXL": { - "regular": 228, + "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)", }, - "sizeLabelHorizontalMargin": { - "regular": 16, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #A4A5A9)", + "hover": "var(--vkui--color_icon_secondary--hover, #A0A1A6)", + "normal": "var(--vkui--color_icon_secondary, #9C9DA2)", }, - "sizeLabelVerticalMargin": { - "regular": 4, + "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))", }, - "sizeLabelWidth": { - "regular": 184, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #8D8E93)", + "hover": "var(--vkui--color_icon_tertiary--hover, #88898F)", + "normal": "var(--vkui--color_icon_tertiary, #83848A)", }, - "sizeMenuMargin": { - "regular": 2, + "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))", }, - "sizeMenuPadding": { - "regular": 8, + "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))", }, - "sizeOptionHierarchy": { - "regular": 32, + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #494A4B)", + "hover": "var(--vkui--color_image_placeholder--hover, #414243)", + "normal": "var(--vkui--color_image_placeholder, #393A3B)", }, - "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "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))", }, - "sizePopupBasePadding": { - "compact": 32, - "regular": 20, + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, - "sizePopupHeaderPadding": { - "compact": 24, - "regular": 16, + "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))", }, - "sizePopupLarge": { - "regular": 880, + "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)", }, - "sizePopupMargin": { - "compact": 24, - "regular": 8, + "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)", }, - "sizePopupMedium": { - "regular": 680, + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #282829)", + "hover": "var(--vkui--color_separator_primary--hover, #1E1E1F)", + "normal": "var(--vkui--color_separator_primary, #151516)", }, - "sizePopupSmall": { - "regular": 430, + "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))", }, - "sizeProgress": { - "regular": 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)", }, - "sizeProgressScroll": { - "regular": 12, + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #3B3B3C)", + "hover": "var(--vkui--color_skeleton_from--hover, #333333)", + "normal": "var(--vkui--color_skeleton_from, #2A2A2B)", }, - "sizePromoButtonClose": { - "regular": 32, + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #4D4E4F)", + "hover": "var(--vkui--color_skeleton_to--hover, #464748)", + "normal": "var(--vkui--color_skeleton_to, #3E3F40)", }, - "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #1482FF)", + "hover": "var(--vkui--color_stroke_accent--hover, #0A7CFF)", + "normal": "var(--vkui--color_stroke_accent, #0077FF)", }, - "sizeSelectIconPadding": { - "compact": 6, - "regular": 7, + "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)", }, - "sizeSliceBottomPadding": { - "regular": 60, + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, - "sizeSliceTopPadding": { - "regular": 40, + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #FF5C5C)", }, - "sizeSplitColPaddingHorizontal": { - "regular": 16, + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #20C774)", + "hover": "var(--vkui--color_stroke_positive--hover, #17C46E)", + "normal": "var(--vkui--color_stroke_positive, #0DC268)", }, - "sizeSubnavigationBarGap": { - "regular": 8, + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #2C8FFF)", + "hover": "var(--vkui--color_text_accent--hover, #238AFF)", + "normal": "var(--vkui--color_text_accent, #1A85FF)", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "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)", }, - "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, - "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "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)", }, - "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2C8FFF)", + "hover": "var(--vkui--color_text_link--hover, #238AFF)", + "normal": "var(--vkui--color_text_link, #1A85FF)", }, - "sizeTabMargin": { - "regular": 8, + "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)", }, - "sizeTabPadding": { - "regular": 16, + "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)", }, - "sizeTableHorizontalPadding": { - "regular": 16, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #E9EAEC)", + "hover": "var(--vkui--color_text_muted--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_muted, #E7E8EA)", }, - "sizeTableVerticalPadding": { - "regular": 16, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #FF5C5C)", }, - "sizeTagMargin": { - "regular": 8, + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #20C774)", + "hover": "var(--vkui--color_text_positive--hover, #17C46E)", + "normal": "var(--vkui--color_text_positive, #0DC268)", }, - "sizeTagPadding": { - "regular": 8, + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E9EAEC)", + "hover": "var(--vkui--color_text_primary--hover, #E8E9EB)", + "normal": "var(--vkui--color_text_primary, #E7E8EA)", }, - "sizeTipMargin": { - "regular": 4, + "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)", }, - "sizeTooltipMargin": { - "regular": 8, + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #95979D)", + "hover": "var(--vkui--color_text_secondary--hover, #919398)", + "normal": "var(--vkui--color_text_secondary, #8C8E94)", }, - "sizeVerticalPadding": { - "regular": 0, + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #C4C6CA)", + "hover": "var(--vkui--color_text_subhead--hover, #C2C3C7)", + "normal": "var(--vkui--color_text_subhead, #BFC1C5)", }, - "sizeWysiwygIcon": { - "regular": 14, + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #7F8185)", + "hover": "var(--vkui--color_text_tertiary--hover, #7A7B7F)", + "normal": "var(--vkui--color_text_tertiary, #74767A)", }, - "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 tutoria theme should match cssVars snapshot 1`] = ` -{ - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #525354)", + "hover": "var(--vkui--color_track_background--hover, #4B4B4C)", + "normal": "var(--vkui--color_track_background, #434445)", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #8DB1EC)", + "hover": "var(--vkui--color_track_buffer--hover, #88ADEB)", + "normal": "var(--vkui--color_track_buffer, #83AAEA)", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "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)", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "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)", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "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)", }, - "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)", - }, + "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))", }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "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)", }, }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "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)", }, }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "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)", }, }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "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)", }, }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "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)", }, }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "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)", }, }, - "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)", + "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)", }, }, - "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)", + "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)", }, }, - "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "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)", }, }, - "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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)", }, }, - "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)", + "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)", }, - "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "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)", }, }, - "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "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)", }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "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)", }, }, - "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "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)", }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + "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)", }, }, - "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "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)", }, }, - "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "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, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "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)", }, }, - "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "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)", }, }, - "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))", + "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)", }, }, - "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "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)", }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "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)", }, }, - "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #66ADFF)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #3392FF)", + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 16px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 22px)", }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #0077FF)", + "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)", }, }, - "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "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)", }, }, - "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "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)", }, }, - "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))", - }, - "hover": { - "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_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "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)", }, }, - "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)", - }, + "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)", }, - "colorBackgroundContent": { - "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #E9ECEF)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F4F5F7)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", - }, + "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)", }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", - }, + "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))", }, - "colorBackgroundContrast": { - "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #E9ECEF)", - }, - "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F4F5F7)", - }, - "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #FFFFFF)", - }, + "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))", }, - "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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))", }, - "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.20))", - }, + "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)", }, - "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)", - }, + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 40px)", }, - "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "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, #D5E5F7)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", - }, + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "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)", - }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "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, #1B1C1F)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", - }, + "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": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FFB3B5)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF666B)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF4046)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "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, #F5E0E2)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", - }, + "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #66E394)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #34DA71)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #02D14E)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, - "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "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, #DFF0E1)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", - }, + "colorBackgroundPositiveTintAlpha": { + "active": "rgba(13, 194, 104, 0.36)", + "hover": "rgba(13, 194, 104, 0.32)", + "normal": "rgba(13, 194, 104, 0.28)", }, "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #D4D9DE)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E9ECEF)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #E9ECEF)", - }, + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "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, 0, 0, 0.08))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", - }, + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "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.11))", - }, - "hover": { - "name": "--vkui--color_background_tertiary_alpha--hover", - "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.03))", - }, + "active": "#363636", + "hover": "#2E2E2E", + "normal": "#252525", }, "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", - }, - }, - "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", - }, - }, - "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", - }, - }, - "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", - }, + "active": "#785C14", + "hover": "#72550A", + "normal": "#6C4E00", }, - "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", - }, + "colorBackgroundWarningTintAlpha": { + "active": "rgba(255, 158, 0, 0.36)", + "hover": "rgba(255, 158, 0, 0.32)", + "normal": "rgba(255, 158, 0, 0.28)", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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, 0, 0, 0.24))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 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": { - "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": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "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)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", - }, + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", - }, + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#B0B1B6", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "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.52))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", - }, + "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, #EB3C45)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #F53E46)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF4046)", - }, + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #02C24D)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #02C94D)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #02D14E)", - }, + "active": "#20C774", + "hover": "#17C46E", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #161A20)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #171B1F)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #181B1E)", - }, + "active": "#DCDDE0", + "hover": "#DBDBDE", + "normal": "#D9DADD", }, "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": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #555D69)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #58616B)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #5C646D)", - }, + "active": "#A4A5A9", + "hover": "#A0A1A6", + "normal": "#9C9DA2", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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.4))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", - }, + "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, #8794A4)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #939FAD)", - }, + "active": "#8D8E93", + "hover": "#88898F", + "normal": "#83848A", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.28))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "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, #E8910E)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #F2960C)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #FC9C0A)", - }, + "active": "rgba(245, 246, 255, 0.58)", + "hover": "rgba(245, 246, 255, 0.54)", + "normal": "rgba(245, 246, 255, 0.5)", }, "colorImageBorderAlpha": { - "active": { - "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_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 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, #DFE1E6)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", - }, + "active": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorImagePlaceholderAlpha": { - "active": { - "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_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 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": { - "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": "#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.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.40))", - }, - }, - "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "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, #E2E4E9)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", - }, - }, - "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": "#494A4B", + "hover": "#414243", + "normal": "#393A3B", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #D6DAE1)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #E0E3E8)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #E9ECEF)", - }, - }, - "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", - }, - }, - "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", - }, + "active": "#282829", + "hover": "#1E1E1F", + "normal": "#151516", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #E0E3E8)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #EAECF0)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #F4F5F7)", - }, + "active": "#2A2A2A", + "hover": "#212121", + "normal": "#181818", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", - }, + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", - }, + "active": "#4D4E4F", + "hover": "#464748", + "normal": "#3E3F40", }, "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)", - }, + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", - }, + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #EB3C45)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #F53E46)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF4046)", - }, + "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_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #02C24D)", + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #02C94D)", + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #02D14E)", + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "colorTabbarTextInactive": { + "colorAccentBlue": { "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, - "colorTextAccent": { + "colorAccentCyan": { "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #006FEF)", + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", }, "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #0073F7)", + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", }, "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #0077FF)", + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", }, }, - "colorTextAccentThemed": { + "colorAccentGray": { "active": { - "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #237EDD)", + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", }, "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", }, "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", }, }, - "colorTextContrast": { + "colorAccentGreen": { "active": { - "name": "--vkui--color_text_contrast--active", - "value": "var(--vkui--color_text_contrast--active, #EBECEF)", + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", }, "hover": { - "name": "--vkui--color_text_contrast--hover", - "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", }, "normal": { - "name": "--vkui--color_text_contrast", - "value": "var(--vkui--color_text_contrast, #FFFFFF)", + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", }, }, - "colorTextContrastThemed": { + "colorAccentLime": { "active": { - "name": "--vkui--color_text_contrast_themed--active", - "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", }, "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", }, "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", }, }, - "colorTextLink": { + "colorAccentOrange": { "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", }, "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", }, "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", }, }, - "colorTextLinkThemed": { + "colorAccentOrangeFire": { "active": { - "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #2978D3)", + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", }, "hover": { - "name": "--vkui--color_text_link_themed--hover", - "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", }, "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", }, }, - "colorTextLinkTint": { + "colorAccentOrangePeach": { "active": { - "name": "--vkui--color_text_link_tint--active", - "value": "var(--vkui--color_text_link_tint--active, #689EDD)", + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", }, "hover": { - "name": "--vkui--color_text_link_tint--hover", - "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", }, "normal": { - "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #71aaeb)", + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, }, - "colorTextLinkVisited": { + "colorAccentPink": { "active": { - "name": "--vkui--color_text_link_visited--active", - "value": "var(--vkui--color_text_link_visited--active, #437DC1)", + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", }, "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #4681C6)", + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", }, "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", }, }, - "colorTextMuted": { + "colorAccentPurple": { "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, - "colorTextNegative": { + "colorAccentRaspberryPink": { "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #EB3C45)", + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", }, "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #F53E46)", + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", }, "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF4046)", + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, }, - "colorTextPositive": { + "colorAccentRed": { "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #02C24D)", + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #02C94D)", + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #02D14E)", + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, - "colorTextPrimary": { + "colorAccentSecondary": { "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #161A20)", + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", }, "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #171B1F)", + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", }, "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #181B1E)", + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", }, }, - "colorTextPrimaryAlpha": { + "colorAccentViolet": { "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", }, "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", }, "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", }, }, - "colorTextPrimaryInvariably": { + "colorActionSheetText": { "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #000105)", + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, - "colorTextSecondary": { + "colorAvatarOverlay": { "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #555D69)", + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", }, "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #58616B)", + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", }, "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #5C646D)", + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", }, }, - "colorTextSecondaryAlpha": { + "colorAvatarOverlayInverseAlpha": { "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "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_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "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_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, }, - "colorTextSubhead": { + "colorBackground": { "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", }, "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", }, }, - "colorTextTertiary": { + "colorBackgroundAccent": { "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8794A4)", + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #8D99A9)", + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #939FAD)", + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, - "colorTrackBackground": { + "colorBackgroundAccentAlternative": { "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", }, "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", }, "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, }, - "colorTrackBuffer": { + "colorBackgroundAccentThemed": { "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, - "colorTransparent": { + "colorBackgroundAccentThemedAlpha": { "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "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_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "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_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, - "colorWriteBarIcon": { + "colorBackgroundAccentTint": { "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", }, "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, - "colorWriteBarInputBackground": { + "colorBackgroundAccentTintAlpha": { "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", + "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_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", + "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_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, - "colorWriteBarInputBorder": { + "colorBackgroundAccentTintThemed": { "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, - "colorWriteBarInputBorderAlpha": { + "colorBackgroundAccentTintThemedAlpha": { "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))", + "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_write_bar_input_border_alpha--hover", - "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", + "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_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, - "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))", + "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)", + }, }, - "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))", + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #232324)", + }, }, - "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))", + "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)", + }, }, - "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))", + "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)", + }, }, - "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)", - }, + "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))", }, - "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)", - }, + "hover": { + "name": "--vkui--color_background_contrast_secondary_alpha--hover", + "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "normal": { + "name": "--vkui--color_background_contrast_secondary_alpha", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))", }, }, - "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)", - }, - "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)", - }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "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)", - }, + "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)", }, }, - "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)", - }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", }, - "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)", - }, - "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_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)", }, }, - "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)", - }, - "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)", - }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, - "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)", - }, - "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, 600)", - }, - "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_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #FFFFFF)", }, }, - "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)", - }, + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", }, - "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)", - }, - "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_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)", }, }, - "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)", - }, - "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)", - }, + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, - "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)", - }, - "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, 600)", - }, - "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_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, - "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)", - }, + "colorBackgroundNegativeTint": { + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #EADDDD)", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "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)", }, }, - "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)", - }, + "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))", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", - }, + "hover": { + "name": "--vkui--color_background_negative_tint_alpha--hover", + "value": "var(--vkui--color_background_negative_tint_alpha--hover, rgba(237, 51, 10, 0.12))", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "normal": { + "name": "--vkui--color_background_negative_tint_alpha", + "value": "var(--vkui--color_background_negative_tint_alpha, rgba(237, 51, 10, 0.08))", }, }, - "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)", - }, + "colorBackgroundNegativeTintThemed": { + "active": { + "name": "--vkui--color_background_negative_tint_themed--active", + "value": "var(--vkui--color_background_negative_tint_themed--active, #EADDDD)", }, - "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--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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "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)", }, }, - "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)", - }, + "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))", }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, + "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))", }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", + "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)", + }, }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", + "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)", + }, }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", + "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))", + }, }, - "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)", - }, + "colorBackgroundPositiveTintThemed": { + "active": { + "name": "--vkui--color_background_positive_tint_themed--active", + "value": "var(--vkui--color_background_positive_tint_themed--active, #D9E7E4)", }, - "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)", - }, + "hover": { + "name": "--vkui--color_background_positive_tint_themed--hover", + "value": "var(--vkui--color_background_positive_tint_themed--hover, #E3F1EC)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_footnote--font_family--regular", - "value": "var(--vkui--font_footnote--font_family--regular, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 16px)", - }, + "normal": { + "name": "--vkui--color_background_positive_tint_themed", + "value": "var(--vkui--color_background_positive_tint_themed, #ECFAF3)", }, }, - "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)", - }, - "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)", - }, + "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))", }, - "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)", - }, - "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)", - }, - "lineHeight": { - "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)", - }, + "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))", }, }, - "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)", - }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #DDDFE4)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, Roboto, 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, 24px)", - }, + "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)", }, }, - "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)", - }, + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 16, 61, 0.14))", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, Roboto, 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, 24px)", - }, + "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))", }, }, - "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)", - }, + "colorBackgroundSky": { + "active": { + "name": "--vkui--color_background_sky--active", + "value": "var(--vkui--color_background_sky--active, #BCD3EF)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, Roboto, 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)", - }, + "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)", }, }, - "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)", - }, + "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": { - "name": "--vkui--font_paragraph--font_family--regular", - "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, 14px)", - }, - "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, 18px)", - }, + "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))", }, }, - "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)", - }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E2E5E9)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "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)", }, }, - "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)", - }, + "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": { - "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Roboto, 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, 24px)", - }, + "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))", }, }, - "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)", - }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBDFA4)", }, - "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)", - }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E8A9)", }, - "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)", - }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF1AD)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + }, + "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)", }, }, - "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)", - }, + "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))", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "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))", }, }, - "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)", - }, + "colorBackgroundWarningTintThemed": { + "active": { + "name": "--vkui--color_background_warning_tint_themed--active", + "value": "var(--vkui--color_background_warning_tint_themed--active, #EBE9D3)", }, - "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)", - }, + "hover": { + "name": "--vkui--color_background_warning_tint_themed--hover", + "value": "var(--vkui--color_background_warning_tint_themed--hover, #F5F3D9)", }, - "regular": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--regular", - "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, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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, 24px)", - }, + "normal": { + "name": "--vkui--color_background_warning_tint_themed", + "value": "var(--vkui--color_background_warning_tint_themed, #fffce0)", }, }, - "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", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", + "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))", }, - }, - "sizeArrowPadding": { - "auto": { - "name": "--vkui--size_arrow_padding", - "value": "var(--vkui--size_arrow_padding)", + "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))", }, - "regular": { - "name": "--vkui--size_arrow_padding--regular", - "value": "var(--vkui--size_arrow_padding--regular, 12px)", + "normal": { + "name": "--vkui--color_background_warning_tint_themed_alpha", + "value": "var(--vkui--color_background_warning_tint_themed_alpha, rgba(255, 241, 173, 0.48))", }, }, - "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)", + "colorButtonContrast": { + "active": { + "name": "--vkui--color_button_contrast--active", + "value": "var(--vkui--color_button_contrast--active, #FFFFFF)", }, - }, - "sizeAvatarL": { - "auto": { - "name": "--vkui--size_avatar_l", - "value": "var(--vkui--size_avatar_l)", + "hover": { + "name": "--vkui--color_button_contrast--hover", + "value": "var(--vkui--color_button_contrast--hover, #FFFFFF)", }, - "regular": { - "name": "--vkui--size_avatar_l--regular", - "value": "var(--vkui--size_avatar_l--regular, 96px)", + "normal": { + "name": "--vkui--color_button_contrast", + "value": "var(--vkui--color_button_contrast, #FFFFFF)", }, }, - "sizeAvatarM": { - "auto": { - "name": "--vkui--size_avatar_m", - "value": "var(--vkui--size_avatar_m)", + "colorButtonContrastAlpha": { + "active": { + "name": "--vkui--color_button_contrast_alpha--active", + "value": "var(--vkui--color_button_contrast_alpha--active, rgba(255, 255, 255, 0.6))", }, - "regular": { - "name": "--vkui--size_avatar_m--regular", - "value": "var(--vkui--size_avatar_m--regular, 48px)", + "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))", }, }, - "sizeAvatarS": { - "auto": { - "name": "--vkui--size_avatar_s", - "value": "var(--vkui--size_avatar_s)", + "colorButtonIcon": { + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_avatar_s--regular", - "value": "var(--vkui--size_avatar_s--regular, 32px)", + "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)", }, }, - "sizeAvatarXL": { - "auto": { - "name": "--vkui--size_avatar_x_l", - "value": "var(--vkui--size_avatar_x_l)", + "colorButtonStroke": { + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_avatar_x_l--regular", - "value": "var(--vkui--size_avatar_x_l--regular, 128px)", + "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)", }, }, - "sizeAvatarXS": { - "auto": { - "name": "--vkui--size_avatar_x_s", - "value": "var(--vkui--size_avatar_x_s)", + "colorButtonText": { + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_avatar_x_s--regular", - "value": "var(--vkui--size_avatar_x_s--regular, 24px)", + "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)", }, }, - "sizeBadgeL": { - "auto": { - "name": "--vkui--size_badge_l", - "value": "var(--vkui--size_badge_l)", + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_badge_l--regular", - "value": "var(--vkui--size_badge_l--regular, 44px)", + "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)", }, }, - "sizeBadgeM": { - "auto": { - "name": "--vkui--size_badge_m", - "value": "var(--vkui--size_badge_m)", + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 16, 61, 0.2))", }, - "regular": { - "name": "--vkui--size_badge_m--regular", - "value": "var(--vkui--size_badge_m--regular, 24px)", + "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))", }, }, - "sizeBadgeS": { - "auto": { - "name": "--vkui--size_badge_s", - "value": "var(--vkui--size_badge_s)", + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_badge_s--regular", - "value": "var(--vkui--size_badge_s--regular, 16px)", + "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)", }, }, - "sizeBadgeXL": { - "auto": { - "name": "--vkui--size_badge_x_l", - "value": "var(--vkui--size_badge_x_l)", + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_badge_x_l--regular", - "value": "var(--vkui--size_badge_x_l--regular, 56px)", + "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)", }, }, - "sizeBadgeXS": { - "auto": { - "name": "--vkui--size_badge_x_s", - "value": "var(--vkui--size_badge_x_s)", + "colorIconAccentThemed": { + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "value": "var(--vkui--color_icon_accent_themed--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_badge_x_s--regular", - "value": "var(--vkui--size_badge_x_s--regular, 12px)", + "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)", }, }, - "sizeBasePaddingHorizontal": { - "auto": { - "name": "--vkui--size_base_padding_horizontal", - "value": "var(--vkui--size_base_padding_horizontal)", + "colorIconContrast": { + "active": { + "name": "--vkui--color_icon_contrast--active", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_base_padding_horizontal--regular", - "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "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)", }, }, - "sizeBasePaddingVertical": { - "auto": { - "name": "--vkui--size_base_padding_vertical", - "value": "var(--vkui--size_base_padding_vertical)", + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #DFE1E6)", }, - "regular": { - "name": "--vkui--size_base_padding_vertical--regular", - "value": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "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)", }, }, - "sizeBorder1x": { - "auto": { - "name": "--vkui--size_border1x", - "value": "var(--vkui--size_border1x)", + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "value": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_border1x--regular", - "value": "var(--vkui--size_border1x--regular, 1px)", + "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)", }, }, - "sizeBorder2x": { - "auto": { - "name": "--vkui--size_border2x", - "value": "var(--vkui--size_border2x)", + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #858992)", }, - "regular": { - "name": "--vkui--size_border2x--regular", - "value": "var(--vkui--size_border2x--regular, 0.5px)", + "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)", }, }, - "sizeBorder3x": { - "auto": { - "name": "--vkui--size_border3x", - "value": "var(--vkui--size_border3x)", + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(39, 43, 55, 0.58))", }, - "regular": { - "name": "--vkui--size_border3x--regular", - "value": "var(--vkui--size_border3x--regular, 0.33px)", + "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))", }, }, - "sizeBorderRadius": { - "auto": { - "name": "--vkui--size_border_radius", - "value": "var(--vkui--size_border_radius)", + "colorIconNegative": { + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA300E)", }, - "regular": { - "name": "--vkui--size_border_radius--regular", - "value": "var(--vkui--size_border_radius--regular, 8px)", + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED330a)", }, }, - "sizeBorderRadiusPaper": { - "auto": { - "name": "--vkui--size_border_radius_paper", - "value": "var(--vkui--size_border_radius_paper)", + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #0CB465)", }, - "regular": { - "name": "--vkui--size_border_radius_paper--regular", - "value": "var(--vkui--size_border_radius_paper--regular, 12px)", + "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)", }, }, - "sizeBorderRadiusPromo": { - "auto": { - "name": "--vkui--size_border_radius_promo", - "value": "var(--vkui--size_border_radius_promo)", + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_border_radius_promo--regular", - "value": "var(--vkui--size_border_radius_promo--regular, 20px)", + "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)", }, }, - "sizeBorderRadiusRounded": { - "auto": { - "name": "--vkui--size_border_radius_rounded", - "value": "var(--vkui--size_border_radius_rounded)", + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #282B2F)", }, - "regular": { - "name": "--vkui--size_border_radius_rounded--regular", - "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "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)", }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal", - "value": "var(--vkui--size_button_base_large_padding_horizontal)", + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #989BA4)", }, - "regular": { - "name": "--vkui--size_button_base_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", + "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)", }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(39, 43, 55, 0.38))", }, - "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--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))", }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal", - "value": "var(--vkui--size_button_base_medium_padding_horizontal)", + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #BEC2CA)", }, - "regular": { - "name": "--vkui--size_button_base_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", + "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)", }, }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(39, 43, 55, 0.28))", }, - "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--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))", }, }, - "sizeButtonBaseSmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal", - "value": "var(--vkui--size_button_base_small_padding_horizontal)", + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EB9305)", }, - "regular": { - "name": "--vkui--size_button_base_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", + "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)", }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_base_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + "colorImageBorderAlpha": { + "active": { + "name": "--vkui--color_image_border_alpha--active", + "value": "var(--vkui--color_image_border_alpha--active, rgba(0, 16, 61, 0.16))", }, - "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--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))", }, }, - "sizeButtonGroupGapMedium": { - "auto": { - "name": "--vkui--size_button_group_gap_medium", - "value": "var(--vkui--size_button_group_gap_medium)", + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #D4D6DD)", }, - "regular": { - "name": "--vkui--size_button_group_gap_medium--regular", - "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "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)", }, }, - "sizeButtonGroupGapSmall": { - "auto": { - "name": "--vkui--size_button_group_gap_small", - "value": "var(--vkui--size_button_group_gap_small)", + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 16, 61, 0.88))", }, - "regular": { - "name": "--vkui--size_button_group_gap_small--regular", - "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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))", }, }, - "sizeButtonGroupGapSpace": { - "auto": { - "name": "--vkui--size_button_group_gap_space", - "value": "var(--vkui--size_button_group_gap_space)", + "colorLinkContrast": { + "active": { + "name": "--vkui--color_link_contrast--active", + "value": "var(--vkui--color_link_contrast--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_group_gap_space--regular", - "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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)", }, }, - "sizeButtonLargeHeight": { - "auto": { - "name": "--vkui--size_button_large_height", - "value": "var(--vkui--size_button_large_height)", + "colorOverlayPrimary": { + "active": { + "name": "--vkui--color_overlay_primary--active", + "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", }, - "regular": { - "name": "--vkui--size_button_large_height--regular", - "value": "var(--vkui--size_button_large_height--regular, 44px)", + "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))", }, }, - "sizeButtonMediumHeight": { - "auto": { - "name": "--vkui--size_button_medium_height", - "value": "var(--vkui--size_button_medium_height)", + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 0.58))", }, - "regular": { - "name": "--vkui--size_button_medium_height--regular", - "value": "var(--vkui--size_button_medium_height--regular, 36px)", + "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))", }, }, - "sizeButtonMinimumWidth": { - "auto": { - "name": "--vkui--size_button_minimum_width", - "value": "var(--vkui--size_button_minimum_width)", + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "value": "var(--vkui--color_panel_header_icon--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_button_minimum_width--regular", - "value": "var(--vkui--size_button_minimum_width--regular, 101px)", + "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)", }, }, - "sizeButtonPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_padding_horizontal", - "value": "var(--vkui--size_button_padding_horizontal)", + "colorRating": { + "active": { + "name": "--vkui--color_rating--active", + "value": "var(--vkui--color_rating--active, #EBC405)", }, - "regular": { - "name": "--vkui--size_button_padding_horizontal--regular", - "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "hover": { + "name": "--vkui--color_rating--hover", + "value": "var(--vkui--color_rating--hover, #F5CC02)", + }, + "normal": { + "name": "--vkui--color_rating", + "value": "var(--vkui--color_rating, #ffd400)", }, }, - "sizeButtonSmallHeight": { - "auto": { - "name": "--vkui--size_button_small_height", - "value": "var(--vkui--size_button_small_height)", + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #D4D6DD)", }, - "regular": { - "name": "--vkui--size_button_small_height--regular", - "value": "var(--vkui--size_button_small_height--regular, 28px)", + "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)", }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + "colorSegmentedControl": { + "active": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "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)", }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C9CCD3)", }, - "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--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)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal)", + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BDC1C9)", }, - "regular": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "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)", }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_medium_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon)", + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #B0B5BF)", }, - "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--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)", }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal)", + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 16, 61, 0.2))", }, - "regular": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal--regular", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "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))", }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "auto": { - "name": "--vkui--size_button_tertiary_small_padding_horizontal_icon", - "value": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon)", + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #D4D6DD)", }, - "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--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)", }, }, - "sizeCardBorderRadius": { - "auto": { - "name": "--vkui--size_card_border_radius", - "value": "var(--vkui--size_card_border_radius)", + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E0E1E6)", }, - "regular": { - "name": "--vkui--size_card_border_radius--regular", - "value": "var(--vkui--size_card_border_radius--regular, 8px)", + "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)", }, }, - "sizeCardgridPadding": { - "auto": { - "name": "--vkui--size_cardgrid_padding", - "value": "var(--vkui--size_cardgrid_padding)", + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CED0D8)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding--regular", - "value": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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)", }, }, - "sizeCardgridPaddingVertical": { - "auto": { - "name": "--vkui--size_cardgrid_padding_vertical", - "value": "var(--vkui--size_cardgrid_padding_vertical)", + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_cardgrid_padding_vertical--regular", - "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "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)", }, }, - "sizeCheckBorderRadius": { - "auto": { - "name": "--vkui--size_check_border_radius", - "value": "var(--vkui--size_check_border_radius)", + "colorStrokeAccentThemed": { + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "value": "var(--vkui--color_stroke_accent_themed--active, #006FEF)", }, - "regular": { - "name": "--vkui--size_check_border_radius--regular", - "value": "var(--vkui--size_check_border_radius--regular, 4px)", + "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)", }, }, - "sizeCheckbox": { - "auto": { - "name": "--vkui--size_checkbox", - "value": "var(--vkui--size_checkbox)", + "colorStrokeContrast": { + "active": { + "name": "--vkui--color_stroke_contrast--active", + "value": "var(--vkui--color_stroke_contrast--active, #EBECEF)", }, - "regular": { - "name": "--vkui--size_checkbox--regular", - "value": "var(--vkui--size_checkbox--regular, 16px)", + "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)", }, }, - "sizeFieldHeight": { - "auto": { - "name": "--vkui--size_field_height", - "value": "var(--vkui--size_field_height)", + "colorStrokeNegative": { + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA300E)", }, - "compact": { - "name": "--vkui--size_field_height--compact", - "value": "var(--vkui--size_field_height--compact, 36px)", + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", }, - "regular": { - "name": "--vkui--size_field_height--regular", - "value": "var(--vkui--size_field_height--regular, 44px)", + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED330a)", }, }, - "sizeFieldHorizontalPadding": { - "auto": { - "name": "--vkui--size_field_horizontal_padding", - "value": "var(--vkui--size_field_horizontal_padding)", + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #0CB465)", }, - "regular": { - "name": "--vkui--size_field_horizontal_padding--regular", - "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "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)", }, }, - "sizeFormItemPaddingVertical": { - "auto": { - "name": "--vkui--size_form_item_padding_vertical", - "value": "var(--vkui--size_form_item_padding_vertical)", + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)", }, - "regular": { - "name": "--vkui--size_form_item_padding_vertical--regular", - "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "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)", }, }, - "sizeIconUI": { - "auto": { - "name": "--vkui--size_icon_u_i", - "value": "var(--vkui--size_icon_u_i)", + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #0068E2)", }, - "regular": { - "name": "--vkui--size_icon_u_i--regular", - "value": "var(--vkui--size_icon_u_i--regular, 16px)", + "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)", }, }, - "sizeLabelHorizontalMargin": { - "auto": { - "name": "--vkui--size_label_horizontal_margin", - "value": "var(--vkui--size_label_horizontal_margin)", + "colorTextAccentThemed": { + "active": { + "name": "--vkui--color_text_accent_themed--active", + "value": "var(--vkui--color_text_accent_themed--active, #0068E2)", }, - "regular": { - "name": "--vkui--size_label_horizontal_margin--regular", - "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "hover": { + "name": "--vkui--color_text_accent_themed--hover", + "value": "var(--vkui--color_text_accent_themed--hover, #006CE9)", }, - }, - "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)", - }, - "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)", - }, - }, - "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)", + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #0070f0)", }, }, - "sizeSwitchHeight": { - "auto": { - "name": "--vkui--size_switch_height", - "value": "var(--vkui--size_switch_height)", + "colorTextContrast": { + "active": { + "name": "--vkui--color_text_contrast--active", + "value": "var(--vkui--color_text_contrast--active, #EBECEF)", }, - "compact": { - "name": "--vkui--size_switch_height--compact", - "value": "var(--vkui--size_switch_height--compact, 12px)", + "hover": { + "name": "--vkui--color_text_contrast--hover", + "value": "var(--vkui--color_text_contrast--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 14px)", + "normal": { + "name": "--vkui--color_text_contrast", + "value": "var(--vkui--color_text_contrast, #FFFFFF)", }, }, - "sizeSwitchPin": { - "auto": { - "name": "--vkui--size_switch_pin", - "value": "var(--vkui--size_switch_pin)", + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "value": "var(--vkui--color_text_contrast_themed--active, #EBECEF)", }, - "compact": { - "name": "--vkui--size_switch_pin--compact", - "value": "var(--vkui--size_switch_pin--compact, 18px)", + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, - "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)", + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #004EB1)", }, - }, - "sizeTooltipMargin": { - "auto": { - "name": "--vkui--size_tooltip_margin", - "value": "var(--vkui--size_tooltip_margin)", + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #0050B6)", }, - "regular": { - "name": "--vkui--size_tooltip_margin--regular", - "value": "var(--vkui--size_tooltip_margin--regular, 8px)", + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #0053BB)", }, }, - "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, tutoria)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, tutoria)", - }, - "themeType": "cssVars", - "tutoriaColorBackgroundAccentTint": { + "colorTextLinkThemed": { "active": { - "name": "--vkui--tutoria_color_background_accent_tint--active", - "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", + "name": "--vkui--color_text_link_themed--active", + "value": "var(--vkui--color_text_link_themed--active, #0068E2)", }, "hover": { - "name": "--vkui--tutoria_color_background_accent_tint--hover", - "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", + "name": "--vkui--color_text_link_themed--hover", + "value": "var(--vkui--color_text_link_themed--hover, #006CE9)", }, "normal": { - "name": "--vkui--tutoria_color_background_accent_tint", - "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #0070f0)", }, }, - "tutoriaColorBackgroundContentInverse": { + "colorTextLinkTint": { "active": { - "name": "--vkui--tutoria_color_background_content_inverse--active", - "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", + "name": "--vkui--color_text_link_tint--active", + "value": "var(--vkui--color_text_link_tint--active, #689EDD)", }, "hover": { - "name": "--vkui--tutoria_color_background_content_inverse--hover", - "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "normal": { - "name": "--vkui--tutoria_color_background_content_inverse", - "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #71AAEB)", }, }, - "tutoriaColorBackgroundInfo": { + "colorTextLinkVisited": { "active": { - "name": "--vkui--tutoria_color_background_info--active", - "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", + "name": "--vkui--color_text_link_visited--active", + "value": "var(--vkui--color_text_link_visited--active, #4D0452)", }, "hover": { - "name": "--vkui--tutoria_color_background_info--hover", - "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #510453)", }, "normal": { - "name": "--vkui--tutoria_color_background_info", - "value": "var(--vkui--tutoria_color_background_info, #008DF2)", + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #540354)", }, }, - "tutoriaColorBackgroundInfoTint": { + "colorTextMuted": { "active": { - "name": "--vkui--tutoria_color_background_info_tint--active", - "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #34383E)", }, "hover": { - "name": "--vkui--tutoria_color_background_info_tint--hover", - "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #37393E)", }, "normal": { - "name": "--vkui--tutoria_color_background_info_tint", - "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #393B3E)", }, }, - "tutoriaColorBackgroundNegativeTint": { + "colorTextNegative": { "active": { - "name": "--vkui--tutoria_color_background_negative_tint--active", - "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #DA300E)", }, "hover": { - "name": "--vkui--tutoria_color_background_negative_tint--hover", - "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #E4320C)", }, "normal": { - "name": "--vkui--tutoria_color_background_negative_tint", - "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #ED330a)", }, }, - "tutoriaColorBackgroundNeutral": { + "colorTextPositive": { "active": { - "name": "--vkui--tutoria_color_background_neutral--active", - "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #0CB465)", }, "hover": { - "name": "--vkui--tutoria_color_background_neutral--hover", - "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #0CBB66)", }, "normal": { - "name": "--vkui--tutoria_color_background_neutral", - "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #0DC268)", }, }, - "tutoriaColorBackgroundOverlayAlpha": { + "colorTextPrimary": { "active": { - "name": "--vkui--tutoria_color_background_overlay_alpha--active", - "value": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #282B2F)", }, "hover": { - "name": "--vkui--tutoria_color_background_overlay_alpha--hover", - "value": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #2A2C2F)", }, "normal": { - "name": "--vkui--tutoria_color_background_overlay_alpha", - "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #2C2D2E)", }, }, - "tutoriaColorBackgroundPositiveTint": { + "colorTextPrimaryAlpha": { "active": { - "name": "--vkui--tutoria_color_background_positive_tint--active", - "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { - "name": "--vkui--tutoria_color_background_positive_tint--hover", - "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { - "name": "--vkui--tutoria_color_background_positive_tint", - "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, - "tutoriaColorBackgroundPrimary": { + "colorTextPrimaryInvariably": { "active": { - "name": "--vkui--tutoria_color_background_primary--active", - "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #282B2F)", }, "hover": { - "name": "--vkui--tutoria_color_background_primary--hover", - "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2C2F)", }, "normal": { - "name": "--vkui--tutoria_color_background_primary", - "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #2C2D2E)", }, }, - "tutoriaColorBackgroundWarning": { + "colorTextSecondary": { "active": { - "name": "--vkui--tutoria_color_background_warning--active", - "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #7C7F88)", }, "hover": { - "name": "--vkui--tutoria_color_background_warning--hover", - "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #82848C)", }, "normal": { - "name": "--vkui--tutoria_color_background_warning", - "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #87898F)", }, }, - "tutoriaColorBackgroundWarningTint": { + "colorTextSecondaryAlpha": { "active": { - "name": "--vkui--tutoria_color_background_warning_tint--active", - "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { - "name": "--vkui--tutoria_color_background_warning_tint--hover", - "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { - "name": "--vkui--tutoria_color_background_warning_tint", - "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, - "tutoriaColorCardBoxShadowAlpha": { + "colorTextSubhead": { "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))", + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #6F727B)", }, "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))", + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #74767D)", }, "normal": { - "name": "--vkui--tutoria_color_card_box_shadow_alpha", - "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #797A80)", }, }, - "tutoriaColorIconInfo": { + "colorTextTertiary": { "active": { - "name": "--vkui--tutoria_color_icon_info--active", - "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", }, "hover": { - "name": "--vkui--tutoria_color_icon_info--hover", - "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", }, "normal": { - "name": "--vkui--tutoria_color_icon_info", - "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", }, }, - "tutoriaColorIconLink": { + "colorThumbErrorBackgroundAlpha": { "active": { - "name": "--vkui--tutoria_color_icon_link--active", - "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", + "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--tutoria_color_icon_link--hover", - "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", + "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--tutoria_color_icon_link", - "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, }, - "tutoriaColorIconWarning": { + "colorTooltipBackgroundBlueTint": { "active": { - "name": "--vkui--tutoria_color_icon_warning--active", - "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", }, "hover": { - "name": "--vkui--tutoria_color_icon_warning--hover", - "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", + "name": "--vkui--color_tooltip_background_blue_tint--hover", + "value": "var(--vkui--color_tooltip_background_blue_tint--hover, #D4E0F7)", }, "normal": { - "name": "--vkui--tutoria_color_icon_warning", - "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", + "name": "--vkui--color_tooltip_background_blue_tint", + "value": "var(--vkui--color_tooltip_background_blue_tint, #DDE9FF)", }, }, - "tutoriaColorSeparatorPrimaryAlpha": { + "colorTooltipBackgroundGreenTint": { "active": { - "name": "--vkui--tutoria_color_separator_primary_alpha--active", - "value": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", }, "hover": { - "name": "--vkui--tutoria_color_separator_primary_alpha--hover", - "value": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", }, "normal": { - "name": "--vkui--tutoria_color_separator_primary_alpha", - "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", }, }, - "tutoriaColorSeparatorSecondaryAlpha": { + "colorTooltipBackgroundOrangeTint": { "active": { - "name": "--vkui--tutoria_color_separator_secondary_alpha--active", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", }, "hover": { - "name": "--vkui--tutoria_color_separator_secondary_alpha--hover", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", }, "normal": { - "name": "--vkui--tutoria_color_separator_secondary_alpha", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", }, }, - "tutoriaColorStrokeAccentTint": { + "colorTooltipBackgroundPurpleTint": { "active": { - "name": "--vkui--tutoria_color_stroke_accent_tint--active", - "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_accent_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_accent_tint", - "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", }, }, - "tutoriaColorStrokeInfo": { + "colorTooltipTextBlueThemed": { "active": { - "name": "--vkui--tutoria_color_stroke_info--active", - "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_info--hover", - "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_info", - "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", }, }, - "tutoriaColorStrokeInfoTint": { + "colorTooltipTextGreenThemed": { "active": { - "name": "--vkui--tutoria_color_stroke_info_tint--active", - "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", + "name": "--vkui--color_tooltip_text_green_themed--active", + "value": "var(--vkui--color_tooltip_text_green_themed--active, #077369)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_info_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", + "name": "--vkui--color_tooltip_text_green_themed--hover", + "value": "var(--vkui--color_tooltip_text_green_themed--hover, #08786B)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_info_tint", - "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", + "name": "--vkui--color_tooltip_text_green_themed", + "value": "var(--vkui--color_tooltip_text_green_themed, #087C6D)", }, }, - "tutoriaColorStrokeNegativeTint": { + "colorTooltipTextOrangeThemed": { "active": { - "name": "--vkui--tutoria_color_stroke_negative_tint--active", - "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_negative_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_negative_tint", - "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", }, }, - "tutoriaColorStrokePositiveTint": { + "colorTooltipTextPurpleThemed": { "active": { - "name": "--vkui--tutoria_color_stroke_positive_tint--active", - "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_positive_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_positive_tint", - "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, }, - "tutoriaColorStrokePrimary": { + "colorTrackBackground": { "active": { - "name": "--vkui--tutoria_color_stroke_primary--active", - "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #C9CCD3)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_primary--hover", - "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #D1D4D9)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_primary", - "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #DADCE0)", }, }, - "tutoriaColorStrokeSecondary": { + "colorTrackBuffer": { "active": { - "name": "--vkui--tutoria_color_stroke_secondary--active", - "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #799EDC)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_secondary--hover", - "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #7EA4E3)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_secondary", - "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #83AAEA)", }, }, - "tutoriaColorStrokeTertiary": { + "colorTransparent": { "active": { - "name": "--vkui--tutoria_color_stroke_tertiary--active", - "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, "hover": { - "name": "--vkui--tutoria_color_stroke_tertiary--hover", - "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", }, "normal": { - "name": "--vkui--tutoria_color_stroke_tertiary", - "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", }, }, - "tutoriaColorStrokeWarning": { + "colorWriteBarIcon": { "active": { - "name": "--vkui--tutoria_color_stroke_warning--active", - "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #006FEF)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_warning--hover", - "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #0073F7)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_warning", - "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #0077ff)", }, }, - "tutoriaColorStrokeWarningTint": { + "colorWriteBarInputBackground": { "active": { - "name": "--vkui--tutoria_color_stroke_warning_tint--active", - "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DDDFE4)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_warning_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E6E8EC)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_warning_tint", - "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #F0F1F3)", }, }, - "tutoriaColorTextInfo": { + "colorWriteBarInputBorder": { "active": { - "name": "--vkui--tutoria_color_text_info--active", - "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, "hover": { - "name": "--vkui--tutoria_color_text_info--hover", - "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, "normal": { - "name": "--vkui--tutoria_color_text_info", - "value": "var(--vkui--tutoria_color_text_info, #008DF2)", + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)", }, }, - "tutoriaColorTextWarning": { + "colorWriteBarInputBorderAlpha": { "active": { - "name": "--vkui--tutoria_color_text_warning--active", - "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", + "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--tutoria_color_text_warning--hover", - "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", + "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--tutoria_color_text_warning", - "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 16, 61, 0.8))", }, }, - "tutoriaFontTextTitle1": { + "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--tutoria_font_text_title1--font_family", - "value": "var(--vkui--tutoria_font_text_title1--font_family)", + "name": "--vkui--font_caption1--font_family", + "value": "var(--vkui--font_caption1--font_family)", }, "fontSize": { - "name": "--vkui--tutoria_font_text_title1--font_size", - "value": "var(--vkui--tutoria_font_text_title1--font_size)", + "name": "--vkui--font_caption1--font_size", + "value": "var(--vkui--font_caption1--font_size)", }, "fontWeight": { - "name": "--vkui--tutoria_font_text_title1--font_weight", - "value": "var(--vkui--tutoria_font_text_title1--font_weight)", + "name": "--vkui--font_caption1--font_weight", + "value": "var(--vkui--font_caption1--font_weight)", }, "lineHeight": { - "name": "--vkui--tutoria_font_text_title1--line_height", - "value": "var(--vkui--tutoria_font_text_title1--line_height)", + "name": "--vkui--font_caption1--line_height", + "value": "var(--vkui--font_caption1--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)", + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, 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)", + "name": "--vkui--font_caption1--font_size--regular", + "value": "var(--vkui--font_caption1--font_size--regular, 12px)", }, "fontWeight": { - "name": "--vkui--tutoria_font_text_title1--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title1--font_weight--regular, 600)", + "name": "--vkui--font_caption1--font_weight--regular", + "value": "var(--vkui--font_caption1--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--tutoria_font_text_title1--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title1--line_height--regular, 28px)", + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, }, - "tutoriaFontTextTitle2": { + "fontCaption1Caps": { "auto": { "fontFamily": { - "name": "--vkui--tutoria_font_text_title2--font_family", - "value": "var(--vkui--tutoria_font_text_title2--font_family)", + "name": "--vkui--font_caption1_caps--font_family", + "value": "var(--vkui--font_caption1_caps--font_family)", }, "fontSize": { - "name": "--vkui--tutoria_font_text_title2--font_size", - "value": "var(--vkui--tutoria_font_text_title2--font_size)", + "name": "--vkui--font_caption1_caps--font_size", + "value": "var(--vkui--font_caption1_caps--font_size)", }, "fontWeight": { - "name": "--vkui--tutoria_font_text_title2--font_weight", - "value": "var(--vkui--tutoria_font_text_title2--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--tutoria_font_text_title2--line_height", - "value": "var(--vkui--tutoria_font_text_title2--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)", }, }, "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)", + "name": "--vkui--font_caption1_caps--font_family--regular", + "value": "var(--vkui--font_caption1_caps--font_family--regular, 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)", + "name": "--vkui--font_caption1_caps--font_size--regular", + "value": "var(--vkui--font_caption1_caps--font_size--regular, 12px)", }, "fontWeight": { - "name": "--vkui--tutoria_font_text_title2--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title2--font_weight--regular, 600)", + "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--tutoria_font_text_title2--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title2--line_height--regular, 24px)", + "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)", }, }, }, - "tutoriaFontTextTitle3": { + "fontCaption2": { "auto": { "fontFamily": { - "name": "--vkui--tutoria_font_text_title3--font_family", - "value": "var(--vkui--tutoria_font_text_title3--font_family)", + "name": "--vkui--font_caption2--font_family", + "value": "var(--vkui--font_caption2--font_family)", }, "fontSize": { - "name": "--vkui--tutoria_font_text_title3--font_size", - "value": "var(--vkui--tutoria_font_text_title3--font_size)", + "name": "--vkui--font_caption2--font_size", + "value": "var(--vkui--font_caption2--font_size)", }, "fontWeight": { - "name": "--vkui--tutoria_font_text_title3--font_weight", - "value": "var(--vkui--tutoria_font_text_title3--font_weight)", + "name": "--vkui--font_caption2--font_weight", + "value": "var(--vkui--font_caption2--font_weight)", }, "lineHeight": { - "name": "--vkui--tutoria_font_text_title3--line_height", - "value": "var(--vkui--tutoria_font_text_title3--line_height)", + "name": "--vkui--font_caption2--line_height", + "value": "var(--vkui--font_caption2--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)", + "name": "--vkui--font_caption2--font_family--regular", + "value": "var(--vkui--font_caption2--font_family--regular, 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)", + "name": "--vkui--font_caption2--font_size--regular", + "value": "var(--vkui--font_caption2--font_size--regular, 11px)", }, "fontWeight": { - "name": "--vkui--tutoria_font_text_title3--font_weight--regular", - "value": "var(--vkui--tutoria_font_text_title3--font_weight--regular, 600)", + "name": "--vkui--font_caption2--font_weight--regular", + "value": "var(--vkui--font_caption2--font_weight--regular, 400)", }, "lineHeight": { - "name": "--vkui--tutoria_font_text_title3--line_height--regular", - "value": "var(--vkui--tutoria_font_text_title3--line_height--regular, 20px)", + "name": "--vkui--font_caption2--line_height--regular", + "value": "var(--vkui--font_caption2--line_height--regular, 14px)", }, }, }, - "tutoriaLayoutMaxWidth": { + "fontCaption2Caps": { "auto": { - "name": "--vkui--tutoria_layout_max_width", - "value": "var(--vkui--tutoria_layout_max_width)", + "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": { - "name": "--vkui--tutoria_layout_max_width--regular", - "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", + "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)", + }, }, }, - "tutoriaSizeButtonBaseLargeBorderRadius": { + "fontCaption3": { "auto": { - "name": "--vkui--tutoria_size_button_base_large_border_radius", - "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", + "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": { - "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", + "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)", + }, }, }, - "tutoriaSizeButtonBaseMediumBorderRadius": { + "fontCaption3Caps": { "auto": { - "name": "--vkui--tutoria_size_button_base_medium_border_radius", - "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", + "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": { - "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", + "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)", + }, }, }, - "tutoriaSizeButtonBaseSmallBorderRadius": { + "fontDisplayTitle1": { "auto": { - "name": "--vkui--tutoria_size_button_base_small_border_radius", - "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", + "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": { - "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", + "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)", + }, }, }, - "tutoriaSizePaddingCard": { + "fontDisplayTitle2": { "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)", + "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)", + }, + }, }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "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)", + }, + }, }, -} -`; - -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", + "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)", + }, + }, }, - "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Arial, sans-serif)", }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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)", + }, + }, }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "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)", + }, + }, }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "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)", + }, + }, }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "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)", + }, + }, }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "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)", + }, + }, }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "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)", + }, + }, }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "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)", + }, + }, }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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)", + }, + }, }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "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)", + }, + }, }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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)", + }, + }, }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "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)", + }, + }, }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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)", + }, + }, }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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)", + }, + }, }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "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)", + }, + }, }, - "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", }, - "colorBackgroundAccent": { - "active": "#66ADFF", - "hover": "#3392FF", - "normal": "#0077FF", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", }, - "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "colorBackgroundContent": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "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%)", }, - "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "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%)", }, - "colorBackgroundContrast": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "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%)", }, - "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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%)", }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", }, - "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "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%))", }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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%))", }, - "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "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)", + }, }, - "colorBackgroundNegative": { - "active": "#FFB3B5", - "hover": "#FF666B", - "normal": "#FF4046", + "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)", + }, }, - "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "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)", + }, }, - "colorBackgroundPositive": { - "active": "#66E394", - "hover": "#34DA71", - "normal": "#02D14E", + "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)", + }, }, - "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "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)", + }, }, - "colorBackgroundSecondary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#E9ECEF", - }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", - }, - "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", - }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", - }, - "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", - }, - "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorFieldBorderAlpha": { - "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", - }, - "colorIconAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", - }, - "colorIconNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", - }, - "colorIconPositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", - }, - "colorIconPrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", - }, - "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorIconSecondary": { - "active": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", - }, - "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", - }, - "colorIconTertiary": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", - }, - "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", - }, - "colorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", - }, - "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", - }, - "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorImagePlaceholderAlpha": { - "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", - }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", - }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", - }, - "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorSeparatorPrimary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", - }, - "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", - }, - "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", - }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", - }, - "colorSeparatorSecondary": { - "active": "#E0E3E8", - "hover": "#EAECF0", - "normal": "#F4F5F7", - }, - "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", - }, - "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorStrokeAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorStrokeNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", - }, - "colorStrokePositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", - }, - "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "colorTextAccent": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", - }, - "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", - }, - "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorTextNegative": { - "active": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", - }, - "colorTextPositive": { - "active": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", - }, - "colorTextPrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", - }, - "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "colorTextSecondary": { - "active": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", - }, - "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", - }, - "colorTextTertiary": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", - }, - "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", - }, - "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorWriteBarInputBorderAlpha": { - "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 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": { - "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", + "searchColorTextLinkPositiveTint": { + "active": { + "name": "--vkui--search_color_text_link_positive_tint--active", + "value": "var(--vkui--search_color_text_link_positive_tint--active, #629D62)", }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", + "hover": { + "name": "--vkui--search_color_text_link_positive_tint--hover", + "value": "var(--vkui--search_color_text_link_positive_tint--hover, #66A363)", }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "normal": { + "name": "--vkui--search_color_text_link_positive_tint", + "value": "var(--vkui--search_color_text_link_positive_tint, #6AA965)", }, }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", + }, }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "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)", + }, }, - }, - "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "lineHeight": "12px", - "textTransform": "uppercase", + "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)", + }, }, }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", + }, }, - }, - "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "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)", + }, }, }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", + }, }, - }, - "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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)", + }, }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", - "fontFootnote": { + "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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", + "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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 500, - "lineHeight": "16px", + "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)", + }, }, }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - "textTransform": "uppercase", + "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)", + }, }, - }, - "fontHeadline": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "24px", + "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)", + }, }, - }, - "fontHeadline1": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "24px", + "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)", + }, }, }, - "fontHeadline2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "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)", + }, }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "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)", + }, }, - }, - "fontSubhead": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 500, - "lineHeight": "18px", + "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)", + }, }, }, - "fontText": { + "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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "24px", + "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)", + }, }, }, - "fontTitle1": { - "largeX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 600, - "lineHeight": "36px", + "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)", + }, }, - "largeXX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "40px", - "fontWeight": 600, - "lineHeight": "44px", + "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": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", + }, }, }, - "fontTitle2": { + "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": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", + }, }, }, - "fontTitle3": { + "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": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "24px", + "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": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "24px", - }, + "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)", + }, + }, }, - "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", + "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": { - "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": { + "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": { - "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)", + }, + "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": { - "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": { + "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": { - "regular": "10px", + "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": "8px", + "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": "6px", + "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": { + "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": { - "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": { - "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": "101px", + "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": { - "regular": "12px", + "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": { - "regular": "28px", + "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": "8px", + "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": "8px", + "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)", + }, }, - "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "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)", + }, }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "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)", + }, }, - "sizeFormItemPaddingVertical": { - "regular": "12px", + "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)", + }, + "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": { - "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": { + "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)", + }, + "regular": { + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", + }, + }, + "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)", + }, + "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": { + "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)", + }, + }, + "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": { - "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": "20px", - "regular": "32px", + "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": "16px", - "regular": "24px", + "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": { + "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": { + "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": { - "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": "7px", - "regular": "6px", + "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": { - "compact": "16px", - "regular": "24px", + "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": { + "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": { - "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)", + }, }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeName": "tutoria", - "themeNameBase": "tutoria", - "themeType": "pixelify", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", + "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)", + }, }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", + "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)", + }, }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, search)", }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, search)", }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 0.04)", }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "tutoriaColorStrokeInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "tutoriaColorStrokeInfoTint": { - "active": "#8DC2EB", - "hover": "#93C9F2", - "normal": "#99D1FA", + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "tutoriaColorStrokeNegativeTint": { - "active": "#EBA6AB", - "hover": "#F5ACB0", - "normal": "#FFB3B5", + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "tutoriaColorStrokePositiveTint": { - "active": "#8CDBAD", - "hover": "#92E4B2", - "normal": "#98EDB7", + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "tutoriaColorStrokePrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", }, - "tutoriaColorStrokeSecondary": { - "active": "#C3C9D1", - "hover": "#CCD1D8", - "normal": "#D4D9DE", + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", - }, + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", - }, + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "20px", - }, + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", }, - "tutoriaLayoutMaxWidth": { - "regular": "1224px", + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "8px", + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "10px", + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "12px", + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", }, - "tutoriaSizePaddingCard": { - "compact": "16px", - "regular": "24px", + "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)", }, - "zIndexModal": 99, - "zIndexPopout": 100, } `; -exports[`shapshots tutoria theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots search 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.4, 0, 0.2, 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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#06D4EA", + "hover": "#07DCF1", + "normal": "#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": "#989BA4", + "hover": "#9EA1A9", + "normal": "#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": "#0CB465", + "hover": "#0CBB66", + "normal": "#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": "#A9E971", + "hover": "#B1F373", + "normal": "#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": "#EB9305", + "hover": "#F59802", + "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": "#DD5643", + "hover": "#E65944", + "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": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#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": "#EB367F", + "hover": "#F53782", + "normal": "#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": "#815DEF", + "hover": "#8661F7", + "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": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "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": "#EB9305", + "hover": "#F59802", + "normal": "#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": "#B257E4", + "hover": "#B95AEC", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "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, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#EB9305", + "hover": "#F59802", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "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, #5393EF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "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": "var(--vkui--color_background_content--active, #E9ECEF)", - "hover": "var(--vkui--color_background_content--hover, #F4F5F7)", - "normal": "var(--vkui--color_background_content, #FFFFFF)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#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.20))", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "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": "#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": "var(--vkui--color_background_positive--active, #66E394)", - "hover": "var(--vkui--color_background_positive--hover, #34DA71)", - "normal": "var(--vkui--color_background_positive, #02D14E)", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "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)", + "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": "var(--vkui--color_background_secondary--active, #D4D9DE)", - "hover": "var(--vkui--color_background_secondary--hover, #E9ECEF)", - "normal": "var(--vkui--color_background_secondary, #E9ECEF)", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#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": "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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#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": "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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #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": "var(--vkui--color_button_icon--active, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "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, #EBECEF)", - "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_header_background, #ffffff)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "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": "#DFE1E6", + "hover": "#E8EAEE", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#858992", + "hover": "#8B8E95", + "normal": "#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": "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, #EB3C45)", - "hover": "var(--vkui--color_icon_negative--hover, #F53E46)", - "normal": "var(--vkui--color_icon_negative, #FF4046)", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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": "#989BA4", + "hover": "#9EA1A9", + "normal": "#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": "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, #8794A4)", - "hover": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", - "normal": "var(--vkui--color_icon_tertiary, #939FAD)", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#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": "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, #E8910E)", - "hover": "var(--vkui--color_icon_warning--hover, #F2960C)", - "normal": "var(--vkui--color_icon_warning, #FC9C0A)", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#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": "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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#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": "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, #EBECEF)", - "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", - "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.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": "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(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #237EDD)", - "hover": "var(--vkui--color_panel_header_icon--hover, #2483E4)", - "normal": "var(--vkui--color_panel_header_icon, #2688eb)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#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": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#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": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#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": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#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": "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, #E0E3E8)", - "hover": "var(--vkui--color_separator_secondary--hover, #EAECF0)", - "normal": "var(--vkui--color_separator_secondary, #F4F5F7)", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#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": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#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": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#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)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#006FEF", + "hover": "#0073F7", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#0CB465", + "hover": "#0CBB66", + "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": "#8D96A4", + "hover": "#939CA9", + "normal": "#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": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "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": "#0068E2", + "hover": "#006CE9", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#004EB1", + "hover": "#0050B6", + "normal": "#0053BB", }, "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": "#0068E2", + "hover": "#006CE9", + "normal": "#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)", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#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": "#4D0452", + "hover": "#510453", + "normal": "#540354", }, "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": "#34383E", + "hover": "#37393E", + "normal": "#393B3E", }, "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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "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": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "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": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "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": "#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": "var(--vkui--color_track_background--active, #CFD2D8)", - "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", - "normal": "var(--vkui--color_track_background, #e1e3e6)", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#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": "#799EDC", + "hover": "#7EA4E3", + "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(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "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": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#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)", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#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": "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, 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": "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)", "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)", - "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)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "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)", - "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, -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)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "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)", - "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, -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)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "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)", - "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, -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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "lineHeight": "22px", }, "regular": { - "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "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": "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": { - "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)", + "fontSize": "44px", + "lineHeight": "52px", }, "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "28px", + "fontWeight": 500, + "lineHeight": "32px", }, }, - "fontFootnoteCaps": { + "fontH1": { + "compact": { + "fontSize": "32px", + "lineHeight": "36px", + }, "regular": { - "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "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": "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, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "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, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { - "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "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, 18px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { - "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, 500)", - "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": "15px", + "lineHeight": "20px", + }, "regular": { - "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, 24px)", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "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)", - "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)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "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, 600)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "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)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 24px)", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "22px", }, }, - "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, 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(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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", + "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", }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "searchColorBackgroundOrangeAccentActive": { + "active": "#E18D05", + "hover": "#EB9302", + "normal": "#F59800", }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "searchColorBackgroundOrangeAccentHover": { + "active": "#EBA940", + "hover": "#F5AF40", + "normal": "#FFB640", }, - "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "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": "8px", + }, + "sizeArrowHeight": { + "regular": "8px", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "regular": "4px", + }, + "sizeAvatarL": { + "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": "4px", + "sizeBaseMargin": { + "regular": "12px", + }, + "sizeBasePadding": { + "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": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "8px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", + "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, 8px)", + "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, 6px)", + "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": "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, 101px)", + "regular": "80px", + }, + "sizeButtonMorePadding": { + "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "compact": "16px", + "regular": "20px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { + "regular": "12px", + }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 28px)", + "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, 8px)", + "regular": "16px", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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", }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "sizeChoiceMargin": { + "regular": "8px", }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "sizeControlButtonWidthMin": { + "compact": "104px", + "regular": "130px", }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "sizeDivPadding": { + "regular": "4px", }, - "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "sizeDotBullet": { + "regular": "4px", }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "sizeDotClickable": { + "regular": "12px", }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "sizeDotIndicate": { + "regular": "8px", }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "sizeFieldHorizontalMargin": { + "regular": "20px", }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "sizeFieldSetMargin": { + "regular": "32px", }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "sizeFieldVerticalMargin": { + "regular": "24px", }, - "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", }, - "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "sizeFormItemPaddingVertical": { + "regular": "12px", }, - "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", }, - "sizeSplitColPaddingHorizontal": { - "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", + "sizeIconMargin": { + "compact": "8px", + "regular": "12px", }, - "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "sizeIconMorePadding": { + "compact": "8px", + "regular": "12px", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "sizeIconUI": { + "regular": "16px", }, - "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "sizeIllustrationL": { + "regular": "144px", }, - "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "sizeIllustrationM": { + "regular": "96px", }, - "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "sizeIllustrationS": { + "regular": "48px", }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "sizeIllustrationXM": { + "regular": "72px", }, - "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)", + "sizeIllustrationXXL": { + "regular": "228px", }, - "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)", + "sizeLabelHorizontalMargin": { + "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)", + "sizeLabelVerticalMargin": { + "regular": "4px", }, - "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)", + "sizeLabelWidth": { + "regular": "184px", }, - "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)", + "sizeMenuMargin": { + "regular": "2px", }, - "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)", + "sizeMenuPadding": { + "regular": "8px", }, - "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))", + "sizeOptionHierarchy": { + "regular": "32px", }, - "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)", + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", }, - "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)", + "sizePopupBasePadding": { + "compact": "32px", + "regular": "20px", }, - "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)", + "sizePopupHeaderPadding": { + "compact": "24px", + "regular": "16px", }, - "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)", + "sizePopupLarge": { + "regular": "880px", }, - "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))", + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", }, - "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)", + "sizePopupMedium": { + "regular": "680px", }, - "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)", + "sizePopupSmall": { + "regular": "430px", }, - "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)", + "sizeProgress": { + "regular": "4px", }, - "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))", + "sizeProgressScroll": { + "regular": "12px", }, - "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))", + "sizePromoButtonClose": { + "regular": "32px", }, - "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)", + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", }, - "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)", + "sizeSelectIconPadding": { + "compact": "6px", + "regular": "7px", }, - "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)", + "sizeSliceBottomPadding": { + "regular": "60px", }, - "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)", + "sizeSliceTopPadding": { + "regular": "40px", }, - "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)", + "sizeSplitColPaddingHorizontal": { + "regular": "16px", }, - "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)", + "sizeSubnavigationBarGap": { + "regular": "8px", }, - "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)", + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", }, - "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)", + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", }, - "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)", + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", }, - "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)", + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", }, - "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)", + "sizeTabMargin": { + "regular": "8px", }, - "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)", + "sizeTabPadding": { + "regular": "16px", }, - "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)", - }, + "sizeTableHorizontalPadding": { + "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)", - }, + "sizeTableVerticalPadding": { + "regular": "16px", }, - "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)", - }, + "sizeTagMargin": { + "regular": "8px", }, - "tutoriaLayoutMaxWidth": { - "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", + "sizeTagPadding": { + "regular": "8px", }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", + "sizeTipMargin": { + "regular": "4px", }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", + "sizeTooltipMargin": { + "regular": "8px", }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", + "sizeVerticalPadding": { + "regular": "0px", }, - "tutoriaSizePaddingCard": { - "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", - "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", + "sizeWysiwygIcon": { + "regular": "14px", }, - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "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": "search", + "themeNameBase": "search", + "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 tutoria theme should match root theme snapshot 1`] = ` +exports[`shapshots search 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.4, 0, 0.2, 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, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "#11ECC4", - "hover": "#12F5CA", - "normal": "#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": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#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": "#45A64A", - "hover": "#48AC4A", - "normal": "#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": "#A1E511", - "hover": "#A8EE0F", - "normal": "#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": "#EB9405", - "hover": "#F59A02", - "normal": "#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": "#DD5643", - "hover": "#E65944", - "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#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": "#6A56D8", - "hover": "#6E59DF", - "normal": "#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": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#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": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#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": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "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": "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": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "var(--vkui--color_background--active, #EBECEF)", + "hover": "var(--vkui--color_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_background, #FFFFFF)", }, "colorBackgroundAccent": { - "active": "#66ADFF", - "hover": "#3392FF", - "normal": "#0077FF", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "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": "#5393EF", - "hover": "#5698F7", - "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": "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": "#E9ECEF", - "hover": "#F4F5F7", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "colorBackgroundContrast": { - "active": "#E9ECEF", - "hover": "#F4F5F7", - "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#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": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "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, #EBECEF)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast_themed, #FFFFFF)", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#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": "#FFB3B5", - "hover": "#FF666B", - "normal": "#FF4046", + "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": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", - }, - "colorBackgroundPositive": { - "active": "#66E394", - "hover": "#34DA71", - "normal": "#02D14E", + "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)", }, - "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "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": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#E9ECEF", + "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(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "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": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#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": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "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": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#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": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#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": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#DFE1E6", - "hover": "#E8EAEE", - "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#778292", - "hover": "#7C8795", - "normal": "#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": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "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": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "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": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "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": "#161A20", - "hover": "#171B1F", - "normal": "#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": "#282B2F", - "hover": "#2A2C2F", - "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": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", + "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(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "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": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "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(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "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": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "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(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#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": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "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": "#EBECEF", - "hover": "#F5F5F7", - "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.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "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": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#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": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#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": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "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": "#E0E3E8", - "hover": "#EAECF0", - "normal": "#F4F5F7", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "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": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "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": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "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": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#689EDD", - "hover": "#6CA4E4", - "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": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#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": "#EB3C45", - "hover": "#F53E46", - "normal": "#FF4046", + "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": "#02C24D", - "hover": "#02C94D", - "normal": "#02D14E", + "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": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "active": "var(--vkui--color_text_primary--active, #282B2F)", + "hover": "var(--vkui--color_text_primary--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_primary, #2C2D2E)", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#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": "#555D69", - "hover": "#58616B", - "normal": "#5C646D", + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#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": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#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": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#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": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "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": "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": "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": { - "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, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, - "fontWeight": 600, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "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, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Roboto, 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, 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": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, + "fontSize": "var(--vkui--font_h0--font_size--compact, 44px)", + "lineHeight": "var(--vkui--font_h0--line_height--compact, 52px)", }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 500, - "lineHeight": 16, + "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)", }, }, - "fontFootnoteCaps": { + "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - "textTransform": "uppercase", + "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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 24, + "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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 24, + "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": "Roboto, 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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 500, - "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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 24, + "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": { - "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", - "fontSize": 24, - "fontWeight": 600, - "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, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "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": { - "compact": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 24, - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 24, + "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": 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, - }, - "sizeArrowPadding": { - "regular": 12, + "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)", }, - "sizeArrowPromo": { - "regular": 40, + "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)", }, - "sizeAvatarL": { - "regular": 96, + "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)", }, - "sizeAvatarM": { - "regular": 48, + "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)", }, - "sizeAvatarS": { - "regular": 32, + "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)", }, - "sizeAvatarXL": { - "regular": 128, + "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)", }, - "sizeAvatarXS": { - "regular": 24, + "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)", + }, }, - "sizeBadgeL": { - "regular": 44, + "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)", + }, }, - "sizeBadgeM": { - "regular": 24, + "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)", + }, }, - "sizeBadgeS": { - "regular": 16, + "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)", + }, }, - "sizeBadgeXL": { - "regular": 56, + "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)", + }, }, - "sizeBadgeXS": { - "regular": 12, + "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)", + }, + "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": 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": "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": 10, + "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": 8, + "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": 6, + "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": "var(--vkui--size_button_icon_padding--compact, 20px)", + "regular": "var(--vkui--size_button_icon_padding--regular, 16px)", }, "sizeButtonLargeHeight": { - "regular": 44, + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "regular": 36, + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": 101, + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonMorePadding": { + "regular": "var(--vkui--size_button_more_padding--regular, 8px)", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "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": { - "regular": 28, + "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": 8, + "regular": "var(--vkui--size_card_border_radius--regular, 16px)", }, "sizeCardgridPadding": { - "regular": 8, + "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)", }, - "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "sizeChoiceMargin": { + "regular": "var(--vkui--size_choice_margin--regular, 8px)", }, - "sizeFieldHorizontalPadding": { - "regular": 12, + "sizeControlButtonWidthMin": { + "compact": "var(--vkui--size_control_button_width_min--compact, 104px)", + "regular": "var(--vkui--size_control_button_width_min--regular, 130px)", }, - "sizeFormItemPaddingVertical": { - "regular": 12, + "sizeDivPadding": { + "regular": "var(--vkui--size_div_padding--regular, 4px)", }, - "sizeIconUI": { - "regular": 16, + "sizeDotBullet": { + "regular": "var(--vkui--size_dot_bullet--regular, 4px)", }, - "sizeLabelHorizontalMargin": { - "regular": 16, + "sizeDotClickable": { + "regular": "var(--vkui--size_dot_clickable--regular, 12px)", }, - "sizeOptionHierarchy": { - "regular": 32, + "sizeDotIndicate": { + "regular": "var(--vkui--size_dot_indicate--regular, 8px)", }, - "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "sizeFieldHorizontalMargin": { + "regular": "var(--vkui--size_field_horizontal_margin--regular, 20px)", }, - "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "sizePopupLarge": { - "regular": 880, + "sizeFieldSetMargin": { + "regular": "var(--vkui--size_field_set_margin--regular, 32px)", }, - "sizePopupMedium": { - "regular": 680, + "sizeFieldVerticalMargin": { + "regular": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, - "sizePopupSmall": { - "regular": 430, + "sizeFieldWidthMin": { + "compact": "var(--vkui--size_field_width_min--compact, 380px)", + "regular": "var(--vkui--size_field_width_min--regular, 328px)", }, - "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "sizeGrid": "var(--vkui--size_grid, 20px)", + "sizeHeaderIcon": { + "regular": "var(--vkui--size_header_icon--regular, 20px)", }, - "sizeSplitColPaddingHorizontal": { - "compact": 16, - "regular": 24, + "sizeIconMargin": { + "compact": "var(--vkui--size_icon_margin--compact, 8px)", + "regular": "var(--vkui--size_icon_margin--regular, 12px)", }, - "sizeSubnavigationBarGap": { - "regular": 8, + "sizeIconMorePadding": { + "compact": "var(--vkui--size_icon_more_padding--compact, 8px)", + "regular": "var(--vkui--size_icon_more_padding--regular, 12px)", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "sizeSwitchHeight": { - "compact": 12, - "regular": 14, + "sizeIllustrationL": { + "regular": "var(--vkui--size_illustration_l--regular, 144px)", }, - "sizeSwitchPin": { - "compact": 18, - "regular": 20, + "sizeIllustrationM": { + "regular": "var(--vkui--size_illustration_m--regular, 96px)", }, - "sizeSwitchWidth": { - "compact": 32, - "regular": 34, + "sizeIllustrationS": { + "regular": "var(--vkui--size_illustration_s--regular, 48px)", }, - "sizeTooltipMargin": { - "regular": 8, + "sizeIllustrationXM": { + "regular": "var(--vkui--size_illustration_x_m--regular, 72px)", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeName": "tutoria", - "themeNameBase": "tutoria", - "themeType": "root", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", + "sizeIllustrationXXL": { + "regular": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", + "sizeLabelVerticalMargin": { + "regular": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", + "sizeLabelWidth": { + "regular": "var(--vkui--size_label_width--regular, 184px)", }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", + "sizeMenuMargin": { + "regular": "var(--vkui--size_menu_margin--regular, 2px)", }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "sizeMenuPadding": { + "regular": "var(--vkui--size_menu_padding--regular, 8px)", }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 20px)", }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 24px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 16px)", }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", + "sizePopupMargin": { + "compact": "var(--vkui--size_popup_margin--compact, 24px)", + "regular": "var(--vkui--size_popup_margin--regular, 8px)", }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "sizeProgress": { + "regular": "var(--vkui--size_progress--regular, 4px)", }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", + "sizeProgressScroll": { + "regular": "var(--vkui--size_progress_scroll--regular, 12px)", }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", + "sizePromoButtonClose": { + "regular": "var(--vkui--size_promo_button_close--regular, 32px)", }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, - "tutoriaColorStrokeInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 6px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 7px)", }, - "tutoriaColorStrokeInfoTint": { - "active": "#8DC2EB", - "hover": "#93C9F2", - "normal": "#99D1FA", + "sizeSliceBottomPadding": { + "regular": "var(--vkui--size_slice_bottom_padding--regular, 60px)", }, - "tutoriaColorStrokeNegativeTint": { - "active": "#EBA6AB", - "hover": "#F5ACB0", - "normal": "#FFB3B5", + "sizeSliceTopPadding": { + "regular": "var(--vkui--size_slice_top_padding--regular, 40px)", }, - "tutoriaColorStrokePositiveTint": { - "active": "#8CDBAD", - "hover": "#92E4B2", - "normal": "#98EDB7", + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, - "tutoriaColorStrokePrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "tutoriaColorStrokeSecondary": { - "active": "#C3C9D1", - "hover": "#CCD1D8", - "normal": "#D4D9DE", + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, - }, + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, - }, + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 20, - }, + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", }, - "tutoriaLayoutMaxWidth": { - "regular": 1224, + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": 8, + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": 10, + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": 12, + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", }, - "tutoriaSizePaddingCard": { - "compact": 16, - "regular": 24, + "sizeWysiwygIcon": { + "regular": "var(--vkui--size_wysiwyg_icon--regular, 14px)", }, - "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, 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 tutoriaDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots search 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.4, 0, 0.2, 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)", + "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, }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "touch": { + "adaptiveValue": "regular", + "breakpoint": 0, }, }, + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #689EDD)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #6CA4E4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", - }, + "active": "#06D4EA", + "hover": "#07DCF1", + "normal": "#07E5F9", }, "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", - }, + "active": "#A9E971", + "hover": "#B1F373", + "normal": "#B8FC75", }, "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", - }, + "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, #EBB25F)", - }, - "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #F5B961)", - }, - "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", - }, + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", - }, + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #8D7CEF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9380F7)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", - }, + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "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, #E65DBB)", - }, - "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)", - }, + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #9B4AEF)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #A24CF7)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", - }, + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "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, #6CA4E4)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, 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": { - "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, #090A0E)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #0A0A0C)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", - }, + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #ffffff)", - }, + "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(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(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": "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": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #17181D)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #18191B)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", - }, + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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, #282B2F)", - }, - "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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, #282B2F)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #1A3652)", - }, - "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #1B3753)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", - }, + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #1A1C20)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #1B1C1F)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", - }, + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", }, "colorBackgroundNegative": { - "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #F5595B)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", - }, + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #4B2C2F)", - }, - "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #4F2D2F)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", - }, + "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": { - "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #2A3A2C)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #2C3C2C)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", - }, + "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": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #202126)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", - }, + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": { - "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_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", - }, + "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, #1D1F23)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #1F1F22)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", - }, + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": { - "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_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 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": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #413018)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #443217)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", - }, + "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": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #ffffff)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #ffffff)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #ffffff)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #202126)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 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, #17181D)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #18191B)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #ffffff)", - }, + "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, #000105)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #000102)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #A2A4AC)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #A9ABB1)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", - }, + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "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(241, 247, 255, 0.7000000000000001))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", - }, + "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, #EB565A)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #F5595B)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", - }, + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", - }, + "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, #6D7075)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #717478)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", - }, + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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(241, 247, 255, 0.47000000000000003))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", - }, + "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, #56595E)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #595C60)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", - }, + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.34))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", - }, + "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, #DAA353)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #E4AA54)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", - }, + "active": "#EB9305", + "hover": "#F59802", + "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(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, #27292D)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #282A2D)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", - }, + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "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(241, 247, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 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": { - "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.40))", - }, + "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(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "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, #689EDD)", - }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #6CA4E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "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, #343538)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", - }, + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { - "active": { - "name": "--vkui--color_segmented_control--active", - "value": "var(--vkui--color_segmented_control--active, #5A5C61)", - }, - "hover": { - "name": "--vkui--color_segmented_control--hover", - "value": "var(--vkui--color_segmented_control--hover, #5E6062)", - }, - "normal": { - "name": "--vkui--color_segmented_control", - "value": "var(--vkui--color_segmented_control, #626364)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #323438)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #343538)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", - }, + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #3F4145)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #414346)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", - }, + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #4A4D51)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", - }, + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 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, #121418)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #131417)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", - }, + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #202126)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #222225)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", - }, + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #282B2F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", - }, + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", - }, + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #ffffff)", - }, + "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, #EB565A)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #F5595B)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", - }, + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", - }, + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", - }, + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #ffffff)", - }, + "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, #000105)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #000102)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #4B93E5)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #4F98ED)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", - }, + "active": "#004EB1", + "hover": "#0050B6", + "normal": "#0053BB", }, "colorTextLinkThemed": { - "active": { - "name": "--vkui--color_text_link_themed--active", - "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, #F5F5F7)", - }, - "normal": { - "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #ffffff)", - }, + "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, #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)", - }, + "active": "#4D0452", + "hover": "#510453", + "normal": "#540354", }, "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", - }, + "active": "#34383E", + "hover": "#37393E", + "normal": "#393B3E", }, "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #EB565A)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #F5595B)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", - }, + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", - }, + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "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)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #6D7075)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #717478)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", - }, + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, + "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": "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": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, + "fontCaption2": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, - "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #8A8F97)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #90949B)", + }, + "fontCaption3": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, + "textTransform": "uppercase", }, }, - "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #56595E)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #595C60)", + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "lineHeight": 22, }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, }, }, - "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #3F4246)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #424447)", + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + }, + "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, }, }, - "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #3B516E)", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 18, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #3D5470)", + }, + "fontH0": { + "compact": { + "fontSize": 44, + "lineHeight": 52, }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 28, + "fontWeight": 500, + "lineHeight": 32, }, }, - "colorTransparent": { - "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", + "fontH1": { + "compact": { + "fontSize": 32, + "lineHeight": 36, }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + }, + "fontH2": { + "compact": { + "fontSize": 28, + "lineHeight": 32, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, - "colorWriteBarIcon": { - "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #6D7075)", + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #717478)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + }, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, - "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #282B2F)", + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #2A2C2F)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + }, + "fontParagraph": { + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, }, - "colorWriteBarInputBorder": { - "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #282B2F)", + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 18, }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #2A2C2F)", + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + }, + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "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))", + "fontTitle1": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, - "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))", + }, + "fontTitle2": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + "fontTitle3": { + "regular": { + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 22, }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "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", }, - "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))", + "searchColorBackgroundOrangeAccentActive": { + "active": "#E18D05", + "hover": "#EB9302", + "normal": "#F59800", }, - "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))", + "searchColorBackgroundOrangeAccentHover": { + "active": "#EBA940", + "hover": "#F5AF40", + "normal": "#FFB640", }, - "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))", + "searchColorTextLinkAlternativeHover": { + "active": "#DE641A", + "hover": "#E76719", + "normal": "#F16B17", }, - "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))", + "searchColorTextLinkPositive": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, - "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))", + "searchColorTextLinkPositiveTint": { + "active": "#629D62", + "hover": "#66A363", + "normal": "#6AA965", }, - "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)", - }, - }, + "searchFontForAdvertisingBold": { "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)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": 24, }, "regular": { - "fontFamily": { - "name": "--vkui--font_caption1--font_family--regular", - "value": "var(--vkui--font_caption1--font_family--regular, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_caption1--line_height--regular", - "value": "var(--vkui--font_caption1--line_height--regular, 16px)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 17, + "fontWeight": 700, + "lineHeight": 24, }, }, - "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)", - }, - "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)", - }, + "searchFontGreenURL": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, "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)", - }, - "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, 600)", - }, - "lineHeight": { - "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)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, - "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)", - }, + "searchFontParagraphBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, "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)", - }, - "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": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, - "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)", - }, - "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)", - }, + "searchFontSearchBigText": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, "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)", - }, - "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, 600)", - }, - "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": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, - "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)", - }, + "searchFontSearchBigTextBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 16, + "fontWeight": 700, + "lineHeight": 20, }, "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)", - }, - "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": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, - "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)", - }, - "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)", - }, + "searchFontSearchCaption1Bold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "lineHeight": 16, }, "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)", - }, - "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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 12, + "fontWeight": 700, + "lineHeight": 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)", - }, - }, + "searchFontSearchCaption1MailSans": { "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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)", - }, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, }, "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, }, }, - "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--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)", - }, - }, + "searchFontSearchCaption2MailSans": { "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)", - }, - "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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_footnote--line_height--regular", - "value": "var(--vkui--font_footnote--line_height--regular, 16px)", - }, - }, - }, - "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)", - }, - "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)", - }, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, "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)", - }, - "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)", - }, - "lineHeight": { - "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)", - }, + "fontFamily": "MailSans, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, - "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)", - }, - }, + "searchFontSearchExtraHeadline": { "regular": { - "fontFamily": { - "name": "--vkui--font_headline--font_family--regular", - "value": "var(--vkui--font_headline--font_family--regular, Roboto, 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, 24px)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 24, + "fontWeight": 700, + "lineHeight": 28, }, }, - "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)", - }, + "searchFontSearchFootnoteBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 700, + "lineHeight": 18, }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline1--font_family--regular", - "value": "var(--vkui--font_headline1--font_family--regular, Roboto, 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, 24px)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 13, + "fontWeight": 700, + "lineHeight": 18, }, }, - "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)", - }, + "searchFontSearchFootnoteMailSans": { + "compact": { + "fontFamily": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 500, + "lineHeight": 18, }, "regular": { - "fontFamily": { - "name": "--vkui--font_headline2--font_family--regular", - "value": "var(--vkui--font_headline2--font_family--regular, Roboto, 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": "MailSans, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 500, + "lineHeight": 18, }, }, - "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)", - }, + "searchFontSearchHeadline2": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 20, }, "regular": { - "fontFamily": { - "name": "--vkui--font_paragraph--font_family--regular", - "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, 14px)", - }, - "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, 18px)", - }, + "fontFamily": "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)", - }, + "searchFontSearchSubheadBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 700, + "lineHeight": 18, }, "regular": { - "fontFamily": { - "name": "--vkui--font_subhead--font_family--regular", - "value": "var(--vkui--font_subhead--font_family--regular, Roboto, 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, 500)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--regular", - "value": "var(--vkui--font_subhead--line_height--regular, 18px)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 14, + "fontWeight": 700, + "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)", - }, + "searchFontSearchTextBold": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 700, + "lineHeight": 20, }, "regular": { - "fontFamily": { - "name": "--vkui--font_text--font_family--regular", - "value": "var(--vkui--font_text--font_family--regular, Roboto, 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, 24px)", - }, + "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)", - }, - }, - "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)", - }, + "searchFontSearchTextMailSans": { + "compact": { + "fontFamily": "Arial, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, "regular": { - "fontFamily": { - "name": "--vkui--font_title1--font_family--regular", - "value": "var(--vkui--font_title1--font_family--regular, VKSansDisplay, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, - "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)", - }, - }, + "searchFontSearchTitle4": { "regular": { - "fontFamily": { - "name": "--vkui--font_title2--font_family--regular", - "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 18, + "fontWeight": 400, + "lineHeight": 24, }, }, - "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)", - }, - }, - "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)", - }, - }, + "searchFontSearchTitle4Bold": { "regular": { - "fontFamily": { - "name": "--vkui--font_title3--font_family--regular", - "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, 16px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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, 24px)", - }, + "fontFamily": "Arial, sans-serif", + "fontSize": 18, + "fontWeight": 700, + "lineHeight": 24, }, }, - "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", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "regular": 8, + }, + "sizeArrowHeight": { + "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": { + "regular": 12, + }, + "sizeAttributeMargin": { + "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)", - }, + "regular": 12, + }, + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, + }, + "sizeBasePadding": { + "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, 12px)", - }, + "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, }, - "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, 10px)", - }, + "sizeBorderWidthAccent": { + "regular": 8, }, - "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)", - }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, + }, + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, + }, + "sizeButtonBaseLargePaddingHorizontalIcon": { + "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, 8px)", - }, + "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, 6px)", - }, + "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": { + "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, 101px)", - }, + "regular": 80, + }, + "sizeButtonMorePadding": { + "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, 12px)", - }, + "compact": 16, + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { + "regular": 12, + }, + "sizeButtonSliderWidthPointer": { + "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, 28px)", - }, + "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, 8px)", - }, + "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, 8px)", - }, + "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": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "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)", - }, + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalMargin": { + "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": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "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)", - }, + "regular": 12, + }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "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, 16px)", - }, + "regular": 16, + }, + "sizeIllustrationL": { + "regular": 144, + }, + "sizeIllustrationM": { + "regular": 96, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "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": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "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)", - }, + "compact": 48, + "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, 20px)", - }, - "regular": { - "name": "--vkui--size_popup_base_padding--regular", - "value": "var(--vkui--size_popup_base_padding--regular, 32px)", - }, + "compact": 32, + "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, 16px)", - }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "var(--vkui--size_popup_header_padding--regular, 24px)", - }, + "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": { + "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": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "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)", - }, + "compact": 32, + "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, 7px)", - }, - "regular": { - "name": "--vkui--size_select_icon_padding--regular", - "value": "var(--vkui--size_select_icon_padding--regular, 6px)", - }, + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, }, "sizeSplitColPaddingHorizontal": { - "auto": { - "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)", - }, + "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)", - }, + "compact": 12, + "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)", - }, + "compact": 18, + "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)", - }, + "compact": 32, + "regular": 34, }, - "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)", - }, + "sizeTabMargin": { + "regular": 8, }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "sizeTabPadding": { + "regular": 16, }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "sizeTableHorizontalPadding": { + "regular": 16, }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "sizeTableVerticalPadding": { + "regular": 16, }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "sizeTagMargin": { + "regular": 8, }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "sizeTagPadding": { + "regular": 8, }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "sizeTipMargin": { + "regular": 4, }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "sizeTooltipMargin": { + "regular": 8, }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "sizeVerticalPadding": { + "regular": 0, }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "sizeWysiwygIcon": { + "regular": 14, }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "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)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, tutoriaDark)", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, tutoria)", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "themeType": "cssVars", - "tutoriaColorBackgroundAccentTint": { + "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--tutoria_color_background_accent_tint--active", - "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { - "name": "--vkui--tutoria_color_background_accent_tint--hover", - "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "normal": { - "name": "--vkui--tutoria_color_background_accent_tint", - "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "tutoriaColorBackgroundContentInverse": { + "colorAccentBlue": { "active": { - "name": "--vkui--tutoria_color_background_content_inverse--active", - "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #006FEF)", }, "hover": { - "name": "--vkui--tutoria_color_background_content_inverse--hover", - "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #0073F7)", }, "normal": { - "name": "--vkui--tutoria_color_background_content_inverse", - "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #0077FF)", }, }, - "tutoriaColorBackgroundInfo": { + "colorAccentCyan": { "active": { - "name": "--vkui--tutoria_color_background_info--active", - "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #06D4EA)", }, "hover": { - "name": "--vkui--tutoria_color_background_info--hover", - "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #07DCF1)", }, "normal": { - "name": "--vkui--tutoria_color_background_info", - "value": "var(--vkui--tutoria_color_background_info, #008DF2)", + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #07E5F9)", }, }, - "tutoriaColorBackgroundInfoTint": { + "colorAccentGray": { "active": { - "name": "--vkui--tutoria_color_background_info_tint--active", - "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #989BA4)", }, "hover": { - "name": "--vkui--tutoria_color_background_info_tint--hover", - "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9EA1A9)", }, "normal": { - "name": "--vkui--tutoria_color_background_info_tint", - "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #A5A7AD)", }, }, - "tutoriaColorBackgroundNegativeTint": { + "colorAccentGreen": { "active": { - "name": "--vkui--tutoria_color_background_negative_tint--active", - "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #0CB465)", }, "hover": { - "name": "--vkui--tutoria_color_background_negative_tint--hover", - "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #0CBB66)", }, "normal": { - "name": "--vkui--tutoria_color_background_negative_tint", - "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #0DC268)", }, }, - "tutoriaColorBackgroundNeutral": { + "colorAccentLime": { "active": { - "name": "--vkui--tutoria_color_background_neutral--active", - "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A9E971)", }, "hover": { - "name": "--vkui--tutoria_color_background_neutral--hover", - "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B1F373)", }, "normal": { - "name": "--vkui--tutoria_color_background_neutral", - "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #B8FC75)", }, }, - "tutoriaColorBackgroundOverlayAlpha": { + "colorAccentOrange": { "active": { - "name": "--vkui--tutoria_color_background_overlay_alpha--active", - "value": "var(--vkui--tutoria_color_background_overlay_alpha--active, rgba(24, 27, 30, 0.48))", + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9305)", }, "hover": { - "name": "--vkui--tutoria_color_background_overlay_alpha--hover", - "value": "var(--vkui--tutoria_color_background_overlay_alpha--hover, rgba(24, 27, 30, 0.44))", + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59802)", }, "normal": { - "name": "--vkui--tutoria_color_background_overlay_alpha", - "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #FF9E00)", }, }, - "tutoriaColorBackgroundPositiveTint": { + "colorAccentOrangeFire": { "active": { - "name": "--vkui--tutoria_color_background_positive_tint--active", - "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", }, "hover": { - "name": "--vkui--tutoria_color_background_positive_tint--hover", - "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", }, "normal": { - "name": "--vkui--tutoria_color_background_positive_tint", - "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #F05C44)", }, }, - "tutoriaColorBackgroundPrimary": { + "colorAccentOrangePeach": { "active": { - "name": "--vkui--tutoria_color_background_primary--active", - "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", }, "hover": { - "name": "--vkui--tutoria_color_background_primary--hover", - "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", }, "normal": { - "name": "--vkui--tutoria_color_background_primary", - "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, }, - "tutoriaColorBackgroundWarning": { + "colorAccentPink": { "active": { - "name": "--vkui--tutoria_color_background_warning--active", - "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #EB367F)", }, "hover": { - "name": "--vkui--tutoria_color_background_warning--hover", - "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F53782)", }, "normal": { - "name": "--vkui--tutoria_color_background_warning", - "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #FF3985)", }, }, - "tutoriaColorBackgroundWarningTint": { + "colorAccentPurple": { "active": { - "name": "--vkui--tutoria_color_background_warning_tint--active", - "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #815DEF)", }, "hover": { - "name": "--vkui--tutoria_color_background_warning_tint--hover", - "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #8661F7)", }, "normal": { - "name": "--vkui--tutoria_color_background_warning_tint", - "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #8C64FF)", }, }, - "tutoriaColorCardBoxShadowAlpha": { + "colorAccentRaspberryPink": { "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))", + "name": "--vkui--color_accent_raspberry_pink--active", + "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", }, "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))", + "name": "--vkui--color_accent_raspberry_pink--hover", + "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", }, "normal": { - "name": "--vkui--tutoria_color_card_box_shadow_alpha", - "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", + "name": "--vkui--color_accent_raspberry_pink", + "value": "var(--vkui--color_accent_raspberry_pink, #E03FAB)", }, }, - "tutoriaColorIconInfo": { + "colorAccentRed": { "active": { - "name": "--vkui--tutoria_color_icon_info--active", - "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #DA300E)", }, "hover": { - "name": "--vkui--tutoria_color_icon_info--hover", - "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #E4320C)", }, "normal": { - "name": "--vkui--tutoria_color_icon_info", - "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ED330A)", }, }, - "tutoriaColorIconLink": { + "colorAccentSecondary": { "active": { - "name": "--vkui--tutoria_color_icon_link--active", - "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #EB9305)", }, "hover": { - "name": "--vkui--tutoria_color_icon_link--hover", - "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #F59802)", }, "normal": { - "name": "--vkui--tutoria_color_icon_link", - "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #FF9E00)", }, }, - "tutoriaColorIconWarning": { + "colorAccentViolet": { "active": { - "name": "--vkui--tutoria_color_icon_warning--active", - "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B257E4)", }, "hover": { - "name": "--vkui--tutoria_color_icon_warning--hover", - "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #B95AEC)", }, "normal": { - "name": "--vkui--tutoria_color_icon_warning", - "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #C15DF3)", }, }, - "tutoriaColorSeparatorPrimaryAlpha": { + "colorActionSheetText": { "active": { - "name": "--vkui--tutoria_color_separator_primary_alpha--active", - "value": "var(--vkui--tutoria_color_separator_primary_alpha--active, rgba(233, 236, 239, 0.28))", + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #006FEF)", }, "hover": { - "name": "--vkui--tutoria_color_separator_primary_alpha--hover", - "value": "var(--vkui--tutoria_color_separator_primary_alpha--hover, rgba(233, 236, 239, 0.24))", + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #0073F7)", }, "normal": { - "name": "--vkui--tutoria_color_separator_primary_alpha", - "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #0077ff)", }, }, - "tutoriaColorSeparatorSecondaryAlpha": { + "colorAvatarOverlay": { "active": { - "name": "--vkui--tutoria_color_separator_secondary_alpha--active", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha--active, rgba(233, 236, 239, 0.18))", + "name": "--vkui--color_avatar_overlay--active", + "value": "var(--vkui--color_avatar_overlay--active, rgba(145, 147, 153, 0.56))", }, "hover": { - "name": "--vkui--tutoria_color_separator_secondary_alpha--hover", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha--hover, rgba(233, 236, 239, 0.14))", + "name": "--vkui--color_avatar_overlay--hover", + "value": "var(--vkui--color_avatar_overlay--hover, rgba(145, 147, 153, 0.52))", }, "normal": { - "name": "--vkui--tutoria_color_separator_secondary_alpha", - "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(145, 147, 153, 0.48))", }, }, - "tutoriaColorStrokeAccentTint": { + "colorAvatarOverlayInverseAlpha": { "active": { - "name": "--vkui--tutoria_color_stroke_accent_tint--active", - "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", + "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--tutoria_color_stroke_accent_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", + "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--tutoria_color_stroke_accent_tint", - "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", + "name": "--vkui--color_avatar_overlay_inverse_alpha", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, }, - "tutoriaColorStrokeInfo": { + "colorBackground": { "active": { - "name": "--vkui--tutoria_color_stroke_info--active", - "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #EBECEF)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_info--hover", - "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_info", - "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #FFFFFF)", }, }, - "tutoriaColorStrokeInfoTint": { + "colorBackgroundAccent": { "active": { - "name": "--vkui--tutoria_color_stroke_info_tint--active", - "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #006FEF)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_info_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #0073F7)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_info_tint", - "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #0077FF)", }, }, - "tutoriaColorStrokeNegativeTint": { + "colorBackgroundAccentAlternative": { "active": { - "name": "--vkui--tutoria_color_stroke_negative_tint--active", - "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", + "name": "--vkui--color_background_accent_alternative--active", + "value": "var(--vkui--color_background_accent_alternative--active, #EB9305)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_negative_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", + "name": "--vkui--color_background_accent_alternative--hover", + "value": "var(--vkui--color_background_accent_alternative--hover, #F59802)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_negative_tint", - "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #FF9E00)", }, }, - "tutoriaColorStrokePositiveTint": { + "colorBackgroundAccentThemed": { "active": { - "name": "--vkui--tutoria_color_stroke_positive_tint--active", - "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", + "name": "--vkui--color_background_accent_themed--active", + "value": "var(--vkui--color_background_accent_themed--active, #006FEF)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_positive_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #0073F7)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_positive_tint", - "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #0077FF)", }, }, - "tutoriaColorStrokePrimary": { + "colorBackgroundAccentThemedAlpha": { "active": { - "name": "--vkui--tutoria_color_stroke_primary--active", - "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", + "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--tutoria_color_stroke_primary--hover", - "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", + "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--tutoria_color_stroke_primary", - "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(0, 119, 255, 0.2))", }, }, - "tutoriaColorStrokeSecondary": { + "colorBackgroundAccentTint": { "active": { - "name": "--vkui--tutoria_color_stroke_secondary--active", - "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", + "name": "--vkui--color_background_accent_tint--active", + "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_secondary--hover", - "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_secondary", - "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, - "tutoriaColorStrokeTertiary": { + "colorBackgroundAccentTintAlpha": { "active": { - "name": "--vkui--tutoria_color_stroke_tertiary--active", - "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", + "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--tutoria_color_stroke_tertiary--hover", - "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", + "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--tutoria_color_stroke_tertiary", - "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", + "name": "--vkui--color_background_accent_tint_alpha", + "value": "var(--vkui--color_background_accent_tint_alpha, rgba(0, 119, 255, 0.06))", }, }, - "tutoriaColorStrokeWarning": { + "colorBackgroundAccentTintThemed": { "active": { - "name": "--vkui--tutoria_color_stroke_warning--active", - "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", + "name": "--vkui--color_background_accent_tint_themed--active", + "value": "var(--vkui--color_background_accent_tint_themed--active, #DDE5EF)", }, "hover": { - "name": "--vkui--tutoria_color_stroke_warning--hover", - "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", + "name": "--vkui--color_background_accent_tint_themed--hover", + "value": "var(--vkui--color_background_accent_tint_themed--hover, #E6EEF7)", }, "normal": { - "name": "--vkui--tutoria_color_stroke_warning", - "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", + "name": "--vkui--color_background_accent_tint_themed", + "value": "var(--vkui--color_background_accent_tint_themed, #f0f7ff)", }, }, - "tutoriaColorStrokeWarningTint": { + "colorBackgroundAccentTintThemedAlpha": { "active": { - "name": "--vkui--tutoria_color_stroke_warning_tint--active", - "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", + "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--tutoria_color_stroke_warning_tint--hover", - "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", + "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--tutoria_color_stroke_warning_tint", - "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", + "name": "--vkui--color_background_accent_tint_themed_alpha", + "value": "var(--vkui--color_background_accent_tint_themed_alpha, rgba(0, 119, 255, 0.06))", }, }, - "tutoriaColorTextInfo": { + "colorBackgroundContent": { "active": { - "name": "--vkui--tutoria_color_text_info--active", - "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { - "name": "--vkui--tutoria_color_text_info--hover", - "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { - "name": "--vkui--tutoria_color_text_info", - "value": "var(--vkui--tutoria_color_text_info, #008DF2)", + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, - "tutoriaColorTextWarning": { + "colorBackgroundContentInverse": { "active": { - "name": "--vkui--tutoria_color_text_warning--active", - "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #202126)", }, "hover": { - "name": "--vkui--tutoria_color_text_warning--hover", - "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #222225)", }, "normal": { - "name": "--vkui--tutoria_color_text_warning", - "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #232324)", }, }, - "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)", - }, + "colorBackgroundContrast": { + "active": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #EBECEF)", }, - "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)", - }, + "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)", }, }, - "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)", - }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #2C2D31)", }, - "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)", - }, + "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)", }, }, - "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)", - }, + "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))", }, - "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)", - }, + "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))", }, }, - "tutoriaLayoutMaxWidth": { - "auto": { - "name": "--vkui--tutoria_layout_max_width", - "value": "var(--vkui--tutoria_layout_max_width)", + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", }, - "regular": { - "name": "--vkui--tutoria_layout_max_width--regular", - "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", + "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)", }, }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_large_border_radius", - "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #DDE2EF)", }, - "regular": { - "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", + "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)", }, }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_medium_border_radius", - "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, - "regular": { - "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", + "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)", }, }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "auto": { - "name": "--vkui--tutoria_size_button_base_small_border_radius", - "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", + "colorBackgroundModalInverse": { + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #2C2D31)", }, - "regular": { - "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", - "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", + "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)", }, }, - "tutoriaSizePaddingCard": { - "auto": { - "name": "--vkui--tutoria_size_padding_card", - "value": "var(--vkui--tutoria_size_padding_card)", + "colorBackgroundNegative": { + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #DA300E)", }, - "compact": { - "name": "--vkui--tutoria_size_padding_card--compact", - "value": "var(--vkui--tutoria_size_padding_card--compact, 16px)", + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #E4320C)", }, - "regular": { - "name": "--vkui--tutoria_size_padding_card--regular", - "value": "var(--vkui--tutoria_size_padding_card--regular, 24px)", + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #ED330A)", }, }, - "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 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.4, 0, 0.2, 1)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", - }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", - }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", - }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#EBB25F", - "hover": "#F5B961", - "normal": "#FFC062", - }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", - }, - "colorAccentPurple": { - "active": "#8D7CEF", - "hover": "#9380F7", - "normal": "#9985ff", - }, - "colorAccentRaspberryPink": { - "active": "#DD5AB6", - "hover": "#E65DBB", - "normal": "#f060c0", - }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorAccentViolet": { - "active": "#9B4AEF", - "hover": "#A24CF7", - "normal": "#a94fff", - }, - "colorActionSheetText": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", - }, - "colorAvatarOverlay": { - "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)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", - }, - "colorBackground": { - "active": "#090A0E", - "hover": "#0A0A0C", - "normal": "#0a0a0a", - }, - "colorBackgroundAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", - }, - "colorBackgroundAccentAlternative": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529EF4", + "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)", + }, }, - "colorBackgroundAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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))", + }, }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "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)", + }, }, - "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "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))", + }, }, - "colorBackgroundContent": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191a", + "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)", + }, }, - "colorBackgroundContentInverse": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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)", + }, }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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))", + }, }, - "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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)", + }, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "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))", + }, }, - "colorBackgroundContrastThemed": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "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)", + }, }, - "colorBackgroundInfoTint": { - "active": "#1A3652", - "hover": "#1B3753", - "normal": "#1C3954", + "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))", + }, }, - "colorBackgroundModal": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "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)", + }, }, - "colorBackgroundModalInverse": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "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))", + }, }, - "colorBackgroundNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "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)", + }, }, - "colorBackgroundNegativeTint": { - "active": "#4B2C2F", - "hover": "#4F2D2F", - "normal": "#522E2E", + "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))", + }, }, - "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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)", + }, }, - "colorBackgroundPositiveTint": { - "active": "#2A3A2C", - "hover": "#2C3C2C", - "normal": "#2E3E2B", + "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)", + }, }, - "colorBackgroundSecondary": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "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))", + }, }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "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)", + }, }, - "colorBackgroundTertiary": { - "active": "#1D1F23", - "hover": "#1F1F22", - "normal": "#202021", + "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))", + }, }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "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)", + }, }, - "colorBackgroundWarning": { - "active": "#413018", - "hover": "#443217", - "normal": "#473315", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#202126", - "hover": "#222225", - "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.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 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": "#17181D", - "hover": "#18191B", - "normal": "#19191a", + "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": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#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": "#DFE1E6", - "hover": "#E8EAEE", - "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": "#000105", - "hover": "#000102", - "normal": "#000000", + "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": "#A2A4AC", - "hover": "#A9ABB1", - "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(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "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": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #ED330a)", + }, }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "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(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "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": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "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(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "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": "#DAA353", - "hover": "#E4AA54", - "normal": "#EDB055", + "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": "#27292D", - "hover": "#282A2D", - "normal": "#2a2b2c", + "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(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "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.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "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": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "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": "#323438", - "hover": "#343538", - "normal": "#363738", + "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": "#5A5C61", - "hover": "#5E6062", - "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": "#323438", - "hover": "#343538", - "normal": "#363738", + "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": "#3F4145", - "hover": "#414346", - "normal": "#444546", + "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": "#4A4D51", - "hover": "#4D4F52", - "normal": "#505253", + "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(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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": "#121418", - "hover": "#131417", - "normal": "#141415", + "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": "#202126", - "hover": "#222225", - "normal": "#232324", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#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": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #DA300E)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #E4320C)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #ED330a)", + }, }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#6D7075", - "hover": "#717478", - "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": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#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": "#000105", - "hover": "#000102", - "normal": "#000000", + "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": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#689EDD", - "hover": "#6CA4E4", - "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": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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": "#EB565A", - "hover": "#F5595B", - "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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)", + }, }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "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": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "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)", + }, }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, }, "colorTextSubhead": { - "active": "#8A8F97", - "hover": "#90949B", - "normal": "#969a9f", + "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": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", - }, - "colorTrackBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", - }, - "colorTrackBuffer": { - "active": "#3B516E", - "hover": "#3D5470", - "normal": "#405772", - }, - "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "colorWriteBarIcon": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", - }, - "colorWriteBarInputBackground": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorWriteBarInputBorder": { - "active": "#282B2F", - "hover": "#2A2C2F", - "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": "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)", - "fontCaption1": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "16px", + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #9CA0AA)", }, - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "12px", - "fontWeight": 500, - "lineHeight": "16px", + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #A3A7AE)", }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #AAADB3)", }, }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "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))", }, - }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", + "hover": { + "name": "--vkui--color_thumb_error_background_alpha--hover", + "value": "var(--vkui--color_thumb_error_background_alpha--hover, rgba(237, 10, 52, 0.16))", }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "normal": { + "name": "--vkui--color_thumb_error_background_alpha", + "value": "var(--vkui--color_thumb_error_background_alpha, rgba(237, 10, 52, 0.12))", }, }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "lineHeight": "12px", - "textTransform": "uppercase", + "colorTooltipBackgroundBlueTint": { + "active": { + "name": "--vkui--color_tooltip_background_blue_tint--active", + "value": "var(--vkui--color_tooltip_background_blue_tint--active, #CBD8EF)", }, - }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", }, }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "colorTooltipBackgroundGreenTint": { + "active": { + "name": "--vkui--color_tooltip_background_green_tint--active", + "value": "var(--vkui--color_tooltip_background_green_tint--active, #BEDCD8)", }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "hover": { + "name": "--vkui--color_tooltip_background_green_tint--hover", + "value": "var(--vkui--color_tooltip_background_green_tint--hover, #C6E5DF)", }, - }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "normal": { + "name": "--vkui--color_tooltip_background_green_tint", + "value": "var(--vkui--color_tooltip_background_green_tint, #CEEEE6)", }, }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "colorTooltipBackgroundOrangeTint": { + "active": { + "name": "--vkui--color_tooltip_background_orange_tint--active", + "value": "var(--vkui--color_tooltip_background_orange_tint--active, #E5C3B3)", }, - }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", - "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", - "fontFootnote": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", + "hover": { + "name": "--vkui--color_tooltip_background_orange_tint--hover", + "value": "var(--vkui--color_tooltip_background_orange_tint--hover, #EFCBB8)", }, - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "13px", - "fontWeight": 500, - "lineHeight": "16px", + "normal": { + "name": "--vkui--color_tooltip_background_orange_tint", + "value": "var(--vkui--color_tooltip_background_orange_tint, #F9D3BD)", }, }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - "textTransform": "uppercase", + "colorTooltipBackgroundPurpleTint": { + "active": { + "name": "--vkui--color_tooltip_background_purple_tint--active", + "value": "var(--vkui--color_tooltip_background_purple_tint--active, #DFD7EF)", }, - }, - "fontHeadline": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "24px", + "hover": { + "name": "--vkui--color_tooltip_background_purple_tint--hover", + "value": "var(--vkui--color_tooltip_background_purple_tint--hover, #E8DFF7)", }, - }, - "fontHeadline1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "24px", + "normal": { + "name": "--vkui--color_tooltip_background_purple_tint", + "value": "var(--vkui--color_tooltip_background_purple_tint, #F2E8FF)", }, }, - "fontHeadline2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "colorTooltipTextBlueThemed": { + "active": { + "name": "--vkui--color_tooltip_text_blue_themed--active", + "value": "var(--vkui--color_tooltip_text_blue_themed--active, #1A4074)", }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "hover": { + "name": "--vkui--color_tooltip_text_blue_themed--hover", + "value": "var(--vkui--color_tooltip_text_blue_themed--hover, #1B4277)", }, - }, - "fontSubhead": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "14px", - "fontWeight": 500, - "lineHeight": "18px", + "normal": { + "name": "--vkui--color_tooltip_text_blue_themed", + "value": "var(--vkui--color_tooltip_text_blue_themed, #1C4479)", }, }, - "fontText": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "24px", + "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)", }, }, - "fontTitle1": { - "largeX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "32px", - "fontWeight": 600, - "lineHeight": "36px", + "colorTooltipTextOrangeThemed": { + "active": { + "name": "--vkui--color_tooltip_text_orange_themed--active", + "value": "var(--vkui--color_tooltip_text_orange_themed--active, #6E432C)", }, - "largeXX": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "40px", - "fontWeight": 600, - "lineHeight": "44px", + "hover": { + "name": "--vkui--color_tooltip_text_orange_themed--hover", + "value": "var(--vkui--color_tooltip_text_orange_themed--hover, #73452B)", }, - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "normal": { + "name": "--vkui--color_tooltip_text_orange_themed", + "value": "var(--vkui--color_tooltip_text_orange_themed, #78472A)", }, }, - "fontTitle2": { - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "colorTooltipTextPurpleThemed": { + "active": { + "name": "--vkui--color_tooltip_text_purple_themed--active", + "value": "var(--vkui--color_tooltip_text_purple_themed--active, #6A4C97)", }, - }, - "fontTitle3": { - "compact": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "24px", + "hover": { + "name": "--vkui--color_tooltip_text_purple_themed--hover", + "value": "var(--vkui--color_tooltip_text_purple_themed--hover, #6E4E9B)", }, - "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "24px", + "normal": { + "name": "--vkui--color_tooltip_text_purple_themed", + "value": "var(--vkui--color_tooltip_text_purple_themed, #73519F)", }, }, - "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", - }, - "sizeArrowPadding": { - "regular": "12px", + "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)", + }, }, - "sizeArrowPromo": { - "regular": "40px", + "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)", + }, }, - "sizeAvatarL": { - "regular": "96px", + "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)", + }, }, - "sizeAvatarM": { - "regular": "48px", + "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)", + }, }, - "sizeAvatarS": { - "regular": "32px", + "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)", + }, }, - "sizeAvatarXL": { - "regular": "128px", + "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)", + }, }, - "sizeAvatarXS": { - "regular": "24px", + "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))", + }, }, - "sizeBadgeL": { - "regular": "44px", + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", }, - "sizeBadgeM": { - "regular": "24px", + "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))", }, - "sizeBadgeS": { - "regular": "16px", + "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))", }, - "sizeBadgeXL": { - "regular": "56px", + "elevation2": { + "name": "--vkui--elevation2", + "value": "var(--vkui--elevation2, 0 2px 0 0 rgba(0,16,61, 0.04))", }, - "sizeBadgeXS": { - "regular": "12px", + "elevation3": { + "name": "--vkui--elevation3", + "value": "var(--vkui--elevation3, 0 4px 32px rgba(0, 16, 61, 0.24))", }, - "sizeBasePaddingHorizontal": { - "regular": "16px", + "elevation4": { + "name": "--vkui--elevation4", + "value": "var(--vkui--elevation4, 0 16px 48px 0 rgba(0,16,61, 0.48))", }, - "sizeBasePaddingVertical": { - "regular": "12px", + "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)", + }, + }, }, - "sizeBorder1x": { - "regular": "1px", + "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)", + }, + }, }, - "sizeBorder2x": { - "regular": "0.5px", + "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)", + }, + }, }, - "sizeBorder3x": { - "regular": "0.33px", + "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)", + }, + }, }, - "sizeBorderRadius": { - "regular": "8px", + "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)", + }, + }, }, - "sizeBorderRadiusPaper": { - "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)", + }, + }, }, - "sizeBorderRadiusPromo": { - "regular": "20px", + "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)", + }, + }, }, - "sizeBorderRadiusRounded": { - "regular": "48px", + "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)", + }, + }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "10px", + "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)", + }, + }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "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)", + }, + }, }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "8px", + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, MailSans, Helvetica, Arial, sans-serif)", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Helvetica, Arial, sans-serif)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "6px", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "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)", + }, + }, }, - "sizeButtonGroupGapMedium": { - "regular": "12px", + "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)", + }, + }, }, - "sizeButtonGroupGapSmall": { - "regular": "8px", + "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)", + }, + }, }, - "sizeButtonGroupGapSpace": { - "regular": "1px", + "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)", + }, + }, }, - "sizeButtonLargeHeight": { - "regular": "44px", + "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)", + }, + }, }, - "sizeButtonMediumHeight": { - "regular": "36px", + "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)", + }, + }, }, - "sizeButtonMinimumWidth": { - "regular": "101px", + "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)", + }, + }, }, - "sizeButtonPaddingHorizontal": { - "regular": "12px", + "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)", + }, + }, }, - "sizeButtonSmallHeight": { - "regular": "28px", - }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "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)", + }, + }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "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)", + }, + }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "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)", + }, + }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "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)", + }, + }, + "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)", + }, + }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "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)", + }, + }, }, - "sizeCardBorderRadius": { - "regular": "8px", + "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)", + }, + }, }, - "sizeCardgridPadding": { - "regular": "8px", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 500)", }, - "sizeCardgridPaddingVertical": { - "regular": "8px", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "sizeCheckBorderRadius": { - "regular": "4px", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "sizeCheckbox": { - "regular": "16px", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 700)", }, - "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 700)", }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "sizeFormItemPaddingVertical": { - "regular": "12px", + "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%)", }, - "sizeIconUI": { - "regular": "16px", + "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%)", }, - "sizeLabelHorizontalMargin": { - "regular": "16px", + "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%)", }, - "sizeOptionHierarchy": { - "regular": "32px", + "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%)", }, - "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.48)", }, - "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, }, - "sizePopupLarge": { - "regular": "880px", + "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)", + }, }, - "sizePopupMedium": { - "regular": "680px", + "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)", + }, }, - "sizePopupSmall": { - "regular": "430px", + "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)", + }, }, - "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "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)", + }, }, - "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "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)", + }, }, - "sizeSplitColPaddingHorizontal": { - "compact": "16px", - "regular": "24px", + "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)", + }, }, - "sizeSubnavigationBarGap": { - "regular": "8px", + "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)", + }, }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "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)", + }, }, - "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "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)", + }, }, - "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "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)", + }, }, - "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "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)", + }, }, - "sizeTooltipMargin": { - "regular": "8px", + "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)", + }, }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "tutoriaDark", - "themeNameBase": "tutoria", - "themeType": "pixelify", - "tutoriaColorBackgroundAccentTint": { - "active": "#99C9FF", - "hover": "#CCE4FF", - "normal": "#E5F1FF", + "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)", + }, }, - "tutoriaColorBackgroundContentInverse": { - "active": "#5C646D", - "hover": "#41474E", - "normal": "#181B1E", + "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)", + }, }, - "tutoriaColorBackgroundInfo": { - "active": "#66BBF7", - "hover": "#33A4F5", - "normal": "#008DF2", + "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)", + }, }, - "tutoriaColorBackgroundInfoTint": { - "active": "#99D1FA", - "hover": "#CCE8FC", - "normal": "#ECF3FC", + "sizeBase": { + "name": "--vkui--size_base", + "value": "var(--vkui--size_base, 4px)", }, - "tutoriaColorBackgroundNegativeTint": { - "active": "#FFB3B5", - "hover": "#FFD9DA", - "normal": "#FFECED", + "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)", + }, }, - "tutoriaColorBackgroundNeutral": { - "active": "#8794A4", - "hover": "#8D99A9", - "normal": "#939FAD", + "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)", + }, }, - "tutoriaColorBackgroundOverlayAlpha": { - "active": "rgba(24, 27, 30, 0.48)", - "hover": "rgba(24, 27, 30, 0.44)", - "normal": "rgba(24, 27, 30, 0.4)", + "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)", + }, }, - "tutoriaColorBackgroundPositiveTint": { - "active": "#98EDB7", - "hover": "#CAF6DA", - "normal": "#EDF7ED", + "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)", + }, }, - "tutoriaColorBackgroundPrimary": { - "active": "#D4D9DE", - "hover": "#E9ECEF", - "normal": "#F4F5F7", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, - "tutoriaColorBackgroundWarning": { - "active": "#FED79D", - "hover": "#FDB03B", - "normal": "#FC9C0A", + "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)", + }, }, - "tutoriaColorBackgroundWarningTint": { - "active": "#FED79D", - "hover": "#FEEBCE", - "normal": "#FFF5E7", + "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)", + }, }, - "tutoriaColorCardBoxShadowAlpha": { - "active": "rgba(37, 41, 46, 0.12)", - "hover": "rgba(37, 41, 46, 0.08)", - "normal": "rgba(37, 41, 46, 0.04)", + "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)", + }, }, - "tutoriaColorIconInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "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)", + }, }, - "tutoriaColorIconLink": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "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)", + }, }, - "tutoriaColorIconWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "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)", + }, }, - "tutoriaColorSeparatorPrimaryAlpha": { - "active": "rgba(233, 236, 239, 0.28)", - "hover": "rgba(233, 236, 239, 0.24)", - "normal": "rgba(233, 236, 239, 0.2)", + "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)", + }, }, - "tutoriaColorSeparatorSecondaryAlpha": { - "active": "rgba(233, 236, 239, 0.18)", - "hover": "rgba(233, 236, 239, 0.14)", - "normal": "rgba(233, 236, 239, 0.1)", + "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)", + }, }, - "tutoriaColorStrokeAccentTint": { - "active": "#8DBAEF", - "hover": "#93C2F7", - "normal": "#99C9FF", + "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)", + }, }, - "tutoriaColorStrokeInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "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)", + }, }, - "tutoriaColorStrokeInfoTint": { - "active": "#8DC2EB", - "hover": "#93C9F2", - "normal": "#99D1FA", + "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)", + }, }, - "tutoriaColorStrokeNegativeTint": { - "active": "#EBA6AB", - "hover": "#F5ACB0", - "normal": "#FFB3B5", + "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)", + }, }, - "tutoriaColorStrokePositiveTint": { - "active": "#8CDBAD", - "hover": "#92E4B2", - "normal": "#98EDB7", + "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)", + }, }, - "tutoriaColorStrokePrimary": { - "active": "#161A20", - "hover": "#171B1F", - "normal": "#181B1E", + "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)", + }, }, - "tutoriaColorStrokeSecondary": { - "active": "#C3C9D1", - "hover": "#CCD1D8", - "normal": "#D4D9DE", + "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)", + }, }, - "tutoriaColorStrokeTertiary": { - "active": "#D6DAE1", - "hover": "#E0E3E8", - "normal": "#E9ECEF", + "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)", + }, }, - "tutoriaColorStrokeWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "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)", + }, }, - "tutoriaColorStrokeWarningTint": { - "active": "#EAC795", - "hover": "#F4CF99", - "normal": "#FED79D", + "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)", + }, }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "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)", + }, }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "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)", + }, }, - "tutoriaFontTextTitle1": { + "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": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "name": "--vkui--size_button_icon_padding--regular", + "value": "var(--vkui--size_button_icon_padding--regular, 16px)", }, }, - "tutoriaFontTextTitle2": { + "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": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "tutoriaFontTextTitle3": { + "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": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": "16px", - "fontWeight": 600, - "lineHeight": "20px", + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "tutoriaLayoutMaxWidth": { - "regular": "1224px", + "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)", + }, }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "8px", + "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)", + }, }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "10px", + "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)", + }, }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "12px", + "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)", + }, }, - "tutoriaSizePaddingCard": { - "compact": "16px", - "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)", + }, }, - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -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.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)", + "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)", + }, }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #689EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #6CA4E4)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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)", + }, }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", - "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "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)", + }, }, - "colorAccentGray": { - "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)", - }, - "colorAccentLime": { - "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)", - }, - "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, #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, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", - }, - "colorAccentPurple": { - "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, #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, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", - }, - "colorAccentSecondary": { - "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, #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, #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(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))", - "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, #090A0E)", - "hover": "var(--vkui--color_background--hover, #0A0A0C)", - "normal": "var(--vkui--color_background, #0a0a0a)", - }, - "colorBackgroundAccent": { - "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, #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, #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(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)", - }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #17181D)", - "hover": "var(--vkui--color_background_content--hover, #18191B)", - "normal": "var(--vkui--color_background_content, #19191a)", - }, - "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #EBECEF)", - "hover": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content_inverse, #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, #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))", - }, - "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #282B2F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", - }, - "colorBackgroundInfoTint": { - "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, #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, #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, #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, #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, #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, #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, #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(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, #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(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, #413018)", - "hover": "var(--vkui--color_background_warning--hover, #443217)", - "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)", - }, - "colorButtonStroke": { - "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, #EBECEF)", - "hover": "var(--vkui--color_button_text--hover, #F5F5F7)", - "normal": "var(--vkui--color_button_text, #ffffff)", - }, - "colorFieldBackground": { - "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(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, #17181D)", - "hover": "var(--vkui--color_header_background--hover, #18191B)", - "normal": "var(--vkui--color_header_background, #19191a)", - }, - "colorIconAccent": { - "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, #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)", - }, - "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, #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, #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(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, #EB565A)", - "hover": "var(--vkui--color_icon_negative--hover, #F5595B)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", - }, - "colorIconPositive": { - "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, #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)", - }, - "colorIconSecondary": { - "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(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, #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(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, #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(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, #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(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)", - }, - "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))", - }, - "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, - "colorPanelHeaderIcon": { - "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, #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, #5A5C61)", - "hover": "var(--vkui--color_segmented_control--hover, #5E6062)", - "normal": "var(--vkui--color_segmented_control, #626364)", - }, - "colorSeparatorPrimary": { - "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, #3F4145)", - "hover": "var(--vkui--color_separator_primary2x--hover, #414346)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", - }, - "colorSeparatorPrimary3x": { - "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(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, #121418)", - "hover": "var(--vkui--color_separator_secondary--hover, #131417)", - "normal": "var(--vkui--color_separator_secondary, #141415)", - }, - "colorSkeletonFrom": { - "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, #282B2F)", - "hover": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", - }, - "colorStrokeAccent": { - "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, #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)", - }, - "colorStrokeNegative": { - "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, #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, #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, #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, #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)", - }, - "colorTextContrastThemed": { - "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, #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, #EBECEF)", - "hover": "var(--vkui--color_text_link_themed--hover, #F5F5F7)", - "normal": "var(--vkui--color_text_link_themed, #ffffff)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #CFD2D8)", - "hover": "var(--vkui--color_text_muted--hover, #D8DBDF)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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)", + }, }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #EB565A)", - "hover": "var(--vkui--color_text_negative--hover, #F5595B)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "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)", + }, }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #45A64A)", - "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "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)", + }, }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #CFD2D8)", - "hover": "var(--vkui--color_text_primary--hover, #D8DBDF)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "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)", + }, }, - "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #6D7075)", - "hover": "var(--vkui--color_text_secondary--hover, #717478)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, - "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "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)", + }, }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #8A8F97)", - "hover": "var(--vkui--color_text_subhead--hover, #90949B)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "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)", + }, }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #56595E)", - "hover": "var(--vkui--color_text_tertiary--hover, #595C60)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "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)", + }, }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #3F4246)", - "hover": "var(--vkui--color_track_background--hover, #424447)", - "normal": "var(--vkui--color_track_background, #454647)", + "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)", + }, }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #3B516E)", - "hover": "var(--vkui--color_track_buffer--hover, #3D5470)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorWriteBarIcon": { - "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)", + "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, 48px)", + }, + "regular": { + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 40px)", + }, }, - "colorWriteBarInputBackground": { - "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)", + "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)", + }, }, - "colorWriteBarInputBorder": { - "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)", + "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)", + }, }, - "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))", + "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)", + }, }, - "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))", - "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)", + "sizeFieldVerticalMargin": { + "auto": { + "name": "--vkui--size_field_vertical_margin", + "value": "var(--vkui--size_field_vertical_margin)", }, "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", + "name": "--vkui--size_field_vertical_margin--regular", + "value": "var(--vkui--size_field_vertical_margin--regular, 24px)", }, }, - "fontCaption1Caps": { + "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": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "name": "--vkui--size_field_width_min--regular", + "value": "var(--vkui--size_field_width_min--regular, 328px)", }, }, - "fontCaption2": { + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, "regular": { - "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)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, }, - "fontCaption2Caps": { + "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_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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "name": "--vkui--size_header_icon--regular", + "value": "var(--vkui--size_header_icon--regular, 20px)", }, }, - "fontCaption3": { + "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_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)", + "name": "--vkui--size_icon_margin--regular", + "value": "var(--vkui--size_icon_margin--regular, 12px)", }, }, - "fontCaption3Caps": { + "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_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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "name": "--vkui--size_icon_more_padding--regular", + "value": "var(--vkui--size_icon_more_padding--regular, 12px)", }, }, - "fontDisplayTitle1": { + "sizeIconUI": { + "auto": { + "name": "--vkui--size_icon_u_i", + "value": "var(--vkui--size_icon_u_i)", + }, "regular": { - "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)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "fontDisplayTitle2": { - "compact": { - "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)", + "sizeIllustrationL": { + "auto": { + "name": "--vkui--size_illustration_l", + "value": "var(--vkui--size_illustration_l)", }, "regular": { - "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)", + "name": "--vkui--size_illustration_l--regular", + "value": "var(--vkui--size_illustration_l--regular, 144px)", }, }, - "fontDisplayTitle3": { + "sizeIllustrationM": { + "auto": { + "name": "--vkui--size_illustration_m", + "value": "var(--vkui--size_illustration_m)", + }, "regular": { - "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)", + "name": "--vkui--size_illustration_m--regular", + "value": "var(--vkui--size_illustration_m--regular, 96px)", }, }, - "fontDisplayTitle4": { + "sizeIllustrationS": { + "auto": { + "name": "--vkui--size_illustration_s", + "value": "var(--vkui--size_illustration_s)", + }, "regular": { - "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)", + "name": "--vkui--size_illustration_s--regular", + "value": "var(--vkui--size_illustration_s--regular, 48px)", }, }, - "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)", + "sizeIllustrationXM": { + "auto": { + "name": "--vkui--size_illustration_x_m", + "value": "var(--vkui--size_illustration_x_m)", }, "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", + "name": "--vkui--size_illustration_x_m--regular", + "value": "var(--vkui--size_illustration_x_m--regular, 72px)", }, }, - "fontFootnoteCaps": { + "sizeIllustrationXXL": { + "auto": { + "name": "--vkui--size_illustration_x_x_l", + "value": "var(--vkui--size_illustration_x_x_l)", + }, "regular": { - "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "name": "--vkui--size_illustration_x_x_l--regular", + "value": "var(--vkui--size_illustration_x_x_l--regular, 228px)", }, }, - "fontHeadline": { + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, "regular": { - "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, 24px)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "fontHeadline1": { + "sizeLabelVerticalMargin": { + "auto": { + "name": "--vkui--size_label_vertical_margin", + "value": "var(--vkui--size_label_vertical_margin)", + }, "regular": { - "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, 24px)", + "name": "--vkui--size_label_vertical_margin--regular", + "value": "var(--vkui--size_label_vertical_margin--regular, 4px)", }, }, - "fontHeadline2": { + "sizeLabelWidth": { + "auto": { + "name": "--vkui--size_label_width", + "value": "var(--vkui--size_label_width)", + }, "regular": { - "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)", + "name": "--vkui--size_label_width--regular", + "value": "var(--vkui--size_label_width--regular, 184px)", }, }, - "fontParagraph": { + "sizeMenuMargin": { + "auto": { + "name": "--vkui--size_menu_margin", + "value": "var(--vkui--size_menu_margin)", + }, "regular": { - "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, 18px)", + "name": "--vkui--size_menu_margin--regular", + "value": "var(--vkui--size_menu_margin--regular, 2px)", }, }, - "fontSubhead": { + "sizeMenuPadding": { + "auto": { + "name": "--vkui--size_menu_padding", + "value": "var(--vkui--size_menu_padding)", + }, "regular": { - "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, 500)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "name": "--vkui--size_menu_padding--regular", + "value": "var(--vkui--size_menu_padding--regular, 8px)", }, }, - "fontText": { + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, "regular": { - "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, 24px)", + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "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)", + "sizePanelHeaderHeight": { + "auto": { + "name": "--vkui--size_panel_header_height", + "value": "var(--vkui--size_panel_header_height)", }, - "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)", + "compact": { + "name": "--vkui--size_panel_header_height--compact", + "value": "var(--vkui--size_panel_header_height--compact, 48px)", }, "regular": { - "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, 600)", - "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "fontTitle2": { + "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": { - "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, 600)", - "lineHeight": "var(--vkui--font_title2--line_height--regular, 24px)", + "name": "--vkui--size_popup_base_padding--regular", + "value": "var(--vkui--size_popup_base_padding--regular, 20px)", }, }, - "fontTitle3": { + "sizePopupHeaderPadding": { + "auto": { + "name": "--vkui--size_popup_header_padding", + "value": "var(--vkui--size_popup_header_padding)", + }, "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)", + "name": "--vkui--size_popup_header_padding--compact", + "value": "var(--vkui--size_popup_header_padding--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)", - "fontWeight": "var(--vkui--font_title3--font_weight--regular, 600)", - "lineHeight": "var(--vkui--font_title3--line_height--regular, 24px)", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 16px)", }, }, - "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, 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(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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", - }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", - }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", - }, - "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)", - }, - "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)", - }, - "sizeButtonBaseLargePaddingHorizontal": { - "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, 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, 6px)", - }, - "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)", - }, - "sizeButtonLargeHeight": { - "regular": "var(--vkui--size_button_large_height--regular, 44px)", - }, - "sizeButtonMediumHeight": { - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", - }, - "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", - }, - "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", - }, - "sizeButtonSmallHeight": { - "regular": "var(--vkui--size_button_small_height--regular, 28px)", - }, - "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)", + "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)", + }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "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)", + }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, - "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "sizeProgress": { + "auto": { + "name": "--vkui--size_progress", + "value": "var(--vkui--size_progress)", + }, + "regular": { + "name": "--vkui--size_progress--regular", + "value": "var(--vkui--size_progress--regular, 4px)", + }, }, - "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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)", + }, }, - "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "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)", + }, }, - "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "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)", + }, }, - "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "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)", + }, }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "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)", + }, }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "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)", + }, }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "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)", + }, }, - "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--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)", + }, }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "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)", + }, }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "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)", + }, }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "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)", + }, }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "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)", + }, }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "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)", + }, }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "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)", + }, }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "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)", + }, }, - "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "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)", + }, }, - "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "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)", + }, }, - "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "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)", + }, }, - "sizeSplitColPaddingHorizontal": { - "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", + "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)", + }, }, - "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "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)", + }, }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "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)", + }, }, - "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "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)", + }, }, - "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "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)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "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)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "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)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "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)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 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)", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "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)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "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))", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "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)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, todo)", }, - "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)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, todo)", }, - "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)", + "themeType": "cssVars", + "toneValueActive": { + "name": "--vkui--tone_value_active", + "value": "var(--vkui--tone_value_active, 0.08)", }, - "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)", + "toneValueFocus": { + "name": "--vkui--tone_value_focus", + "value": "var(--vkui--tone_value_focus, 0.08)", }, - "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))", + "toneValueHover": { + "name": "--vkui--tone_value_hover", + "value": "var(--vkui--tone_value_hover, 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)", + "toneValueOverlay": { + "name": "--vkui--tone_value_overlay", + "value": "var(--vkui--tone_value_overlay, 0.48)", }, - "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)", + "toneValueToolbar": { + "name": "--vkui--tone_value_toolbar", + "value": "var(--vkui--tone_value_toolbar, 0.24)", }, - "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)", + "toneValueViewer": { + "name": "--vkui--tone_value_viewer", + "value": "var(--vkui--tone_value_viewer, 0.88)", }, - "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))", + "typeBorderButton": { + "name": "--vkui--type_border_button", + "value": "var(--vkui--type_border_button, solid)", }, - "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))", + "typeBorderPosition": { + "name": "--vkui--type_border_position", + "value": "var(--vkui--type_border_position, inset)", }, - "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)", + "widthDesktopS": { + "name": "--vkui--width_desktop_s", + "value": "var(--vkui--width_desktop_s, "(min-width: 768px)")", }, - "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)", + "widthFromDesktopS": { + "name": "--vkui--width_from_desktop_s", + "value": "var(--vkui--width_from_desktop_s, "(min-width: 768px)")", }, - "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)", + "widthToTouch": { + "name": "--vkui--width_to_touch", + "value": "var(--vkui--width_to_touch, "(max-width: 767px)")", }, - "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)", + "widthTouch": { + "name": "--vkui--width_touch", + "value": "var(--vkui--width_touch, "(max-width: 767px)")", }, - "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)", + "x0": { + "name": "--vkui--x0", + "value": "var(--vkui--x0, 0px)", }, - "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)", + "x025": { + "name": "--vkui--x025", + "value": "var(--vkui--x025, 1px)", }, - "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)", + "x05": { + "name": "--vkui--x05", + "value": "var(--vkui--x05, 2px)", }, - "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)", + "x1": { + "name": "--vkui--x1", + "value": "var(--vkui--x1, 4px)", }, - "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)", + "x10": { + "name": "--vkui--x10", + "value": "var(--vkui--x10, 40px)", }, - "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)", + "x12": { + "name": "--vkui--x12", + "value": "var(--vkui--x12, 48px)", }, - "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)", + "x15": { + "name": "--vkui--x15", + "value": "var(--vkui--x15, 60px)", }, - "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)", + "x2": { + "name": "--vkui--x2", + "value": "var(--vkui--x2, 8px)", }, - "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)", - }, + "x20": { + "name": "--vkui--x20", + "value": "var(--vkui--x20, 80px)", }, - "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)", - }, + "x3": { + "name": "--vkui--x3", + "value": "var(--vkui--x3, 12px)", }, - "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)", - }, + "x4": { + "name": "--vkui--x4", + "value": "var(--vkui--x4, 16px)", }, - "tutoriaLayoutMaxWidth": { - "regular": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", + "x5": { + "name": "--vkui--x5", + "value": "var(--vkui--x5, 20px)", }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", + "x6": { + "name": "--vkui--x6", + "value": "var(--vkui--x6, 24px)", }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", + "x8": { + "name": "--vkui--x8", + "value": "var(--vkui--x8, 32px)", }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "tutoriaSizePaddingCard": { - "compact": "var(--vkui--tutoria_size_padding_card--compact, 16px)", - "regular": "var(--vkui--tutoria_size_padding_card--regular, 24px)", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "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 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.4, 0, 0.2, 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": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "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": "#EBB25F", - "hover": "#F5B961", - "normal": "#FFC062", + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#EB367F", + "hover": "#F53782", + "normal": "#FF3985", }, "colorAccentPurple": { - "active": "#8D7CEF", - "hover": "#9380F7", - "normal": "#9985ff", + "active": "#815DEF", + "hover": "#8661F7", + "normal": "#8C64FF", }, "colorAccentRaspberryPink": { - "active": "#DD5AB6", - "hover": "#E65DBB", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#E03FAB", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorAccentViolet": { - "active": "#9B4AEF", - "hover": "#A24CF7", - "normal": "#a94fff", + "active": "#B257E4", + "hover": "#B95AEC", + "normal": "#C15DF3", }, "colorActionSheetText": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "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)", @@ -370973,54 +370741,69 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#090A0E", - "hover": "#0A0A0C", - "normal": "#0a0a0a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529EF4", + "active": "#EB9305", + "hover": "#F59802", + "normal": "#FF9E00", }, "colorBackgroundAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "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": "#5393EF", "hover": "#5698F7", "normal": "#5a9eff", }, - "colorBackgroundContent": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191a", + "colorBackgroundAccentTintAlpha": { + "active": "rgba(0, 119, 255, 0.14)", + "hover": "rgba(0, 119, 255, 0.1)", + "normal": "rgba(0, 119, 255, 0.06)", }, - "colorBackgroundContentInverse": { + "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", }, + "colorBackgroundContentInverse": { + "active": "#202126", + "hover": "#222225", + "normal": "#232324", + }, "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)", @@ -371028,389 +370811,509 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#1A3652", - "hover": "#1B3753", - "normal": "#1C3954", + "active": "#DDE2EF", + "hover": "#E6EBF7", + "normal": "#f0f4ff", }, "colorBackgroundModal": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", - }, - "colorBackgroundModalInverse": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#FFFFFF", }, + "colorBackgroundModalInverse": { + "active": "#2C2D31", + "hover": "#2E2F31", + "normal": "#303030", + }, "colorBackgroundNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "colorBackgroundNegativeTint": { - "active": "#4B2C2F", - "hover": "#4F2D2F", - "normal": "#522E2E", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorBackgroundPositiveTint": { - "active": "#2A3A2C", - "hover": "#2C3C2C", - "normal": "#2E3E2B", + "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": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "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": "#1D1F23", - "hover": "#1F1F22", - "normal": "#202021", + "active": "#E2E5E9", + "hover": "#ECEEF1", + "normal": "#F6F7F8", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 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": "#413018", - "hover": "#443217", - "normal": "#473315", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonStroke": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorButtonText": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorFieldBackground": { "active": "#EBECEF", "hover": "#F5F5F7", "normal": "#ffffff", }, - "colorFieldBackground": { - "active": "#202126", - "hover": "#222225", - "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(0, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorHeaderBackground": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorIconAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#A2A4AC", - "hover": "#A9ABB1", - "normal": "#b0b1b6", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(39, 43, 55, 0.58)", + "hover": "rgba(39, 43, 55, 0.54)", + "normal": "rgba(39, 43, 55, 0.5)", }, "colorIconNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorIconPrimary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconPrimaryInvariably": { "active": "#282B2F", "hover": "#2A2C2F", - "normal": "#2c2d2e", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(39, 43, 55, 0.28)", + "hover": "rgba(39, 43, 55, 0.24)", + "normal": "rgba(39, 43, 55, 0.2)", }, "colorIconWarning": { - "active": "#DAA353", - "hover": "#E4AA54", - "normal": "#EDB055", + "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": "#27292D", - "hover": "#282A2D", - "normal": "#2a2b2c", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", + }, + "colorRating": { + "active": "#EBC405", + "hover": "#F5CC02", + "normal": "#ffd400", }, "colorSearchFieldBackground": { - "active": "#323438", - "hover": "#343538", - "normal": "#363738", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSegmentedControl": { - "active": "#5A5C61", - "hover": "#5E6062", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorSeparatorPrimary": { - "active": "#323438", - "hover": "#343538", - "normal": "#363738", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorSeparatorPrimary2x": { - "active": "#3F4145", - "hover": "#414346", - "normal": "#444546", + "active": "#BDC1C9", + "hover": "#C5C8CF", + "normal": "#CDD0D5", }, "colorSeparatorPrimary3x": { - "active": "#4A4D51", - "hover": "#4D4F52", - "normal": "#505253", + "active": "#B0B5BF", + "hover": "#B7BCC4", + "normal": "#BFC3CA", }, "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, 16, 61, 0.2)", + "hover": "rgba(0, 16, 61, 0.16)", + "normal": "rgba(0, 16, 61, 0.12)", }, "colorSeparatorSecondary": { - "active": "#121418", - "hover": "#131417", - "normal": "#141415", + "active": "#D4D6DD", + "hover": "#DDDEE4", + "normal": "#E6E7EB", }, "colorSkeletonFrom": { - "active": "#202126", - "hover": "#222225", - "normal": "#232324", + "active": "#E0E1E6", + "hover": "#E9EAEE", + "normal": "#F3F3F5", }, "colorSkeletonTo": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#CED0D8", + "hover": "#D7D9DF", + "normal": "#E0E1E6", }, "colorStrokeAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTabbarTextInactive": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTextAccent": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#4B93E5", - "hover": "#4F98ED", - "normal": "#529ef4", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkTint": { "active": "#689EDD", "hover": "#6CA4E4", - "normal": "#71aaeb", + "normal": "#71AAEB", }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": "#4B85D2", + "hover": "#4F8AD9", + "normal": "#528FDF", }, "colorTextMuted": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextNegative": { - "active": "#EB565A", - "hover": "#F5595B", - "normal": "#ff5c5c", + "active": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330a", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#0CB465", + "hover": "#0CBB66", + "normal": "#0DC268", }, "colorTextPrimary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#8A8F97", - "hover": "#90949B", - "normal": "#969a9f", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "#56595E", - "hover": "#595C60", - "normal": "#5d5f61", + "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": "#3F4246", - "hover": "#424447", - "normal": "#454647", + "active": "#C9CCD3", + "hover": "#D1D4D9", + "normal": "#DADCE0", }, "colorTrackBuffer": { - "active": "#3B516E", - "hover": "#3D5470", - "normal": "#405772", + "active": "#799EDC", + "hover": "#7EA4E3", + "normal": "#83AAEA", }, "colorTransparent": { "active": "rgba(0, 16, 61, 0.08)", @@ -371418,4068 +371321,2158 @@ exports[`shapshots tutoriaDark theme should match root theme snapshot 1`] = ` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#DDDFE4", + "hover": "#E6E8EC", + "normal": "#F0F1F3", }, "colorWriteBarInputBorder": { - "active": "#282B2F", - "hover": "#2A2C2F", - "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": "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 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": { - "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, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "lineHeight": 14, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", "fontWeight": 400, - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "lineHeight": 12, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "23px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "22px", + "fontWeight": 500, + "lineHeight": "22px", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "21px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "19px", + "fontWeight": 500, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "fontWeight": 500, + "lineHeight": "24px", }, }, - "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", + "fontFamilyAccent": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Helvetica, Arial, sans-serif", "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { - "compact": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 13, - "fontWeight": 500, - "lineHeight": 16, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 16, + "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": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 24, + "lineHeight": "20px", }, }, "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 24, + "lineHeight": "20px", }, }, "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 15, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 400, - "lineHeight": 18, + "lineHeight": "20px", }, }, "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "18px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 14, - "fontWeight": 500, - "lineHeight": 18, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, - "lineHeight": 24, + "lineHeight": "20px", }, }, "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", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 500, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 500, + "lineHeight": "26px", }, }, "fontTitle3": { - "compact": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 24, - }, "regular": { - "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 24, + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": "17px", + "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": 8, + "regular": "8px", + }, + "sizeArrowHeight": { + "regular": "8px", }, "sizeArrowPadding": { - "regular": 12, + "regular": "12px", }, "sizeArrowPromo": { - "regular": 40, + "regular": "40px", + }, + "sizeArrowWidth": { + "regular": "12px", + }, + "sizeAttributeMargin": { + "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": "4px", + "sizeBaseMargin": { + "regular": "12px", + }, + "sizeBasePadding": { + "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": "8px", + }, + "sizeBorderWidthAccentSecondary": { + "regular": "8px", + }, + "sizeBorderWidthBar": { + "regular": "4px", + }, + "sizeBorderWidthTab": { + "regular": "2px", + }, + "sizeBulletMargin": { + "regular": "12px", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 10, + "regular": "20px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 8, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 6, + "regular": "16px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": 8, + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": 1, + "regular": "1px", + }, + "sizeButtonIconPadding": { + "compact": "20px", + "regular": "16px", }, "sizeButtonLargeHeight": { - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeButtonMediumHeight": { - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": 101, + "regular": "80px", + }, + "sizeButtonMorePadding": { + "regular": "8px", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "compact": "16px", + "regular": "20px", + }, + "sizeButtonSliderHeight": { + "regular": "24px", + }, + "sizeButtonSliderWidth": { + "regular": "12px", + }, + "sizeButtonSliderWidthPointer": { + "regular": "16px", }, "sizeButtonSmallHeight": { - "regular": 28, + "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": 8, + "regular": "16px", }, "sizeCardgridPadding": { - "regular": 8, + "regular": "12px", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "4px", }, "sizeCheckbox": { - "regular": 16, + "regular": "16px", + }, + "sizeChoiceMargin": { + "regular": "8px", + }, + "sizeControlButtonWidthMin": { + "compact": "104px", + "regular": "130px", + }, + "sizeDivPadding": { + "regular": "4px", + }, + "sizeDotBullet": { + "regular": "4px", + }, + "sizeDotClickable": { + "regular": "12px", + }, + "sizeDotIndicate": { + "regular": "8px", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "48px", + "regular": "40px", + }, + "sizeFieldHorizontalMargin": { + "regular": "20px", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "12px", + }, + "sizeFieldSetMargin": { + "regular": "32px", + }, + "sizeFieldVerticalMargin": { + "regular": "24px", + }, + "sizeFieldWidthMin": { + "compact": "380px", + "regular": "328px", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "12px", + }, + "sizeGrid": "20px", + "sizeHeaderIcon": { + "regular": "20px", + }, + "sizeIconMargin": { + "compact": "8px", + "regular": "12px", + }, + "sizeIconMorePadding": { + "compact": "8px", + "regular": "12px", }, "sizeIconUI": { - "regular": 16, + "regular": "16px", + }, + "sizeIllustrationL": { + "regular": "144px", + }, + "sizeIllustrationM": { + "regular": "96px", + }, + "sizeIllustrationS": { + "regular": "48px", + }, + "sizeIllustrationXM": { + "regular": "72px", + }, + "sizeIllustrationXXL": { + "regular": "228px", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "16px", + }, + "sizeLabelVerticalMargin": { + "regular": "4px", + }, + "sizeLabelWidth": { + "regular": "184px", + }, + "sizeMenuMargin": { + "regular": "2px", + }, + "sizeMenuPadding": { + "regular": "8px", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "compact": "32px", + "regular": "20px", }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": "24px", + "regular": "16px", }, "sizePopupLarge": { - "regular": 880, + "regular": "880px", + }, + "sizePopupMargin": { + "compact": "24px", + "regular": "8px", }, "sizePopupMedium": { - "regular": 680, + "regular": "680px", }, "sizePopupSmall": { - "regular": 430, + "regular": "430px", + }, + "sizeProgress": { + "regular": "4px", + }, + "sizeProgressScroll": { + "regular": "12px", + }, + "sizePromoButtonClose": { + "regular": "32px", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": "6px", + "regular": "7px", + }, + "sizeSliceBottomPadding": { + "regular": "60px", + }, + "sizeSliceTopPadding": { + "regular": "40px", }, "sizeSplitColPaddingHorizontal": { - "compact": 16, - "regular": 24, + "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, - }, - "sizeTooltipMargin": { - "regular": 8, - }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "tutoriaDark", - "themeNameBase": "tutoria", - "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", + "compact": "32px", + "regular": "34px", }, - "tutoriaColorTextInfo": { - "active": "#0083E4", - "hover": "#0088EB", - "normal": "#008DF2", + "sizeTabMargin": { + "regular": "8px", }, - "tutoriaColorTextWarning": { - "active": "#E8910E", - "hover": "#F2960C", - "normal": "#FC9C0A", + "sizeTabPadding": { + "regular": "16px", }, - "tutoriaFontTextTitle1": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, - }, + "sizeTableHorizontalPadding": { + "regular": "16px", }, - "tutoriaFontTextTitle2": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, - }, + "sizeTableVerticalPadding": { + "regular": "16px", }, - "tutoriaFontTextTitle3": { - "regular": { - "fontFamily": "Roboto, Helvetica, Arial, sans-serif", - "fontSize": 16, - "fontWeight": 600, - "lineHeight": 20, - }, + "sizeTagMargin": { + "regular": "8px", }, - "tutoriaLayoutMaxWidth": { - "regular": 1224, + "sizeTagPadding": { + "regular": "8px", }, - "tutoriaSizeButtonBaseLargeBorderRadius": { - "regular": 8, + "sizeTipMargin": { + "regular": "4px", }, - "tutoriaSizeButtonBaseMediumBorderRadius": { - "regular": 10, + "sizeTooltipMargin": { + "regular": "8px", }, - "tutoriaSizeButtonBaseSmallBorderRadius": { - "regular": 12, + "sizeVerticalPadding": { + "regular": "0px", }, - "tutoriaSizePaddingCard": { - "compact": 16, - "regular": 24, + "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 vkAccessibility theme should match cssVars snapshot 1`] = ` +exports[`shapshots todo 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)", - }, - "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.4, 0, 0.2, 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)", + "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, }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "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": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "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": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "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": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "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": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "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": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "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": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "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": { - "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": "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": { - "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": "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": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "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": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "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": { - "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, #EB3046)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, + "active": "var(--vkui--color_accent_red--active, #DA300E)", + "hover": "var(--vkui--color_accent_red--hover, #E4320C)", + "normal": "var(--vkui--color_accent_red, #ED330A)", }, "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "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": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "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": { - "name": "--vkui--color_action_sheet_text--active", - "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, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "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": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "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": { - "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": "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, #D8DBE2)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "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": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "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": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "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": { - "name": "--vkui--color_background_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "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": { - "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_themed_alpha--hover", - "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(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": { - "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": "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": { - "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)", }, "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", - }, + "active": "var(--vkui--color_background_content_inverse--active, #202126)", + "hover": "var(--vkui--color_background_content_inverse--hover, #222225)", + "normal": "var(--vkui--color_background_content_inverse, #232324)", }, "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": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #2A2C2F)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "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": { - "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.20))", - }, + "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": { - "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": "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": { - "name": "--vkui--color_background_info_tint--active", - "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, #D5E5F7)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "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": { - "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": { - "name": "--vkui--color_background_modal_inverse--active", - "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, #1B1C1F)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "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": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "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": { - "name": "--vkui--color_background_negative_tint--active", - "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, #F5E0E2)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", - }, + "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_background_positive_tint--active", - "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, #DFF0E1)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", - }, + "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": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "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": { - "name": "--vkui--color_background_secondary_alpha--active", - "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, 0, 0, 0.08))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "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": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "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": { - "name": "--vkui--color_background_tertiary_alpha--active", - "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.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "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": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "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)", }, - "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", - }, + "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)", }, - "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", - }, + "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))", }, - "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", - }, + "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": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F5F5F5)", - }, + "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, 0, 0, 0.36))", - }, - "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "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, 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": { - "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, #237EDD)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", - }, + "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, #237EDD)", - }, - "hover": { - "name": "--vkui--color_icon_accent_themed--hover", - "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "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": { - "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": { - "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": "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, #5D6878)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #616C7A)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #65707D)", - }, + "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(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.59))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", - }, + "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, #D44245)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "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": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "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": { - "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, #7B8390)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #818893)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #868d97)", - }, + "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(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.48))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", - }, + "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, #99A0AD)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #a6adb7)", - }, + "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(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.36))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", - }, + "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": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "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": { - "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_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "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": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #F5F5F5)", - }, + "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, 28, 61, 0.16))", - }, - "hover": { - "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_image_placeholder_alpha", - "value": "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": { - "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.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.40))", - }, + "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": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "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, #237EDD)", - }, - "hover": { - "name": "--vkui--color_panel_header_icon--hover", - "value": "var(--vkui--color_panel_header_icon--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "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": { - "name": "--vkui--color_search_field_background--active", - "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, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #F2F3F5)", - }, + "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": { - "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": "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, #C6C8CD)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "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": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "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": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "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": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "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": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "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": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "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": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "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": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "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": { - "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, #D44245)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "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": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "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": { - "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": "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, #237EDD)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", - }, + "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, #237EDD)", - }, - "hover": { - "name": "--vkui--color_text_accent_themed--hover", - "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", - }, + "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, #2978D3)", - }, - "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)", - }, + "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": { - "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)", - }, + "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": { - "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": "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, #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)", - }, + "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": { - "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, #282B2F)", + "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "normal": "var(--vkui--color_text_muted, #2C2D2E)", }, "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "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": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "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": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "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)", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", - }, + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "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)", - }, + "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, #5D6878)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #616C7A)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #65707D)", - }, + "active": "var(--vkui--color_text_secondary--active, #7C7F88)", + "hover": "var(--vkui--color_text_secondary--hover, #82848C)", + "normal": "var(--vkui--color_text_secondary, #87898F)", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", - }, + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #515C6B)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #54606D)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #58636F)", - }, + "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, #798391)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #848D98)", - }, + "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": { - "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)", - }, + "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": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "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": { - "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": "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": { - "name": "--vkui--color_write_bar_icon--active", - "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, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "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": { - "name": "--vkui--color_write_bar_input_background--active", - "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, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", - }, + "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": { - "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": "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": { - "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--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--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", - }, - }, - "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))", + "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 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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", - }, + "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": { - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "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)", - }, + "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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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": { - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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": "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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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": { - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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": "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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", - }, + "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_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--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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, + "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": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, -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, 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)", + }, }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "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)", + }, }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "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)", + }, }, - "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)", - }, + "fontH1": { + "compact": { + "fontSize": "var(--vkui--font_h1--font_size--compact, 32px)", + "lineHeight": "var(--vkui--font_h1--line_height--compact, 36px)", }, "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)", - }, - "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, 16px)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "fontH2": { + "compact": { + "fontSize": "var(--vkui--font_h2--font_size--compact, 28px)", + "lineHeight": "var(--vkui--font_h2--line_height--compact, 32px)", }, "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)", - }, - "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)", - }, - "lineHeight": { - "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)", - }, + "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": { - "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)", - }, + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "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, system-ui, "Helvetica Neue", Roboto, 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": "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": { - "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)", - }, + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "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, system-ui, "Helvetica Neue", Roboto, 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": "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": { - "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)", - }, + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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": { - "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, -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, 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_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": { - "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, 16px)", - }, + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "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)", - }, - "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": "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": { - "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)", - }, + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "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, system-ui, "Helvetica Neue", Roboto, 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": "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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "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": { - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "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": { - "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, -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, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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)", - }, + "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": { - "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)", - }, + "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": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "regular": "var(--vkui--size_arrow--regular, 8px)", + }, + "sizeArrowHeight": { + "regular": "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)", - }, + "regular": "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)", - }, + "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": { - "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "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": { - "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "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": { - "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "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": { - "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)", - }, + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "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)", - }, + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + }, + "sizeButtonMorePadding": { + "regular": "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, 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": { - "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)", - }, + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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, 8px)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "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": { - "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)", - }, + "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": { - "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": "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": { - "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)", - }, + "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": { - "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": "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": { - "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": "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": { - "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": "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)", - }, + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_base_padding--compact, 32px)", + "regular": "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, 16px)", - }, - "regular": { - "name": "--vkui--size_popup_header_padding--regular", - "value": "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": { - "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": "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": { - "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": "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)", - }, + "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": { - "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)", - }, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "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)", - }, + "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": { - "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "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)", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "sizeTabMargin": { + "regular": "var(--vkui--size_tab_margin--regular, 8px)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "sizeTabPadding": { + "regular": "var(--vkui--size_tab_padding--regular, 16px)", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "sizeTableHorizontalPadding": { + "regular": "var(--vkui--size_table_horizontal_padding--regular, 16px)", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "sizeTableVerticalPadding": { + "regular": "var(--vkui--size_table_vertical_padding--regular, 16px)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "sizeTagMargin": { + "regular": "var(--vkui--size_tag_margin--regular, 8px)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "sizeTagPadding": { + "regular": "var(--vkui--size_tag_padding--regular, 8px)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibility)", + "sizeTipMargin": { + "regular": "var(--vkui--size_tip_margin--regular, 4px)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibility)", + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "themeType": "cssVars", - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "sizeVerticalPadding": { + "regular": "var(--vkui--size_vertical_padding--regular, 0px)", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "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 vkAccessibility theme should match pixelify 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.4, 0, 0.2, 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", @@ -375487,44 +373480,44 @@ exports[`shapshots vkAccessibility 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": "#DA300E", + "hover": "#E4320C", + "normal": "#ED330A", }, "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)", @@ -375532,59 +373525,74 @@ exports[`shapshots vkAccessibility 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", }, + "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", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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", @@ -375592,9 +373600,9 @@ exports[`shapshots vkAccessibility 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", @@ -375602,334 +373610,409 @@ exports[`shapshots vkAccessibility 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": "#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": "#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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "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": "#006FEF", + "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": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#858992", + "hover": "#8B8E95", + "normal": "#919399", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", + "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": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "active": "#989BA4", + "hover": "#9EA1A9", + "normal": "#A5A7AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", + "active": "rgba(39, 43, 55, 0.38)", + "hover": "rgba(39, 43, 55, 0.34)", + "normal": "rgba(39, 43, 55, 0.3)", }, "colorIconTertiary": { - "active": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", + "active": "#BEC2CA", + "hover": "#C7C9D0", + "normal": "#CFD1D6", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "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(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "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": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "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": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#0068E2", + "hover": "#006CE9", + "normal": "#0070f0", }, "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", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -375937,14 +374020,14 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#7C7F88", + "hover": "#82848C", + "normal": "#87898F", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -375952,24 +374035,69 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "active": "#6F727B", + "hover": "#74767D", + "normal": "#797A80", }, "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "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)", @@ -375977,1626 +374105,4793 @@ exports[`shapshots vkAccessibility theme should match pixelify theme snapshot 1` "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "colorWriteBarInputBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 16, }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.26px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "lineHeight": "14px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.22px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, "fontWeight": 400, - "lineHeight": "12px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "lineHeight": "12px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.16px", + "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 23, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 22, + "fontWeight": 500, + "lineHeight": 22, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 21, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 19, + "fontWeight": 500, + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "fontWeight": 500, + "lineHeight": 24, }, }, - "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": "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", - "fontSize": "13px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": 18, }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "16px", + "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": "15px", - "lineHeight": "20px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontHeadline2": { "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "fontSize": 14, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontSubhead": { "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "fontSize": 13, + "lineHeight": 18, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "18px", + "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontFamily": "Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 500, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 500, + "lineHeight": 26, }, }, "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "fontFamily": "VKSansDisplay, MailSans, Helvetica, Arial, sans-serif", + "fontSize": 17, + "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": "8px", + "regular": 8, + }, + "sizeArrowHeight": { + "regular": 8, }, "sizeArrowPadding": { - "regular": "12px", + "regular": 12, }, "sizeArrowPromo": { - "regular": "40px", + "regular": 40, + }, + "sizeArrowWidth": { + "regular": 12, + }, + "sizeAttributeMargin": { + "regular": 4, }, "sizeAvatarL": { - "regular": "96px", + "regular": 96, }, "sizeAvatarM": { - "regular": "48px", + "regular": 48, }, "sizeAvatarS": { - "regular": "32px", + "regular": 32, }, "sizeAvatarXL": { - "regular": "128px", + "regular": 128, }, "sizeAvatarXS": { - "regular": "24px", + "regular": 24, }, "sizeBadgeL": { - "regular": "44px", + "regular": 44, }, "sizeBadgeM": { - "regular": "24px", + "regular": 24, }, "sizeBadgeS": { - "regular": "16px", + "regular": 16, }, "sizeBadgeXL": { - "regular": "56px", + "regular": 56, }, "sizeBadgeXS": { - "regular": "12px", + "regular": 12, + }, + "sizeBase": 4, + "sizeBaseMargin": { + "regular": 12, + }, + "sizeBasePadding": { + "compact": 20, + "regular": 16, }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeBorder1x": { - "regular": "1px", + "regular": 1, }, "sizeBorder2x": { - "regular": "0.5px", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "0.33px", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": 48, + }, + "sizeBorderWidthAccent": { + "regular": 8, + }, + "sizeBorderWidthAccentSecondary": { + "regular": 8, + }, + "sizeBorderWidthBar": { + "regular": 4, + }, + "sizeBorderWidthTab": { + "regular": 2, + }, + "sizeBulletMargin": { + "regular": 12, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": 1, + }, + "sizeButtonIconPadding": { + "compact": 20, + "regular": 16, }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "80px", + "regular": 80, + }, + "sizeButtonMorePadding": { + "regular": 8, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "compact": 16, + "regular": 20, + }, + "sizeButtonSliderHeight": { + "regular": 24, + }, + "sizeButtonSliderWidth": { + "regular": 12, + }, + "sizeButtonSliderWidthPointer": { + "regular": 16, }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": 16, }, "sizeCardgridPadding": { - "regular": "8px", + "regular": 12, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": 4, }, "sizeCheckbox": { - "regular": "16px", + "regular": 16, + }, + "sizeChoiceMargin": { + "regular": 8, + }, + "sizeControlButtonWidthMin": { + "compact": 104, + "regular": 130, + }, + "sizeDivPadding": { + "regular": 4, + }, + "sizeDotBullet": { + "regular": 4, + }, + "sizeDotClickable": { + "regular": 12, + }, + "sizeDotIndicate": { + "regular": 8, }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": 48, + "regular": 40, + }, + "sizeFieldHorizontalMargin": { + "regular": 20, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": 12, + }, + "sizeFieldSetMargin": { + "regular": 32, + }, + "sizeFieldVerticalMargin": { + "regular": 24, + }, + "sizeFieldWidthMin": { + "compact": 380, + "regular": 328, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": 12, + }, + "sizeGrid": 20, + "sizeHeaderIcon": { + "regular": 20, + }, + "sizeIconMargin": { + "compact": 8, + "regular": 12, + }, + "sizeIconMorePadding": { + "compact": 8, + "regular": 12, }, "sizeIconUI": { - "regular": "16px", + "regular": 16, + }, + "sizeIllustrationL": { + "regular": 144, + }, + "sizeIllustrationM": { + "regular": 96, + }, + "sizeIllustrationS": { + "regular": 48, + }, + "sizeIllustrationXM": { + "regular": 72, + }, + "sizeIllustrationXXL": { + "regular": 228, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": 16, + }, + "sizeLabelVerticalMargin": { + "regular": 4, + }, + "sizeLabelWidth": { + "regular": 184, + }, + "sizeMenuMargin": { + "regular": 2, + }, + "sizeMenuPadding": { + "regular": 8, }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": 32, + "regular": 20, }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": 24, + "regular": 16, }, "sizePopupLarge": { - "regular": "880px", + "regular": 880, + }, + "sizePopupMargin": { + "compact": 24, + "regular": 8, }, "sizePopupMedium": { - "regular": "680px", + "regular": 680, }, "sizePopupSmall": { - "regular": "430px", + "regular": 430, + }, + "sizeProgress": { + "regular": 4, + }, + "sizeProgressScroll": { + "regular": 12, + }, + "sizePromoButtonClose": { + "regular": 32, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": 6, + "regular": 7, + }, + "sizeSliceBottomPadding": { + "regular": 60, + }, + "sizeSliceTopPadding": { + "regular": 40, }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "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": "8px", + "regular": 8, }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibility", - "themeNameBase": "vkAccessibility", - "themeType": "pixelify", + "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 vkAccessibility theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots tutoria theme should match cssVars 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.4, 0, 0.2, 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.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": { + "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": "var(--vkui--color_accent_blue--active, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, }, "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": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, }, "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": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "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)", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "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": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "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": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "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)", + "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": "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": { + "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": "var(--vkui--color_accent_pink--active, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "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)", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "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)", + "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": "var(--vkui--color_accent_red--active, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, }, "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": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, }, "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": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, }, "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": { + "name": "--vkui--color_action_sheet_text--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, }, "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": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "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))", - "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": { + "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": "var(--vkui--color_background--active, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "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": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #66ADFF)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #3392FF)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "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": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + }, }, "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": { + "name": "--vkui--color_background_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", + }, }, "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": { + "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_themed_alpha--hover", + "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(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)", + "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)", + }, }, "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": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #E9ECEF)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #F4F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #FFFFFF)", + }, }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #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": { + "name": "--vkui--color_background_contrast--active", + "value": "var(--vkui--color_background_contrast--active, #E9ECEF)", + }, + "hover": { + "name": "--vkui--color_background_contrast--hover", + "value": "var(--vkui--color_background_contrast--hover, #F4F5F7)", + }, + "normal": { + "name": "--vkui--color_background_contrast", + "value": "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": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "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.20))", + "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.20))", + }, }, "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": { + "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": "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": { + "name": "--vkui--color_background_info_tint--active", + "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, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, }, "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": { + "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": "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": { + "name": "--vkui--color_background_modal_inverse--active", + "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, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "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)", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #FFB3B5)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #FF666B)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #FF4046)", + }, }, "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": { + "name": "--vkui--color_background_negative_tint--active", + "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, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "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)", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #66E394)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #34DA71)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #02D14E)", + }, }, "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)", + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "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": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #D4D9DE)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #E9ECEF)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #E9ECEF)", + }, }, "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": { + "name": "--vkui--color_background_secondary_alpha--active", + "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, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, }, "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": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, }, "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": { + "name": "--vkui--color_background_tertiary_alpha--active", + "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.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + }, }, "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": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "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": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, }, "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": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, }, "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": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "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": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #f2f3f5)", + }, }, "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": { + "name": "--vkui--color_field_border_alpha--active", + "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, 0, 0, 0.24))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "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)", + "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": "var(--vkui--color_icon_accent--active, #237EDD)", - "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", - "normal": "var(--vkui--color_icon_accent, #2688eb)", + "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": "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": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "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)", + "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": "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": { + "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": "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": { + "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": "var(--vkui--color_icon_medium--active, #5D6878)", - "hover": "var(--vkui--color_icon_medium--hover, #616C7A)", - "normal": "var(--vkui--color_icon_medium, #65707D)", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #778292)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "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": { + "name": "--vkui--color_icon_medium_alpha--active", + "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.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, }, "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": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #EB3C45)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #F53E46)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #FF4046)", + }, }, "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": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #02C24D)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #02C94D)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "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": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #161A20)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #171B1F)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "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)", + "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": "var(--vkui--color_icon_secondary--active, #7B8390)", - "hover": "var(--vkui--color_icon_secondary--hover, #818893)", - "normal": "var(--vkui--color_icon_secondary, #868d97)", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #555D69)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #58616B)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #5C646D)", + }, }, "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": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "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": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #8794A4)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #8D99A9)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #939FAD)", + }, }, "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": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + }, }, "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": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E8910E)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #F2960C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #FC9C0A)", + }, }, "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": { + "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_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "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": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, }, "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": { + "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_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "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)", + "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": "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": { + "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.40))", + }, }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "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": { + "name": "--vkui--color_panel_header_icon--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "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": { + "name": "--vkui--color_search_field_background--active", + "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, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "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)", + "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": "var(--vkui--color_separator_primary--active, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #D6DAE1)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #E0E3E8)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #E9ECEF)", + }, }, "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": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "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)", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, }, "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": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "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": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #E0E3E8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #EAECF0)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #F4F5F7)", + }, }, "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": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, }, "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": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "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": { + "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": "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": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + }, }, "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": { + "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": "var(--vkui--color_stroke_negative--active, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #EB3C45)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #F53E46)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #FF4046)", + }, }, "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": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #02C24D)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #02C94D)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "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)", + "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": "var(--vkui--color_text_accent--active, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #006FEF)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #0073F7)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "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": { + "name": "--vkui--color_text_accent_themed--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "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)", + "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": "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": { + "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": "var(--vkui--color_text_link--active, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #2978D3)", + }, + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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": "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": { + "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)", + }, }, "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": { + "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": "var(--vkui--color_text_negative--active, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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)", + }, }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, }, "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": { + "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)", + }, }, "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": { + "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)", + }, }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, }, "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": { + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, }, "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, #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, #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)", - "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))", - "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 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": { - "regular": { - "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)", + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, - }, - "fontCaption1Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", }, - }, - "fontCaption2": { - "regular": { - "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)", + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, transparent)", }, }, - "fontCaption2Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #3A80D3)", }, - }, - "fontCaption3": { - "regular": { - "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)", + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, - }, - "fontCaption3Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, }, - "fontDisplayTitle1": { - "regular": { - "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)", + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #DFE1E6)", }, - }, - "fontDisplayTitle2": { - "compact": { - "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)", + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #E8EAEE)", }, - "regular": { - "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)", + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", }, }, - "fontDisplayTitle3": { - "regular": { - "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)", + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #CFD2D8)", }, - }, - "fontDisplayTitle4": { - "regular": { - "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)", + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #D8DBDF)", }, - }, - "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, 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)", + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)", }, }, - "fontFootnoteCaps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "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))", }, - }, - "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "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))", }, - "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)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", - }, + "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--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)", + }, + }, + "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": "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)", + "fontFamily": { + "name": "--vkui--font_caption1--font_family--regular", + "value": "var(--vkui--font_caption1--font_family--regular, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, }, }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "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)", + }, + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "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)", + }, }, }, - "fontParagraph": { + "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": "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)", + "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)", + }, + "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)", + }, }, }, - "fontSubhead": { - "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 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)", + }, + "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": "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)", + "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)", + }, + "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, 600)", + }, + "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)", + }, }, }, - "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "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": "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)", + "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)", + }, + "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)", + }, }, }, - "fontTitle1": { + "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)", + }, + "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": "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)", + "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)", + }, + "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, 600)", + }, + "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)", + }, }, }, - "fontTitle2": { + "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": "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, }, }, - "fontTitle3": { + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, + }, "regular": { - "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)", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, }, }, - "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, 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(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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", }, - "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", }, - "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, - "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 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)", + }, + }, + "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)", + }, + "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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, }, - "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "lineHeight": { + "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)", + }, + }, }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "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, Roboto, 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, 24px)", + }, + }, }, - "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "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, Roboto, 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, 24px)", + }, + }, }, - "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "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, Roboto, 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)", + }, + }, }, - "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "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, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 14px)", + }, + "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, 18px)", + }, + }, }, - "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "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, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, }, - "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--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, Roboto, 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, 24px)", + }, + }, }, - "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, }, - "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--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)", + }, + }, + "regular": { + "fontFamily": { + "name": "--vkui--font_title2--font_family--regular", + "value": "var(--vkui--font_title2--font_family--regular, VKSansDisplay, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, }, - "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "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)", + }, + }, + "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)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 24px)", + }, + }, }, - "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "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", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--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)", + }, + }, + "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)", + }, + }, + "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": { - "regular": "var(--vkui--size_border3x--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": "var(--vkui--size_border_radius--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": "var(--vkui--size_border_radius_paper--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": "var(--vkui--size_border_radius_promo--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": "var(--vkui--size_border_radius_rounded--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)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--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, 10px)", + }, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--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": "var(--vkui--size_button_base_medium_padding_horizontal--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, 8px)", + }, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--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": "var(--vkui--size_button_base_small_padding_horizontal--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, 6px)", + }, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--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": "var(--vkui--size_button_group_gap_medium--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": "var(--vkui--size_button_group_gap_small--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": "var(--vkui--size_button_group_gap_space--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)", + }, }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--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": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--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": "var(--vkui--size_button_minimum_width--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, 101px)", + }, }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "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": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--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, 28px)", + }, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--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": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_medium_padding_horizontal--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": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--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": "var(--vkui--size_button_tertiary_small_padding_horizontal--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": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--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": "var(--vkui--size_card_border_radius--regular, 8px)", + "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": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--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": "var(--vkui--size_check_border_radius--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": "var(--vkui--size_checkbox--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)", + }, }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--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)", + }, }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--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)", + }, }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--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)", + }, }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--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)", + }, }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--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)", + }, }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--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": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--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": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "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": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "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": { - "regular": "var(--vkui--size_popup_large--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)", + }, }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--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": "var(--vkui--size_popup_small--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)", + }, }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--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": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "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": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "auto": { + "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)", + }, }, "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--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": "var(--vkui--size_subnavigation_bar_padding_vertical--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": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--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": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--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": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--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)", + }, }, "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, vkBase)", - "themeName": "var(--vkui--theme_name, vkAccessibility)", - "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", - "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`] = ` -{ - "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, tutoria)", }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, tutoria)", }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "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)", + }, }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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)", + }, }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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)", + }, }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "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)", + }, }, - "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "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)", + }, }, - "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "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))", + }, }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "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)", + }, }, - "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "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)", + }, }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, +} +`; + +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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", + }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", + }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorBackgroundAccent": { + "active": "#66ADFF", + "hover": "#3392FF", + "normal": "#0077FF", + }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", + }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorBackgroundAccentThemedAlpha": { + "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", + }, + "colorBackgroundContent": { + "active": "#E9ECEF", + "hover": "#F4F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { "active": "#17181D", @@ -377604,9 +378899,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#E9ECEF", + "hover": "#F4F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { "active": "#282B2F", @@ -377639,9 +378934,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FFB3B5", + "hover": "#FF666B", + "normal": "#FF4046", }, "colorBackgroundNegativeTint": { "active": "#EBD8DB", @@ -377649,9 +378944,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#66E394", + "hover": "#34DA71", + "normal": "#02D14E", }, "colorBackgroundPositiveTint": { "active": "#D5E6DA", @@ -377659,9 +378954,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#E9ECEF", }, "colorBackgroundSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", @@ -377699,9 +378994,9 @@ exports[`shapshots vkAccessibility 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)", @@ -377714,9 +379009,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#ffffff", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorIconAccentThemed": { "active": "#237EDD", @@ -377726,7 +379021,7 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "colorIconContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { "active": "#DFE1E6", @@ -377739,29 +379034,29 @@ exports[`shapshots vkAccessibility 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", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorIconPrimaryInvariably": { "active": "#282B2F", @@ -377769,29 +379064,29 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "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": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, "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", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, "colorImageBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", @@ -377799,9 +379094,9 @@ exports[`shapshots vkAccessibility 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)", @@ -377829,9 +379124,9 @@ exports[`shapshots vkAccessibility 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", @@ -377839,9 +379134,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", }, "colorSeparatorPrimary2x": { "active": "#BBBDC1", @@ -377859,9 +379154,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#E0E3E8", + "hover": "#EAECF0", + "normal": "#F4F5F7", }, "colorSkeletonFrom": { "active": "#E1E3E6", @@ -377874,9 +379169,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { "active": "#237EDD", @@ -377886,17 +379181,17 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "colorStrokeContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorTabbarTextInactive": { "active": "#8D96A4", @@ -377904,9 +379199,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextAccentThemed": { "active": "#237EDD", @@ -377916,7 +379211,7 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "colorTextContrast": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#ffffff", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { "active": "#EBECEF", @@ -377949,19 +379244,19 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorTextPrimaryAlpha": { "active": "rgba(37, 41, 46, 0.92)", @@ -377974,9 +379269,9 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "#000000", }, "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "colorTextSecondaryAlpha": { "active": "rgba(37, 41, 46, 0.63)", @@ -377984,14 +379279,14 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, "colorTrackBackground": { "active": "#CFD2D8", @@ -378014,9 +379309,9 @@ exports[`shapshots vkAccessibility 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", @@ -378035,204 +379330,214 @@ exports[`shapshots vkAccessibility 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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 500, + "lineHeight": "16px", }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, + "fontSize": "12px", "fontWeight": 600, - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 400, - "lineHeight": 14, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, + "fontSize": "11px", "fontWeight": 600, - "lineHeight": 14, + "lineHeight": "14px", "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 400, - "lineHeight": 12, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, + "fontSize": "9px", "fontWeight": 600, - "lineHeight": 12, + "lineHeight": "12px", "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, + "fontSize": "23px", "fontWeight": 600, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, + "fontSize": "22px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, + "fontSize": "21px", "fontWeight": 600, - "lineHeight": 26, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, + "fontSize": "19px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, + "fontSize": "17px", "fontWeight": 600, - "lineHeight": 22, + "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": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 16, + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 500, + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, + "fontSize": "13px", "fontWeight": 400, - "lineHeight": 16, + "lineHeight": "16px", "textTransform": "uppercase", }, }, "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "24px", }, }, "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "24px", }, }, "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "15px", "fontWeight": 500, - "lineHeight": 20, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", "fontWeight": 400, - "lineHeight": 20, + "lineHeight": "18px", }, }, "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 16, - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 500, + "lineHeight": "18px", }, }, "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 400, - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "24px", "fontWeight": 600, - "lineHeight": 28, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "20px", "fontWeight": 600, - "lineHeight": 24, + "lineHeight": "24px", }, }, "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "24px", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", "fontWeight": 600, - "lineHeight": 22, + "lineHeight": "24px", }, }, "fontWeightAccent1": 600, @@ -378248,3591 +379553,1631 @@ exports[`shapshots vkAccessibility theme should match root theme snapshot 1`] = "opacityDisable": 0.4, "opacityDisableAccessibility": 0.64, "sizeArrow": { - "regular": 8, + "regular": "8px", }, "sizeArrowPadding": { - "regular": 12, + "regular": "12px", }, "sizeArrowPromo": { - "regular": 40, + "regular": "40px", }, "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", }, "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", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "regular": "10px", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "regular": "16px", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "regular": "8px", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "regular": "6px", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapMedium": { - "regular": 12, + "regular": "12px", }, "sizeButtonGroupGapSmall": { - "regular": 8, + "regular": "8px", }, "sizeButtonGroupGapSpace": { - "regular": 1, + "regular": "1px", }, "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "regular": "44px", }, "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "regular": "36px", }, "sizeButtonMinimumWidth": { - "regular": 80, + "regular": "101px", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "regular": "12px", }, "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "regular": "28px", }, "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": 8, + "regular": "8px", }, "sizeCardgridPadding": { - "regular": 8, + "regular": "8px", }, "sizeCardgridPaddingVertical": { - "regular": 8, + "regular": "8px", }, "sizeCheckBorderRadius": { - "regular": 4, + "regular": "4px", }, "sizeCheckbox": { - "regular": 16, + "regular": "16px", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "12px", }, "sizeIconUI": { - "regular": 16, + "regular": "16px", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "16px", }, "sizeOptionHierarchy": { - "regular": 32, + "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { - "regular": 880, + "regular": "880px", }, "sizePopupMedium": { - "regular": 680, + "regular": "680px", }, "sizePopupSmall": { - "regular": 430, + "regular": "430px", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "32px", + "regular": "36px", }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": "7px", + "regular": "6px", }, "sizeSplitColPaddingHorizontal": { - "regular": 16, + "compact": "16px", + "regular": "24px", }, "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", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "8px", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibility", - "themeNameBase": "vkAccessibility", - "themeType": "root", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = ` -{ - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeName": "tutoria", + "themeNameBase": "tutoria", + "themeType": "pixelify", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", }, - "colorAccentAzure": { - "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #1482FF)", + "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", }, - "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + }, + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + }, + "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`] = ` +{ + "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))", + "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, #7CB1ED)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", - }, + "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": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", - }, + "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": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, + "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": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, + "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": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", - }, + "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": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", - }, + "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": { - "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": "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": { - "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": "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": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", - }, + "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": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", - }, + "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": { - "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": "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, #FF4356)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, + "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": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", - }, + "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": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", - }, + "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": { - "name": "--vkui--color_action_sheet_text--active", - "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, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", - }, + "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": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", - }, + "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": { - "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": "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, #1E1E1E)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", - }, + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", - }, + "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": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", - }, + "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": { - "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": "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": { - "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": "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": { - "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": "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": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", - }, + "active": "var(--vkui--color_background_content--active, #E9ECEF)", + "hover": "var(--vkui--color_background_content--hover, #F4F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", - }, + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "var(--vkui--color_background_contrast--active, #E9ECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F4F5F7)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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": { - "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.20))", }, "colorBackgroundContrastThemed": { - "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", - }, + "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": { - "name": "--vkui--color_background_info_tint--active", - "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, #25415B)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", - }, + "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": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", - }, + "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": { - "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": "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": { - "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": "var(--vkui--color_background_negative--active, #FFB3B5)", + "hover": "var(--vkui--color_background_negative--hover, #FF666B)", + "normal": "var(--vkui--color_background_negative, #FF4046)", }, "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": "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_background_positive_tint--active", - "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, #364633)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", - }, + "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": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", - }, + "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": { - "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_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", - }, + "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": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", - }, + "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": { - "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_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", - }, + "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": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", - }, + "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": { - "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": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, "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": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, "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": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, "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": "var(--vkui--color_field_background--active, #DFE1E6)", + "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", + "normal": "var(--vkui--color_field_background, #f2f3f5)", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 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": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", - }, + "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, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", - }, + "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, #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": "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": { - "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": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #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": "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, #141414)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_themed--hover", - "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", - }, + "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, #BFC0C4)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B9BABF)", - }, + "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": { - "name": "--vkui--color_icon_medium_alpha--active", - "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(247, 248, 255, 0.74))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(247, 248, 255, 70%))", - }, + "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": { - "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": "var(--vkui--color_icon_negative--active, #EB3C45)", + "hover": "var(--vkui--color_icon_negative--hover, #F53E46)", + "normal": "var(--vkui--color_icon_negative, #FF4046)", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", - }, + "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": { - "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": "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, #929496)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #898B8D)", - }, + "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": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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(248, 252, 255, 0.54))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(248, 252, 255, 50%))", - }, + "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": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5D5F61)", - }, + "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": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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(246, 250, 255, 0.41000000000000003))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(246, 250, 255, 37%))", - }, + "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": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", - }, + "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": { - "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": "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": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", - }, + "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": { - "name": "--vkui--color_image_placeholder_alpha--active", - "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(241, 247, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", - }, + "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": { - "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": "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.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.40))", - }, + "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))", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", - }, + "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": { - "name": "--vkui--color_search_field_background--active", - "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, #333333)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #2A2A2B)", - }, + "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": { - "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": "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, #464748)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", - }, + "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": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", - }, + "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": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", - }, + "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": { - "name": "--vkui--color_separator_primary_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "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.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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", - }, + "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": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", - }, + "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": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", - }, + "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": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", - }, + "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, #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": "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": { - "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": "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, #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": "var(--vkui--color_stroke_negative--active, #EB3C45)", + "hover": "var(--vkui--color_stroke_negative--hover, #F53E46)", + "normal": "var(--vkui--color_stroke_negative, #FF4046)", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, + "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": { - "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": "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, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", - }, + "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": { - "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": "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": { - "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": "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, #141414)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", - }, + "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, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", - }, + "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": { - "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": "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": { - "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": "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, #5890D0)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", - }, + "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": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", - }, + "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": { - "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": "var(--vkui--color_text_negative--active, #EB3C45)", + "hover": "var(--vkui--color_text_negative--hover, #F53E46)", + "normal": "var(--vkui--color_text_negative, #FF4046)", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", - }, + "active": "var(--vkui--color_text_primary--active, #161A20)", + "hover": "var(--vkui--color_text_primary--hover, #171B1F)", + "normal": "var(--vkui--color_text_primary, #181B1E)", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", - }, + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", - }, + "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": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #999B9D)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #949698)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #909294)", - }, + "active": "var(--vkui--color_text_secondary--active, #555D69)", + "hover": "var(--vkui--color_text_secondary--hover, #58616B)", + "normal": "var(--vkui--color_text_secondary, #5C646D)", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", - }, + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #B9BABF)", - }, + "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": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #77797B)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #717375)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #6B6D6F)", - }, + "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": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", - }, + "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": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", - }, + "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": { - "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": "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": { - "name": "--vkui--color_write_bar_icon--active", - "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, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", - }, + "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": { - "name": "--vkui--color_write_bar_input_background--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", - }, + "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": { - "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": "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": { - "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))", + "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 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)", }, - "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": "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, 500)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", + "fontCaption1Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, }, - "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))", + "fontCaption2": { + "regular": { + "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)", + }, }, - "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))", + "fontCaption2Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, }, - "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))", + "fontCaption3": { + "regular": { + "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)", + }, }, - "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))", - }, - "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))", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", - }, - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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)", - }, - }, + "fontCaption3Caps": { + "regular": { + "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)", + "textTransform": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "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)", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", - }, + "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": { - "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--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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "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)", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "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)", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, + "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": { - "name": "--vkui--font_family_accent", - "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", - }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": { - "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)", - }, + "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": { - "name": "--vkui--font_footnote--font_family--regular", - "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", - "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, 16px)", - }, + "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, 500)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "lineHeight": { - "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)", - }, + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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, 24px)", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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, 24px)", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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)", }, }, "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, -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, 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_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, 18px)", }, }, "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, 16px)", - }, - }, "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)", - }, - "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": "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, 500)", + "lineHeight": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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, 24px)", }, }, "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)", - }, + "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": { - "name": "--vkui--font_title1--font_family--regular", - "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", - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "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, 600)", + "lineHeight": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "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, 600)", + "lineHeight": "var(--vkui--font_title2--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)", - }, + "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": { - "name": "--vkui--font_title3--font_family--regular", - "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, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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)", - }, + "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": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 600)", + "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, 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(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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 600)", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 500)", + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "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%)", + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "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%)", + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "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%)", + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "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%)", + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.4)", + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--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)", - }, - }, - "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)", - }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "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": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, "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": "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)", - }, + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, "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": "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)", - }, + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", }, "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_button_small_height--regular, 28px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, "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": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "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)", - }, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 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)", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "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)", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "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)", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "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)", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "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)", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "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)", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "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))", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "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)", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "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)", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "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)", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + "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)", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibilityDark)", + "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))", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibility)", + "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)", }, - "themeType": "cssVars", - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "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)", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "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 vkAccessibilityDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots tutoria theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -381840,84 +381185,84 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.4, 0, 0.2, 1)", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -381930,254 +381275,254 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#66ADFF", + "hover": "#3392FF", + "normal": "#0077FF", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#E9ECEF", + "hover": "#F4F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#E9ECEF", + "hover": "#F4F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#FFB3B5", + "hover": "#FF666B", + "normal": "#FF4046", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#66E394", + "hover": "#34DA71", + "normal": "#02D14E", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#E9ECEF", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5D5F61", + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -382190,415 +381535,425 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#E0E3E8", + "hover": "#EAECF0", + "normal": "#F4F5F7", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#EB3C45", + "hover": "#F53E46", + "normal": "#FF4046", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#02C24D", + "hover": "#02C94D", + "normal": "#02D14E", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#555D69", + "hover": "#58616B", + "normal": "#5C646D", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 16, + }, + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 500, + "lineHeight": 16, }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "fontSize": 12, "fontWeight": 600, - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 400, - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 600, - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 400, - "lineHeight": "12px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 600, - "lineHeight": "12px", + "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", + "fontSize": 23, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", + "fontSize": 22, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", + "fontSize": 21, "fontWeight": 600, - "lineHeight": "26px", + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", + "fontSize": 19, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", + "fontSize": 17, "fontWeight": 600, - "lineHeight": "22px", + "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": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": 16, + }, + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 500, + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "fontSize": 13, "fontWeight": 400, - "lineHeight": "16px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 24, }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 24, }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 18, }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "16px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 500, + "lineHeight": 18, }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 400, - "lineHeight": "20px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 24, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 20, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 24, + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, "fontWeight": 600, - "lineHeight": "22px", + "lineHeight": 24, }, }, "fontWeightAccent1": 600, @@ -382607,8678 +381962,8013 @@ exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapsho "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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", + "regular": 8, }, "sizeArrowPadding": { - "regular": "12px", + "regular": 12, }, "sizeArrowPromo": { - "regular": "40px", + "regular": 40, }, "sizeAvatarL": { - "regular": "96px", + "regular": 96, }, "sizeAvatarM": { - "regular": "48px", + "regular": 48, }, "sizeAvatarS": { - "regular": "32px", + "regular": 32, }, "sizeAvatarXL": { - "regular": "128px", + "regular": 128, }, "sizeAvatarXS": { - "regular": "24px", + "regular": 24, }, "sizeBadgeL": { - "regular": "44px", + "regular": 44, }, "sizeBadgeM": { - "regular": "24px", + "regular": 24, }, "sizeBadgeS": { - "regular": "16px", + "regular": 16, }, "sizeBadgeXL": { - "regular": "56px", + "regular": 56, }, "sizeBadgeXS": { - "regular": "12px", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeBorder1x": { - "regular": "1px", + "regular": 1, }, "sizeBorder2x": { - "regular": "0.5px", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "0.33px", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": 10, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": 8, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": 6, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": 1, }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "80px", + "regular": 101, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": 28, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": 4, }, "sizeCheckbox": { - "regular": "16px", + "regular": 16, }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeIconUI": { - "regular": "16px", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "880px", + "regular": 880, }, "sizePopupMedium": { - "regular": "680px", + "regular": 680, }, "sizePopupSmall": { - "regular": "430px", + "regular": 430, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "compact": 16, + "regular": 24, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { - "regular": "8px", + "regular": 8, }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityDark", - "themeNameBase": "vkAccessibility", - "themeType": "pixelify", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -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)", - "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))", - "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeName": "tutoria", + "themeNameBase": "tutoria", + "themeType": "root", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", }, - "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", }, - "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)", + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", }, - "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)", + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", }, - "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", }, - "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)", + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", - "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "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)", + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.2)", }, - "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))", + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", }, - "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))", + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent, #529ef4)", + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", }, - "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)", + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", }, - "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)", + "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`] = ` +{ + "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.4, 0, 0.2, 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)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #689EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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, #EBB25F)", + }, + "hover": { + "name": "--vkui--color_accent_orange_peach--hover", + "value": "var(--vkui--color_accent_orange_peach--hover, #F5B961)", + }, + "normal": { + "name": "--vkui--color_accent_orange_peach", + "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #8D7CEF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9380F7)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, + }, + "colorAccentRaspberryPink": { + "active": { + "name": "--vkui--color_accent_raspberry_pink--active", + "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, #E65DBB)", + }, + "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, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #9B4AEF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #A24CF7)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "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, #090A0E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #0A0A0C)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "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, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_accent_themed--hover", + "value": "var(--vkui--color_background_accent_themed--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #ffffff)", + }, }, "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": { + "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": "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #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": { + "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": "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": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "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))", + "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": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, }, "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": { + "name": "--vkui--color_background_info_tint--active", + "value": "var(--vkui--color_background_info_tint--active, #1A3652)", + }, + "hover": { + "name": "--vkui--color_background_info_tint--hover", + "value": "var(--vkui--color_background_info_tint--hover, #1B3753)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "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": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #1A1C20)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", + }, }, "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": { + "name": "--vkui--color_background_modal_inverse--active", + "value": "var(--vkui--color_background_modal_inverse--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_background_modal_inverse--hover", + "value": "var(--vkui--color_background_modal_inverse--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + }, }, "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": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #F5595B)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "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)", + "active": { + "name": "--vkui--color_background_negative_tint--active", + "value": "var(--vkui--color_background_negative_tint--active, #4B2C2F)", + }, + "hover": { + "name": "--vkui--color_background_negative_tint--hover", + "value": "var(--vkui--color_background_negative_tint--hover, #4F2D2F)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", + }, }, "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": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "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": { + "name": "--vkui--color_background_positive_tint--active", + "value": "var(--vkui--color_background_positive_tint--active, #2A3A2C)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #2C3C2C)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, }, "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": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #202126)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #222225)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, }, "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": { + "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_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "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": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #1D1F23)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #1F1F22)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, }, "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": { + "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_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, }, "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": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #413018)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #443217)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "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": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "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)", + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "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)", + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #EBECEF)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "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": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #202126)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #222225)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "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": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "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": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "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": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, }, "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": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "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)", + "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": "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": { + "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": "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": { + "name": "--vkui--color_icon_contrast_themed--active", + "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, #000102)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "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": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #A2A4AC)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #A9ABB1)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "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": { + "name": "--vkui--color_icon_medium_alpha--active", + "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(241, 247, 255, 0.7000000000000001))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "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)", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #F5595B)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "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": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, }, "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": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "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": { + "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": "var(--vkui--color_icon_secondary--active, #929496)", - "hover": "var(--vkui--color_icon_secondary--hover, #8E9092)", - "normal": "var(--vkui--color_icon_secondary, #898B8D)", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #6D7075)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #717478)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "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": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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(241, 247, 255, 0.47000000000000003))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "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)", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #56595E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #595C60)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "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%))", - }, - "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": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.34))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "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, #DAA353)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #E4AA54)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #EDB055)", + }, }, "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": { + "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": "var(--vkui--color_image_placeholder--active, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #27292D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #282A2D)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, }, "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": { + "name": "--vkui--color_image_placeholder_alpha--active", + "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(241, 247, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + }, }, "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": { + "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": "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": { + "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.40))", + }, }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "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": { + "name": "--vkui--color_panel_header_icon--active", + "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, #6CA4E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "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": { + "name": "--vkui--color_search_field_background--active", + "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, #343538)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", + }, }, "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": { + "name": "--vkui--color_segmented_control--active", + "value": "var(--vkui--color_segmented_control--active, #5A5C61)", + }, + "hover": { + "name": "--vkui--color_segmented_control--hover", + "value": "var(--vkui--color_segmented_control--hover, #5E6062)", + }, + "normal": { + "name": "--vkui--color_segmented_control", + "value": "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": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #323438)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #343538)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, }, "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": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #3F4145)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #414346)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, }, "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": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #4A4D51)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #4D4F52)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #505253)", + }, }, "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": { + "name": "--vkui--color_separator_primary_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "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": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #121418)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #131417)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, }, "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": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #202126)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #222225)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, }, "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": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #282B2F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "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": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", + }, }, "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": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "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)", + "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": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #F5595B)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "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": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, }, "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": { + "name": "--vkui--color_tabbar_text_inactive--active", + "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, #717478)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "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": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", + }, }, "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": { + "name": "--vkui--color_text_accent_themed--active", + "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "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)", + "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": "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": { + "name": "--vkui--color_text_contrast_themed--active", + "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, #000102)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "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": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #4B93E5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #4F98ED)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, }, "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": { + "name": "--vkui--color_text_link_themed--active", + "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, #F5F5F7)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "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": { + "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": "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "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)", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #EB565A)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #F5595B)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "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": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "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)", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e1e3e6)", + }, }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, }, "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": { + "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)", + }, }, "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": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #6D7075)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #717478)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #76787a)", + }, }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", - }, - "colorTextSubhead": { - "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, #77797B)", - "hover": "var(--vkui--color_text_tertiary--hover, #717375)", - "normal": "var(--vkui--color_text_tertiary, #6B6D6F)", - }, - "colorTrackBackground": { - "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, #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))", - "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, #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, #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, #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, 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": { - "regular": { - "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)", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, - }, - "fontCaption1Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, - }, - "fontCaption2": { - "regular": { - "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)", + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, - "fontCaption2Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #8A8F97)", }, - }, - "fontCaption3": { - "regular": { - "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)", + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #90949B)", }, - }, - "fontCaption3Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, - "fontDisplayTitle1": { - "regular": { - "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)", + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #56595E)", }, - }, - "fontDisplayTitle2": { - "compact": { - "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)", + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #595C60)", }, - "regular": { - "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)", + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, - "fontDisplayTitle3": { - "regular": { - "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)", + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #3F4246)", }, - }, - "fontDisplayTitle4": { - "regular": { - "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)", + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #424447)", }, - }, - "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, 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)", + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", }, }, - "fontFootnoteCaps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #3B516E)", }, - }, - "fontHeadline": { - "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #3D5470)", }, - "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)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 16, 61, 0.08))", }, - "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)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "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)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #6D7075)", }, - "regular": { - "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)", + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #717478)", }, - }, - "fontParagraph": { - "regular": { - "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)", + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #76787a)", }, }, - "fontSubhead": { - "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #282B2F)", }, - "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)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "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, #2c2d2e)", }, }, - "fontText": { - "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #282B2F)", }, - "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)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #2A2C2F)", }, - }, - "fontTitle1": { - "regular": { - "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)", + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", }, }, - "fontTitle2": { - "regular": { - "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)", + "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))", }, - }, - "fontTitle3": { - "regular": { - "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)", + "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))", }, }, - "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, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", - "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%)", - "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%)", - "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)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", - }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", - }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", - }, - "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)", + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, light)", }, - "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "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))", }, - "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "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))", }, - "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "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))", }, - "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "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))", }, - "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "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))", }, - "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "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)", + }, + }, + "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)", + }, + "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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_caption1--line_height--regular", + "value": "var(--vkui--font_caption1--line_height--regular, 16px)", + }, + }, }, - "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "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)", + }, + }, }, - "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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)", + }, + }, }, - "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 8px)", + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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)", + }, + }, }, - "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, }, - "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, }, - "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, VKSansDisplay, Helvetica, Arial, sans-serif)", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, Roboto, Helvetica, Arial, sans-serif)", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, Helvetica, Arial, sans-serif)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "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)", + }, + }, + "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)", + }, + "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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_footnote--line_height--regular", + "value": "var(--vkui--font_footnote--line_height--regular, 16px)", + }, + }, }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "lineHeight": { + "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)", + }, + }, }, - "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--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, Roboto, 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, 24px)", + }, + }, }, - "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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, Roboto, 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, 24px)", + }, + }, }, - "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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, Roboto, 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)", + }, + }, }, - "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "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, Roboto, Helvetica, Arial, sans-serif)", + }, + "fontSize": { + "name": "--vkui--font_paragraph--font_size--regular", + "value": "var(--vkui--font_paragraph--font_size--regular, 14px)", + }, + "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, 18px)", + }, + }, }, - "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "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, Roboto, 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, 500)", + }, + "lineHeight": { + "name": "--vkui--font_subhead--line_height--regular", + "value": "var(--vkui--font_subhead--line_height--regular, 18px)", + }, + }, }, - "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "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, Roboto, 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, 24px)", + }, + }, }, - "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, }, - "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "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, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "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)", + }, + }, + "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)", + }, + "fontSize": { + "name": "--vkui--font_title3--font_size--regular", + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title3--line_height--regular", + "value": "var(--vkui--font_title3--line_height--regular, 24px)", + }, + }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", }, - "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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%)", }, - "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "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%)", }, - "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "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%)", }, - "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "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%)", }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, }, - "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "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)", + }, }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "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)", + }, }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "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)", + }, }, - "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, 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, 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)", - }, - "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, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkAccessibilityDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", - "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`] = ` -{ - "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": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", - }, - "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", - }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", - }, - "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", - }, - "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", - }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", - }, - "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", - }, - "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", - }, - "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorAvatarOverlay": { - "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)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", - }, - "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", - }, - "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", - }, - "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", - }, - "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", - }, - "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", - }, - "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", - }, - "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", - }, - "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", - }, - "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", - }, - "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", - }, - "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", - }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", - }, - "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", - }, - "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.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", - }, - "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", - }, - "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", - }, - "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", - }, - "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", - }, - "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", - }, - "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", - }, - "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5D5F61", - }, - "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", - }, - "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", - }, - "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", - }, - "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", - }, - "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", - }, - "colorLinkContrast": { - "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.40)", - }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", - }, - "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", - }, - "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", - }, - "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", - }, - "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", - }, - "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", - }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", - }, - "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", - }, - "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", - }, - "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", - }, - "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", - }, - "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", - }, - "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", - }, - "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "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)", + }, }, - "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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)", + }, }, - "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "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)", + }, }, - "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "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)", + }, }, - "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "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)", + }, }, - "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "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)", + }, }, - "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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)", + }, }, - "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "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)", + }, }, - "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "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)", + }, }, - "colorWriteBarIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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)", + }, }, - "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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)", + }, }, - "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "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)", + }, }, - "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": { + "sizeBorder3x": { + "auto": { + "name": "--vkui--size_border3x", + "value": "var(--vkui--size_border3x)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 14, + "name": "--vkui--size_border3x--regular", + "value": "var(--vkui--size_border3x--regular, 0.33px)", }, }, - "fontCaption1Caps": { + "sizeBorderRadius": { + "auto": { + "name": "--vkui--size_border_radius", + "value": "var(--vkui--size_border_radius)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", + "name": "--vkui--size_border_radius--regular", + "value": "var(--vkui--size_border_radius--regular, 8px)", }, }, - "fontCaption2": { + "sizeBorderRadiusPaper": { + "auto": { + "name": "--vkui--size_border_radius_paper", + "value": "var(--vkui--size_border_radius_paper)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, + "name": "--vkui--size_border_radius_paper--regular", + "value": "var(--vkui--size_border_radius_paper--regular, 12px)", }, }, - "fontCaption2Caps": { + "sizeBorderRadiusPromo": { + "auto": { + "name": "--vkui--size_border_radius_promo", + "value": "var(--vkui--size_border_radius_promo)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", + "name": "--vkui--size_border_radius_promo--regular", + "value": "var(--vkui--size_border_radius_promo--regular, 20px)", }, }, - "fontCaption3": { + "sizeBorderRadiusRounded": { + "auto": { + "name": "--vkui--size_border_radius_rounded", + "value": "var(--vkui--size_border_radius_rounded)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, + "name": "--vkui--size_border_radius_rounded--regular", + "value": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, }, - "fontCaption3Caps": { + "sizeButtonBaseLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal", + "value": "var(--vkui--size_button_base_large_padding_horizontal)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "lineHeight": 12, - "textTransform": "uppercase", + "name": "--vkui--size_button_base_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, }, - "fontDisplayTitle1": { + "sizeButtonBaseLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, + "name": "--vkui--size_button_base_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "sizeButtonBaseMediumPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal", + "value": "var(--vkui--size_button_base_medium_padding_horizontal)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, + "name": "--vkui--size_button_base_medium_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, }, - "fontDisplayTitle3": { + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_medium_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, + "name": "--vkui--size_button_base_medium_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, }, - "fontDisplayTitle4": { + "sizeButtonBaseSmallPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal", + "value": "var(--vkui--size_button_base_small_padding_horizontal)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "name": "--vkui--size_button_base_small_padding_horizontal--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, }, - "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": { + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_base_small_padding_horizontal_icon", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, + "name": "--vkui--size_button_base_small_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, }, - "fontFootnoteCaps": { + "sizeButtonGroupGapMedium": { + "auto": { + "name": "--vkui--size_button_group_gap_medium", + "value": "var(--vkui--size_button_group_gap_medium)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - "textTransform": "uppercase", + "name": "--vkui--size_button_group_gap_medium--regular", + "value": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, }, - "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "sizeButtonGroupGapSmall": { + "auto": { + "name": "--vkui--size_button_group_gap_small", + "value": "var(--vkui--size_button_group_gap_small)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "name": "--vkui--size_button_group_gap_small--regular", + "value": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "sizeButtonGroupGapSpace": { + "auto": { + "name": "--vkui--size_button_group_gap_space", + "value": "var(--vkui--size_button_group_gap_space)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, + "name": "--vkui--size_button_group_gap_space--regular", + "value": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, + "sizeButtonLargeHeight": { + "auto": { + "name": "--vkui--size_button_large_height", + "value": "var(--vkui--size_button_large_height)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "name": "--vkui--size_button_large_height--regular", + "value": "var(--vkui--size_button_large_height--regular, 44px)", }, }, - "fontParagraph": { + "sizeButtonMediumHeight": { + "auto": { + "name": "--vkui--size_button_medium_height", + "value": "var(--vkui--size_button_medium_height)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "name": "--vkui--size_button_medium_height--regular", + "value": "var(--vkui--size_button_medium_height--regular, 36px)", }, }, - "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 16, + "sizeButtonMinimumWidth": { + "auto": { + "name": "--vkui--size_button_minimum_width", + "value": "var(--vkui--size_button_minimum_width)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, + "name": "--vkui--size_button_minimum_width--regular", + "value": "var(--vkui--size_button_minimum_width--regular, 101px)", }, }, - "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, + "sizeButtonPaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_padding_horizontal", + "value": "var(--vkui--size_button_padding_horizontal)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, + "name": "--vkui--size_button_padding_horizontal--regular", + "value": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, }, - "fontTitle1": { + "sizeButtonSmallHeight": { + "auto": { + "name": "--vkui--size_button_small_height", + "value": "var(--vkui--size_button_small_height)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, + "name": "--vkui--size_button_small_height--regular", + "value": "var(--vkui--size_button_small_height--regular, 28px)", }, }, - "fontTitle2": { + "sizeButtonTertiaryLargePaddingHorizontal": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "name": "--vkui--size_button_tertiary_large_padding_horizontal--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, }, - "fontTitle3": { + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "auto": { + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "name": "--vkui--size_button_tertiary_large_padding_horizontal_icon--regular", + "value": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "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%", - "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%", - "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, - }, - "sizeArrowPadding": { - "regular": 12, - }, - "sizeArrowPromo": { - "regular": 40, - }, - "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, - }, - "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, - }, - "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, - }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, - }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, - }, - "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonPaddingHorizontal": { - "regular": 12, - }, - "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, - }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, - }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "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": 8, + "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": 12, + "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": 8, + "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": 8, + "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": { - "regular": 8, + "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": { - "regular": 8, + "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": 4, + "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": 16, + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "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": { - "regular": 12, + "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": { - "regular": 12, + "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": { - "regular": 16, + "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": { - "regular": 16, + "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": { - "regular": 32, + "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": 48, - "regular": 56, + "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": 20, - "regular": 32, + "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": { - "compact": 16, - "regular": 24, + "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": { - "regular": 880, + "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": { - "regular": 680, + "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": 430, + "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": { - "compact": 32, - "regular": 36, - }, - "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, - }, - "sizeSplitColPaddingHorizontal": { - "regular": 16, - }, - "sizeSubnavigationBarGap": { - "regular": 8, - }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, - }, - "sizeSwitchHeight": { - "compact": 12, - "regular": 14, - }, - "sizeSwitchPin": { - "compact": 18, - "regular": 20, - }, - "sizeSwitchWidth": { - "compact": 32, - "regular": 34, - }, - "sizeTooltipMargin": { - "regular": 8, - }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityDark", - "themeNameBase": "vkAccessibility", - "themeType": "root", - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots vkAccessibilityIOS 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.36, 0.66, 0.04, 1))", - }, - "colorAccentAzure": { - "active": { - "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #006FEF)", + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", }, - "hover": { - "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "compact": { + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, - "normal": { - "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "regular": { + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "compact": { + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "regular": { + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", }, }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "compact": { + "name": "--vkui--size_split_col_padding_horizontal--compact", + "value": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "regular": { + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "regular": { + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + "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)", }, }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + "compact": { + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", + "sizeSwitchPin": { + "auto": { + "name": "--vkui--size_switch_pin", + "value": "var(--vkui--size_switch_pin)", }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "compact": { + "name": "--vkui--size_switch_pin--compact", + "value": "var(--vkui--size_switch_pin--compact, 18px)", }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", + "sizeSwitchWidth": { + "auto": { + "name": "--vkui--size_switch_width", + "value": "var(--vkui--size_switch_width)", }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "compact": { + "name": "--vkui--size_switch_width--compact", + "value": "var(--vkui--size_switch_width--compact, 32px)", }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "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)", + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", }, - "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + "regular": { + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "colorAccentOrangePeach": { + "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--color_accent_orange_peach--active", - "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", + "name": "--vkui--tutoria_color_background_accent_tint--active", + "value": "var(--vkui--tutoria_color_background_accent_tint--active, #99C9FF)", }, "hover": { - "name": "--vkui--color_accent_orange_peach--hover", - "value": "var(--vkui--color_accent_orange_peach--hover, #EFAE4E)", + "name": "--vkui--tutoria_color_background_accent_tint--hover", + "value": "var(--vkui--tutoria_color_background_accent_tint--hover, #CCE4FF)", }, "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "name": "--vkui--tutoria_color_background_accent_tint", + "value": "var(--vkui--tutoria_color_background_accent_tint, #E5F1FF)", }, }, - "colorAccentPink": { + "tutoriaColorBackgroundContentInverse": { "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", + "name": "--vkui--tutoria_color_background_content_inverse--active", + "value": "var(--vkui--tutoria_color_background_content_inverse--active, #5C646D)", }, "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "name": "--vkui--tutoria_color_background_content_inverse--hover", + "value": "var(--vkui--tutoria_color_background_content_inverse--hover, #41474E)", }, "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "name": "--vkui--tutoria_color_background_content_inverse", + "value": "var(--vkui--tutoria_color_background_content_inverse, #181B1E)", }, }, - "colorAccentPurple": { + "tutoriaColorBackgroundInfo": { "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "name": "--vkui--tutoria_color_background_info--active", + "value": "var(--vkui--tutoria_color_background_info--active, #66BBF7)", }, "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "name": "--vkui--tutoria_color_background_info--hover", + "value": "var(--vkui--tutoria_color_background_info--hover, #33A4F5)", }, "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "name": "--vkui--tutoria_color_background_info", + "value": "var(--vkui--tutoria_color_background_info, #008DF2)", }, }, - "colorAccentRaspberryPink": { + "tutoriaColorBackgroundInfoTint": { "active": { - "name": "--vkui--color_accent_raspberry_pink--active", - "value": "var(--vkui--color_accent_raspberry_pink--active, #CE3BA2)", + "name": "--vkui--tutoria_color_background_info_tint--active", + "value": "var(--vkui--tutoria_color_background_info_tint--active, #99D1FA)", }, "hover": { - "name": "--vkui--color_accent_raspberry_pink--hover", - "value": "var(--vkui--color_accent_raspberry_pink--hover, #D73DA7)", + "name": "--vkui--tutoria_color_background_info_tint--hover", + "value": "var(--vkui--tutoria_color_background_info_tint--hover, #CCE8FC)", }, "normal": { - "name": "--vkui--color_accent_raspberry_pink", - "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)", + "name": "--vkui--tutoria_color_background_info_tint", + "value": "var(--vkui--tutoria_color_background_info_tint, #ECF3FC)", }, }, - "colorAccentRed": { + "tutoriaColorBackgroundNegativeTint": { "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", + "name": "--vkui--tutoria_color_background_negative_tint--active", + "value": "var(--vkui--tutoria_color_background_negative_tint--active, #FFB3B5)", }, "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "name": "--vkui--tutoria_color_background_negative_tint--hover", + "value": "var(--vkui--tutoria_color_background_negative_tint--hover, #FFD9DA)", }, "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "name": "--vkui--tutoria_color_background_negative_tint", + "value": "var(--vkui--tutoria_color_background_negative_tint, #FFECED)", }, }, - "colorAccentSecondary": { + "tutoriaColorBackgroundNeutral": { "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "name": "--vkui--tutoria_color_background_neutral--active", + "value": "var(--vkui--tutoria_color_background_neutral--active, #8794A4)", }, "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "name": "--vkui--tutoria_color_background_neutral--hover", + "value": "var(--vkui--tutoria_color_background_neutral--hover, #8D99A9)", }, "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + "name": "--vkui--tutoria_color_background_neutral", + "value": "var(--vkui--tutoria_color_background_neutral, #939FAD)", }, }, - "colorAccentViolet": { + "tutoriaColorBackgroundOverlayAlpha": { "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "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--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "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--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "name": "--vkui--tutoria_color_background_overlay_alpha", + "value": "var(--vkui--tutoria_color_background_overlay_alpha, rgba(24, 27, 30, 0.4))", }, }, - "colorActionSheetText": { + "tutoriaColorBackgroundPositiveTint": { "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #3A80D3)", + "name": "--vkui--tutoria_color_background_positive_tint--active", + "value": "var(--vkui--tutoria_color_background_positive_tint--active, #98EDB7)", }, "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", + "name": "--vkui--tutoria_color_background_positive_tint--hover", + "value": "var(--vkui--tutoria_color_background_positive_tint--hover, #CAF6DA)", }, "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "name": "--vkui--tutoria_color_background_positive_tint", + "value": "var(--vkui--tutoria_color_background_positive_tint, #EDF7ED)", }, }, - "colorAvatarOverlay": { + "tutoriaColorBackgroundPrimary": { "active": { - "name": "--vkui--color_avatar_overlay--active", - "value": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", + "name": "--vkui--tutoria_color_background_primary--active", + "value": "var(--vkui--tutoria_color_background_primary--active, #D4D9DE)", }, "hover": { - "name": "--vkui--color_avatar_overlay--hover", - "value": "var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64))", + "name": "--vkui--tutoria_color_background_primary--hover", + "value": "var(--vkui--tutoria_color_background_primary--hover, #E9ECEF)", }, "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "name": "--vkui--tutoria_color_background_primary", + "value": "var(--vkui--tutoria_color_background_primary, #F4F5F7)", }, }, - "colorAvatarOverlayInverseAlpha": { + "tutoriaColorBackgroundWarning": { "active": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--active", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))", + "name": "--vkui--tutoria_color_background_warning--active", + "value": "var(--vkui--tutoria_color_background_warning--active, #FED79D)", }, "hover": { - "name": "--vkui--color_avatar_overlay_inverse_alpha--hover", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", + "name": "--vkui--tutoria_color_background_warning--hover", + "value": "var(--vkui--tutoria_color_background_warning--hover, #FDB03B)", }, "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "name": "--vkui--tutoria_color_background_warning", + "value": "var(--vkui--tutoria_color_background_warning, #FC9C0A)", }, }, - "colorBackground": { + "tutoriaColorBackgroundWarningTint": { "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "name": "--vkui--tutoria_color_background_warning_tint--active", + "value": "var(--vkui--tutoria_color_background_warning_tint--active, #FED79D)", }, "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "name": "--vkui--tutoria_color_background_warning_tint--hover", + "value": "var(--vkui--tutoria_color_background_warning_tint--hover, #FEEBCE)", }, "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "name": "--vkui--tutoria_color_background_warning_tint", + "value": "var(--vkui--tutoria_color_background_warning_tint, #FFF5E7)", }, }, - "colorBackgroundAccent": { + "tutoriaColorCardBoxShadowAlpha": { "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "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--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "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--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "name": "--vkui--tutoria_color_card_box_shadow_alpha", + "value": "var(--vkui--tutoria_color_card_box_shadow_alpha, rgba(37, 41, 46, 0.04))", }, }, - "colorBackgroundAccentAlternative": { + "tutoriaColorIconInfo": { "active": { - "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #237EDD)", + "name": "--vkui--tutoria_color_icon_info--active", + "value": "var(--vkui--tutoria_color_icon_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_background_accent_alternative--hover", - "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", + "name": "--vkui--tutoria_color_icon_info--hover", + "value": "var(--vkui--tutoria_color_icon_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "name": "--vkui--tutoria_color_icon_info", + "value": "var(--vkui--tutoria_color_icon_info, #008DF2)", }, }, - "colorBackgroundAccentThemed": { + "tutoriaColorIconLink": { "active": { - "name": "--vkui--color_background_accent_themed--active", - "value": "var(--vkui--color_background_accent_themed--active, #237EDD)", + "name": "--vkui--tutoria_color_icon_link--active", + "value": "var(--vkui--tutoria_color_icon_link--active, #0083E4)", }, "hover": { - "name": "--vkui--color_background_accent_themed--hover", - "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", + "name": "--vkui--tutoria_color_icon_link--hover", + "value": "var(--vkui--tutoria_color_icon_link--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "name": "--vkui--tutoria_color_icon_link", + "value": "var(--vkui--tutoria_color_icon_link, #008DF2)", }, }, - "colorBackgroundAccentThemedAlpha": { + "tutoriaColorIconWarning": { "active": { - "name": "--vkui--color_background_accent_themed_alpha--active", - "value": "var(--vkui--color_background_accent_themed_alpha--active, rgba(38, 136, 235, 0.28))", + "name": "--vkui--tutoria_color_icon_warning--active", + "value": "var(--vkui--tutoria_color_icon_warning--active, #E8910E)", }, "hover": { - "name": "--vkui--color_background_accent_themed_alpha--hover", - "value": "var(--vkui--color_background_accent_themed_alpha--hover, rgba(38, 136, 235, 0.24))", + "name": "--vkui--tutoria_color_icon_warning--hover", + "value": "var(--vkui--tutoria_color_icon_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_background_accent_themed_alpha", - "value": "var(--vkui--color_background_accent_themed_alpha, rgba(38, 136, 235, 0.2))", + "name": "--vkui--tutoria_color_icon_warning", + "value": "var(--vkui--tutoria_color_icon_warning, #FC9C0A)", }, }, - "colorBackgroundAccentTint": { + "tutoriaColorSeparatorPrimaryAlpha": { "active": { - "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #5393EF)", + "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--color_background_accent_tint--hover", - "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "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--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #5a9eff)", + "name": "--vkui--tutoria_color_separator_primary_alpha", + "value": "var(--vkui--tutoria_color_separator_primary_alpha, rgba(233, 236, 239, 0.2))", }, }, - "colorBackgroundContent": { + "tutoriaColorSeparatorSecondaryAlpha": { "active": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "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--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "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--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "name": "--vkui--tutoria_color_separator_secondary_alpha", + "value": "var(--vkui--tutoria_color_separator_secondary_alpha, rgba(233, 236, 239, 0.1))", }, }, - "colorBackgroundContentInverse": { + "tutoriaColorStrokeAccentTint": { "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "name": "--vkui--tutoria_color_stroke_accent_tint--active", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--active, #8DBAEF)", }, "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "name": "--vkui--tutoria_color_stroke_accent_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_accent_tint--hover, #93C2F7)", }, "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "name": "--vkui--tutoria_color_stroke_accent_tint", + "value": "var(--vkui--tutoria_color_stroke_accent_tint, #99C9FF)", }, }, - "colorBackgroundContrast": { + "tutoriaColorStrokeInfo": { "active": { - "name": "--vkui--color_background_contrast--active", - "value": "var(--vkui--color_background_contrast--active, #EBECEF)", + "name": "--vkui--tutoria_color_stroke_info--active", + "value": "var(--vkui--tutoria_color_stroke_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_background_contrast--hover", - "value": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "name": "--vkui--tutoria_color_stroke_info--hover", + "value": "var(--vkui--tutoria_color_stroke_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_background_contrast", - "value": "var(--vkui--color_background_contrast, #ffffff)", + "name": "--vkui--tutoria_color_stroke_info", + "value": "var(--vkui--tutoria_color_stroke_info, #008DF2)", }, }, - "colorBackgroundContrastInverse": { + "tutoriaColorStrokeInfoTint": { "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #282B2F)", + "name": "--vkui--tutoria_color_stroke_info_tint--active", + "value": "var(--vkui--tutoria_color_stroke_info_tint--active, #8DC2EB)", }, "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", + "name": "--vkui--tutoria_color_stroke_info_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_info_tint--hover, #93C9F2)", }, "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "name": "--vkui--tutoria_color_stroke_info_tint", + "value": "var(--vkui--tutoria_color_stroke_info_tint, #99D1FA)", }, }, - "colorBackgroundContrastSecondaryAlpha": { + "tutoriaColorStrokeNegativeTint": { "active": { - "name": "--vkui--color_background_contrast_secondary_alpha--active", - "value": "var(--vkui--color_background_contrast_secondary_alpha--active, rgba(255, 255, 255, 0.28))", + "name": "--vkui--tutoria_color_stroke_negative_tint--active", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--active, #EBA6AB)", }, "hover": { - "name": "--vkui--color_background_contrast_secondary_alpha--hover", - "value": "var(--vkui--color_background_contrast_secondary_alpha--hover, rgba(255, 255, 255, 0.24))", + "name": "--vkui--tutoria_color_stroke_negative_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_negative_tint--hover, #F5ACB0)", }, "normal": { - "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", + "name": "--vkui--tutoria_color_stroke_negative_tint", + "value": "var(--vkui--tutoria_color_stroke_negative_tint, #FFB3B5)", }, }, - "colorBackgroundContrastThemed": { + "tutoriaColorStrokePositiveTint": { "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #EBECEF)", + "name": "--vkui--tutoria_color_stroke_positive_tint--active", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--active, #8CDBAD)", }, "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", + "name": "--vkui--tutoria_color_stroke_positive_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_positive_tint--hover, #92E4B2)", }, "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "name": "--vkui--tutoria_color_stroke_positive_tint", + "value": "var(--vkui--tutoria_color_stroke_positive_tint, #98EDB7)", }, }, - "colorBackgroundInfoTint": { + "tutoriaColorStrokePrimary": { "active": { - "name": "--vkui--color_background_info_tint--active", - "value": "var(--vkui--color_background_info_tint--active, #CCDCEF)", + "name": "--vkui--tutoria_color_stroke_primary--active", + "value": "var(--vkui--tutoria_color_stroke_primary--active, #161A20)", }, "hover": { - "name": "--vkui--color_background_info_tint--hover", - "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", + "name": "--vkui--tutoria_color_stroke_primary--hover", + "value": "var(--vkui--tutoria_color_stroke_primary--hover, #171B1F)", }, "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "name": "--vkui--tutoria_color_stroke_primary", + "value": "var(--vkui--tutoria_color_stroke_primary, #181B1E)", }, }, - "colorBackgroundModal": { + "tutoriaColorStrokeSecondary": { "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "name": "--vkui--tutoria_color_stroke_secondary--active", + "value": "var(--vkui--tutoria_color_stroke_secondary--active, #C3C9D1)", }, "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "name": "--vkui--tutoria_color_stroke_secondary--hover", + "value": "var(--vkui--tutoria_color_stroke_secondary--hover, #CCD1D8)", }, "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "name": "--vkui--tutoria_color_stroke_secondary", + "value": "var(--vkui--tutoria_color_stroke_secondary, #D4D9DE)", }, }, - "colorBackgroundModalInverse": { + "tutoriaColorStrokeTertiary": { "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1A1C20)", + "name": "--vkui--tutoria_color_stroke_tertiary--active", + "value": "var(--vkui--tutoria_color_stroke_tertiary--active, #D6DAE1)", }, "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "name": "--vkui--tutoria_color_stroke_tertiary--hover", + "value": "var(--vkui--tutoria_color_stroke_tertiary--hover, #E0E3E8)", }, "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "name": "--vkui--tutoria_color_stroke_tertiary", + "value": "var(--vkui--tutoria_color_stroke_tertiary, #E9ECEF)", }, }, - "colorBackgroundNegative": { + "tutoriaColorStrokeWarning": { "active": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "name": "--vkui--tutoria_color_stroke_warning--active", + "value": "var(--vkui--tutoria_color_stroke_warning--active, #E8910E)", }, "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "name": "--vkui--tutoria_color_stroke_warning--hover", + "value": "var(--vkui--tutoria_color_stroke_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "name": "--vkui--tutoria_color_stroke_warning", + "value": "var(--vkui--tutoria_color_stroke_warning, #FC9C0A)", }, }, - "colorBackgroundNegativeTint": { + "tutoriaColorStrokeWarningTint": { "active": { - "name": "--vkui--color_background_negative_tint--active", - "value": "var(--vkui--color_background_negative_tint--active, #EBD8DB)", + "name": "--vkui--tutoria_color_stroke_warning_tint--active", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--active, #EAC795)", }, "hover": { - "name": "--vkui--color_background_negative_tint--hover", - "value": "var(--vkui--color_background_negative_tint--hover, #F5E0E2)", + "name": "--vkui--tutoria_color_stroke_warning_tint--hover", + "value": "var(--vkui--tutoria_color_stroke_warning_tint--hover, #F4CF99)", }, "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "name": "--vkui--tutoria_color_stroke_warning_tint", + "value": "var(--vkui--tutoria_color_stroke_warning_tint, #FED79D)", }, }, - "colorBackgroundPositive": { + "tutoriaColorTextInfo": { "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", + "name": "--vkui--tutoria_color_text_info--active", + "value": "var(--vkui--tutoria_color_text_info--active, #0083E4)", }, "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + "name": "--vkui--tutoria_color_text_info--hover", + "value": "var(--vkui--tutoria_color_text_info--hover, #0088EB)", }, "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", + "name": "--vkui--tutoria_color_text_info", + "value": "var(--vkui--tutoria_color_text_info, #008DF2)", }, }, - "colorBackgroundPositiveTint": { + "tutoriaColorTextWarning": { "active": { - "name": "--vkui--color_background_positive_tint--active", - "value": "var(--vkui--color_background_positive_tint--active, #D5E6DA)", + "name": "--vkui--tutoria_color_text_warning--active", + "value": "var(--vkui--tutoria_color_text_warning--active, #E8910E)", }, "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", + "name": "--vkui--tutoria_color_text_warning--hover", + "value": "var(--vkui--tutoria_color_text_warning--hover, #F2960C)", }, "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", - }, - }, - "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "name": "--vkui--tutoria_color_text_warning", + "value": "var(--vkui--tutoria_color_text_warning, #FC9C0A)", }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "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)", + }, }, }, - "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "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, 0, 0, 0.08))", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + "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)", + }, }, }, - "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "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)", + }, }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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)", + }, }, }, - "colorBackgroundTertiaryAlpha": { - "active": { - "name": "--vkui--color_background_tertiary_alpha--active", - "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.07))", + "tutoriaLayoutMaxWidth": { + "auto": { + "name": "--vkui--tutoria_layout_max_width", + "value": "var(--vkui--tutoria_layout_max_width)", }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + "regular": { + "name": "--vkui--tutoria_layout_max_width--regular", + "value": "var(--vkui--tutoria_layout_max_width--regular, 1224px)", }, }, - "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "tutoriaSizeButtonBaseLargeBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_large_border_radius", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius)", }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "regular": { + "name": "--vkui--tutoria_size_button_base_large_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_large_border_radius--regular, 8px)", }, }, - "colorButtonIcon": { - "active": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "tutoriaSizeButtonBaseMediumBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_medium_border_radius", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius)", }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "regular": { + "name": "--vkui--tutoria_size_button_base_medium_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_medium_border_radius--regular, 10px)", }, }, - "colorButtonStroke": { - "active": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "tutoriaSizeButtonBaseSmallBorderRadius": { + "auto": { + "name": "--vkui--tutoria_size_button_base_small_border_radius", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius)", }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "regular": { + "name": "--vkui--tutoria_size_button_base_small_border_radius--regular", + "value": "var(--vkui--tutoria_size_button_base_small_border_radius--regular, 12px)", }, }, - "colorButtonText": { - "active": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "tutoriaSizePaddingCard": { + "auto": { + "name": "--vkui--tutoria_size_padding_card", + "value": "var(--vkui--tutoria_size_padding_card)", }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "compact": { + "name": "--vkui--tutoria_size_padding_card--compact", + "value": "var(--vkui--tutoria_size_padding_card--compact, 16px)", }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "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)", + }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", + }, +} +`; + +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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", + }, + "colorAccentBlue": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", + }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", + }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", + }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", + }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", + }, + "colorAccentOrangePeach": { + "active": "#EBB25F", + "hover": "#F5B961", + "normal": "#FFC062", + }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", + }, + "colorAccentPurple": { + "active": "#8D7CEF", + "hover": "#9380F7", + "normal": "#9985ff", + }, + "colorAccentRaspberryPink": { + "active": "#DD5AB6", + "hover": "#E65DBB", + "normal": "#f060c0", + }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", + }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorAccentViolet": { + "active": "#9B4AEF", + "hover": "#A24CF7", + "normal": "#a94fff", + }, + "colorActionSheetText": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorAvatarOverlay": { + "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)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", + }, + "colorBackground": { + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", + }, + "colorBackgroundAccent": { + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", + }, + "colorBackgroundAccentAlternative": { + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529EF4", + }, + "colorBackgroundAccentThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "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": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", + }, + "colorBackgroundContent": { + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191a", + }, + "colorBackgroundContentInverse": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorBackgroundContrastInverse": { + "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)", + }, + "colorBackgroundContrastThemed": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", + }, + "colorBackgroundInfoTint": { + "active": "#1A3652", + "hover": "#1B3753", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", + }, + "colorBackgroundNegative": { + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", + }, + "colorBackgroundNegativeTint": { + "active": "#4B2C2F", + "hover": "#4F2D2F", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#2A3A2C", + "hover": "#2C3C2C", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#202126", + "hover": "#222225", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#1D1F23", + "hover": "#1F1F22", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#413018", + "hover": "#443217", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorButtonStroke": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorButtonText": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, "colorFieldBackground": { - "active": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F5F5F5)", - }, + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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, 0, 0, 0.24))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 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": { - "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": "#17181D", + "hover": "#18191B", + "normal": "#19191a", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", - }, + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": { - "name": "--vkui--color_icon_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #5D6878)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #616C7A)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #65707D)", - }, + "active": "#A2A4AC", + "hover": "#A9ABB1", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "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.59))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 55%))", - }, + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { - "active": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", - }, + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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, #7B8390)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #818893)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #868d97)", - }, + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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.48))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 44%))", - }, + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #a6adb7)", - }, + "active": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.36))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 32%))", - }, + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", - }, + "active": "#DAA353", + "hover": "#E4AA54", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": { - "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_image_border_alpha--hover", - "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 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, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #F5F5F5)", - }, + "active": "#27292D", + "hover": "#282A2D", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": { - "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_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", - }, + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "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.40))", - }, + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", - }, + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": { - "name": "--vkui--color_search_field_background--active", - "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, #E8EAEE)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #F2F3F5)", - }, + "active": "#323438", + "hover": "#343538", + "normal": "#363738", }, "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": "#5A5C61", + "hover": "#5E6062", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", - }, + "active": "#323438", + "hover": "#343538", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", - }, + "active": "#3F4145", + "hover": "#414346", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", - }, + "active": "#4A4D51", + "hover": "#4D4F52", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", - }, + "active": "#121418", + "hover": "#131417", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", - }, + "active": "#202126", + "hover": "#222225", + "normal": "#232324", }, "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", - }, + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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, #D44245)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", - }, + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", - }, + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": { - "name": "--vkui--color_text_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", - }, - "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)", - }, + "active": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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)", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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, #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)", - }, + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", - }, + "active": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", - }, + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", - }, + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "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)", - }, + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #5D6878)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #616C7A)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #65707D)", - }, + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", - }, + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #515C6B)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #54606D)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #58636F)", - }, + "active": "#8A8F97", + "hover": "#90949B", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #798391)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #848D98)", - }, + "active": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "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)", - }, + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", }, "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", - }, + "active": "#3B516E", + "hover": "#3D5470", + "normal": "#405772", }, "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, #3A80D3)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", - }, + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "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, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", - }, + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "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))", - }, - "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))", - }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", - }, - }, - "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))", + "active": "rgba(255, 255, 255, 0.88)", + "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)", "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)", - }, + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "16px", }, "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)", - }, - "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, 14px)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "12px", + "fontWeight": 500, + "lineHeight": "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", - }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - }, + "fontFamilyAccent": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, 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)", - }, + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", }, "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)", - }, - "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, 16px)", - }, + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "13px", + "fontWeight": 500, + "lineHeight": "16px", }, }, "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "lineHeight": { - "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "24px", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "24px", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "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, -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, 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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, "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, 16px)", - }, - }, "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)", - }, - "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "14px", + "fontWeight": 500, + "lineHeight": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "24px", }, }, "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)", - }, + "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": { - "name": "--vkui--font_title1--font_family--regular", - "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", - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "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)", - }, + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "24px", }, "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title3--line_height--regular", - "value": "var(--vkui--font_title3--line_height--regular, 22px)", - }, + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": "16px", + "fontWeight": 600, + "lineHeight": "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)", - }, + "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": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "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)", - }, + "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)", - }, + "regular": "40px", }, "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": "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "regular": "12px", }, "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, 12px)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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, 10px)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "regular": "48px", }, "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": "10px", }, "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": "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)", - }, + "regular": "8px", }, "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": "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)", - }, + "regular": "6px", }, "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": "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "regular": "101px", }, "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)", - }, + "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)", - }, + "regular": "28px", }, "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": "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "compact": "36px", + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "compact": "48px", + "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)", - }, + "compact": "20px", + "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)", - }, + "compact": "16px", + "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)", - }, + "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)", - }, + "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)", - }, + "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)", - }, + "compact": "32px", + "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)", - }, + "compact": "7px", + "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)", - }, + "compact": "16px", + "regular": "24px", }, "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": "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)", - }, + "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)", - }, + "compact": "12px", + "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, 23px)", - }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", - }, + "compact": "18px", + "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, 47px)", - }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", - }, + "compact": "32px", + "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)", - }, + "regular": "8px", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 16px)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBase", + "themeName": "tutoriaDark", + "themeNameBase": "tutoria", + "themeType": "pixelify", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkAccessibilityIOS)", + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "themeType": "cssVars", - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "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 vkAccessibilityIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots tutoriaDark 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.36, 0.66, 0.04, 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))", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "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": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "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": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "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": "#DD5643", - "hover": "#E65944", - "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "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": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "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": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#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": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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": "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": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "var(--vkui--color_background--active, #090A0E)", + "hover": "var(--vkui--color_background--hover, #0A0A0C)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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, #5393EF)", + "hover": "var(--vkui--color_background_accent_tint--hover, #5698F7)", + "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "var(--vkui--color_background_content--active, #17181D)", + "hover": "var(--vkui--color_background_content--hover, #18191B)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "var(--vkui--color_background_content_inverse--active, #EBECEF)", + "hover": "var(--vkui--color_background_content_inverse--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "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": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "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, #282B2F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #2A2C2F)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "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": "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_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": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "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": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "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": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "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": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#DFE1E6", - "hover": "#E8EAEE", - "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "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": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", + "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#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": "#282B2F", - "hover": "#2A2C2F", - "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": "#7B8390", - "hover": "#818893", - "normal": "#868d97", + "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": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", + "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": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", + "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": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", + "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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "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": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "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": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "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))", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "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": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "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": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "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": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#8D96A4", - "hover": "#939CA9", - "normal": "#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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#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": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#689EDD", - "hover": "#6CA4E4", - "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": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "var(--vkui--color_text_primary--active, #CFD2D8)", + "hover": "var(--vkui--color_text_primary--hover, #D8DBDF)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "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": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", + "active": "var(--vkui--color_text_secondary--active, #6D7075)", + "hover": "var(--vkui--color_text_secondary--hover, #717478)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", + "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": "#798391", - "hover": "#7F8894", - "normal": "#848D98", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "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": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", + "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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#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": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "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": "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": "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))", "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "14px", + "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, 500)", + "lineHeight": "var(--vkui--font_caption1--line_height--regular, 16px)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", + "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)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", + "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)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "lineHeight": "12px", - "textTransform": "uppercase", + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "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)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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": "-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": "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", + "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, 500)", + "lineHeight": "var(--vkui--font_footnote--line_height--regular, 16px)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - "textTransform": "uppercase", + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", }, }, "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "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, 24px)", }, }, "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "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, 24px)", }, }, "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "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)", }, }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "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, 18px)", }, }, "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "16px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "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, 500)", + "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", }, }, "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "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, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "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, 600)", + "lineHeight": "var(--vkui--font_title1--line_height--regular, 28px)", }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "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, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "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": 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, + "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, 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(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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { - "regular": "8px", + "regular": "var(--vkui--size_arrow--regular, 8px)", }, "sizeArrowPadding": { - "regular": "12px", + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { - "regular": "40px", + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "sizeAvatarL": { - "regular": "96px", + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, "sizeAvatarM": { - "regular": "48px", + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, "sizeAvatarS": { - "regular": "32px", + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, "sizeAvatarXL": { - "regular": "128px", + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, "sizeAvatarXS": { - "regular": "24px", + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, "sizeBadgeL": { - "regular": "44px", + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, "sizeBadgeM": { - "regular": "24px", + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, "sizeBadgeS": { - "regular": "16px", + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, "sizeBadgeXL": { - "regular": "56px", + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, "sizeBadgeXS": { - "regular": "12px", + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, "sizeBorder1x": { - "regular": "1px", + "regular": "var(--vkui--size_border1x--regular, 1px)", }, "sizeBorder2x": { - "regular": "0.5px", + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, "sizeBorder3x": { - "regular": "0.33px", + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 10px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 8px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 6px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": "80px", + "regular": "var(--vkui--size_button_minimum_width--regular, 101px)", }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "regular": "var(--vkui--size_button_small_height--regular, 28px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { - "regular": "8px", + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, "sizeCheckbox": { - "regular": "16px", + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { - "regular": "16px", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, "sizePopupLarge": { - "regular": "880px", + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMedium": { - "regular": "680px", + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "430px", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "compact": "var(--vkui--size_split_col_padding_horizontal--compact, 16px)", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 24px)", }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { - "regular": "8px", + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibilityIOS", - "themeNameBase": "vkAccessibilityIOS", + "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", - "zIndexModal": 99, - "zIndexPopout": 100, + "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 vkAccessibilityIOS theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots tutoriaDark theme should match root 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.36, 0.66, 0.04, 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": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "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": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "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": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#A1E511", + "hover": "#A8EE0F", + "normal": "#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": "#EB9405", + "hover": "#F59A02", + "normal": "#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)", + "active": "#DD5643", + "hover": "#E65944", + "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": "#EBB25F", + "hover": "#F5B961", + "normal": "#FFC062", }, "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": "#E059EF", + "hover": "#EA5CF7", + "normal": "#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)", + "active": "#8D7CEF", + "hover": "#9380F7", + "normal": "#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": "#DD5AB6", + "hover": "#E65DBB", + "normal": "#f060c0", }, "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": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "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": "#9B4AEF", + "hover": "#A24CF7", + "normal": "#a94fff", }, "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": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "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": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "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, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "#090A0E", + "hover": "#0A0A0C", + "normal": "#0a0a0a", }, "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": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529EF4", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "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": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "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": "#17181D", + "hover": "#18191B", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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.20))", + "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "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": "#1A3652", + "hover": "#1B3753", + "normal": "#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": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "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": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "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": "#4B2C2F", + "hover": "#4F2D2F", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #45A64A)", - "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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)", + "active": "#2A3A2C", + "hover": "#2C3C2C", + "normal": "#2E3E2B", }, "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": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "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": "#1D1F23", + "hover": "#1F1F22", + "normal": "#202021", }, "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": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "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": "#413018", + "hover": "#443217", + "normal": "#473315", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "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": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "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": "#17181D", + "hover": "#18191B", + "normal": "#19191a", }, "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": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#DFE1E6", + "hover": "#E8EAEE", + "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": "#000105", + "hover": "#000102", + "normal": "#000000", }, "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": "#A2A4AC", + "hover": "#A9ABB1", + "normal": "#b0b1b6", }, "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": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "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": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "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": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#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)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "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": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "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": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "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": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "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": "#DAA353", + "hover": "#E4AA54", + "normal": "#EDB055", + }, "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": "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, #E1E3E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #EBECEE)", - "normal": "var(--vkui--color_image_placeholder, #F5F5F5)", + "active": "#27292D", + "hover": "#282A2D", + "normal": "#2a2b2c", }, "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": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "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": "#EBECEF", + "hover": "#F5F5F7", + "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.40))", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "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": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "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": "#323438", + "hover": "#343538", + "normal": "#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": "#5A5C61", + "hover": "#5E6062", + "normal": "#626364", }, "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": "#323438", + "hover": "#343538", + "normal": "#363738", }, "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": "#3F4145", + "hover": "#414346", + "normal": "#444546", }, "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": "#4A4D51", + "hover": "#4D4F52", + "normal": "#505253", }, "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": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 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": "#121418", + "hover": "#131417", + "normal": "#141415", }, "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": "#202126", + "hover": "#222225", + "normal": "#232324", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "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": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "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": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "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": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#000105", + "hover": "#000102", + "normal": "#000000", }, "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": "#4B93E5", + "hover": "#4F98ED", + "normal": "#529ef4", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#689EDD", + "hover": "#6CA4E4", + "normal": "#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": "#437DC1", + "hover": "#4681C6", + "normal": "#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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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": "#EB565A", + "hover": "#F5595B", + "normal": "#ff5c5c", }, "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": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "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": "#000105", + "hover": "#000102", + "normal": "#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": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "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": "#8A8F97", + "hover": "#90949B", + "normal": "#969a9f", }, "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": "#56595E", + "hover": "#595C60", + "normal": "#5d5f61", }, "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": "#3F4246", + "hover": "#424447", + "normal": "#454647", }, "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": "#3B516E", + "hover": "#3D5470", + "normal": "#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))", - "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, #3A80D3)", - "hover": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", - "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "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": "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, 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": "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)", "fontCaption1": { + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 16, + }, "regular": { - "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)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 12, + "fontWeight": 500, + "lineHeight": 16, }, }, "fontCaption1Caps": { "regular": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, }, "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "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": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontFamilyBase": "Roboto, Helvetica, Arial, sans-serif", + "fontFamilyFallbacks": "Helvetica, Arial, sans-serif", "fontFootnote": { + "compact": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, "regular": { - "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)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 13, + "fontWeight": 500, + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { - "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", }, }, "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)", - "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": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 24, }, }, "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, -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)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 24, }, }, "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, -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)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "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)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, "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, -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)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 14, + "fontWeight": 500, + "lineHeight": 18, }, }, "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, -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)", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "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": "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)", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "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)", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontTitle3": { + "compact": { + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 24, + }, "regular": { - "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)", + "fontFamily": "VKSansDisplay, Helvetica, Arial, sans-serif", + "fontSize": 16, + "fontWeight": 600, + "lineHeight": 24, }, }, - "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, 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(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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "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": "var(--vkui--size_arrow--regular, 8px)", + "regular": 8, }, "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "regular": 12, }, "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "regular": 40, }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "regular": 96, }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "regular": 48, }, "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "regular": 32, }, "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "regular": 128, }, "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "regular": 24, }, "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "regular": 44, }, "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "regular": 24, }, "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "regular": 16, }, "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "regular": 56, }, "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "regular": 1, }, "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": 10, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": 8, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": 6, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "regular": 1, }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "regular": 101, }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "regular": 28, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "regular": 4, }, "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "regular": 16, }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": 880, }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": 680, }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": 430, }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "compact": 16, + "regular": 24, }, "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": 32, + "regular": 34, }, "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, vkBase)", - "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 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.36, 0.66, 0.04, 1)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "regular": 8, }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "themeName": "tutoriaDark", + "themeNameBase": "tutoria", + "themeType": "root", + "tutoriaColorBackgroundAccentTint": { + "active": "#99C9FF", + "hover": "#CCE4FF", + "normal": "#E5F1FF", }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "tutoriaColorBackgroundContentInverse": { + "active": "#5C646D", + "hover": "#41474E", + "normal": "#181B1E", }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "tutoriaColorBackgroundInfo": { + "active": "#66BBF7", + "hover": "#33A4F5", + "normal": "#008DF2", }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "tutoriaColorBackgroundInfoTint": { + "active": "#99D1FA", + "hover": "#CCE8FC", + "normal": "#ECF3FC", }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "tutoriaColorBackgroundNegativeTint": { + "active": "#FFB3B5", + "hover": "#FFD9DA", + "normal": "#FFECED", }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "tutoriaColorBackgroundNeutral": { + "active": "#8794A4", + "hover": "#8D99A9", + "normal": "#939FAD", }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "tutoriaColorBackgroundOverlayAlpha": { + "active": "rgba(24, 27, 30, 0.48)", + "hover": "rgba(24, 27, 30, 0.44)", + "normal": "rgba(24, 27, 30, 0.4)", }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "tutoriaColorBackgroundPositiveTint": { + "active": "#98EDB7", + "hover": "#CAF6DA", + "normal": "#EDF7ED", }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "tutoriaColorBackgroundPrimary": { + "active": "#D4D9DE", + "hover": "#E9ECEF", + "normal": "#F4F5F7", }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "tutoriaColorBackgroundWarning": { + "active": "#FED79D", + "hover": "#FDB03B", + "normal": "#FC9C0A", }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "tutoriaColorBackgroundWarningTint": { + "active": "#FED79D", + "hover": "#FEEBCE", + "normal": "#FFF5E7", }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "tutoriaColorCardBoxShadowAlpha": { + "active": "rgba(37, 41, 46, 0.12)", + "hover": "rgba(37, 41, 46, 0.08)", + "normal": "rgba(37, 41, 46, 0.04)", }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "tutoriaColorIconInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "tutoriaColorIconLink": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "tutoriaColorIconWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "tutoriaColorSeparatorPrimaryAlpha": { + "active": "rgba(233, 236, 239, 0.28)", + "hover": "rgba(233, 236, 239, 0.24)", + "normal": "rgba(233, 236, 239, 0.2)", }, - "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "tutoriaColorSeparatorSecondaryAlpha": { + "active": "rgba(233, 236, 239, 0.18)", + "hover": "rgba(233, 236, 239, 0.14)", + "normal": "rgba(233, 236, 239, 0.1)", }, - "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "tutoriaColorStrokeAccentTint": { + "active": "#8DBAEF", + "hover": "#93C2F7", + "normal": "#99C9FF", }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "tutoriaColorStrokeInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "tutoriaColorStrokeInfoTint": { + "active": "#8DC2EB", + "hover": "#93C9F2", + "normal": "#99D1FA", }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "tutoriaColorStrokeNegativeTint": { + "active": "#EBA6AB", + "hover": "#F5ACB0", + "normal": "#FFB3B5", }, - "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "tutoriaColorStrokePositiveTint": { + "active": "#8CDBAD", + "hover": "#92E4B2", + "normal": "#98EDB7", }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "tutoriaColorStrokePrimary": { + "active": "#161A20", + "hover": "#171B1F", + "normal": "#181B1E", }, - "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "tutoriaColorStrokeSecondary": { + "active": "#C3C9D1", + "hover": "#CCD1D8", + "normal": "#D4D9DE", }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "tutoriaColorStrokeTertiary": { + "active": "#D6DAE1", + "hover": "#E0E3E8", + "normal": "#E9ECEF", }, - "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "tutoriaColorStrokeWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "tutoriaColorStrokeWarningTint": { + "active": "#EAC795", + "hover": "#F4CF99", + "normal": "#FED79D", }, - "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "tutoriaColorTextInfo": { + "active": "#0083E4", + "hover": "#0088EB", + "normal": "#008DF2", }, - "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "tutoriaColorTextWarning": { + "active": "#E8910E", + "hover": "#F2960C", + "normal": "#FC9C0A", }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "tutoriaFontTextTitle1": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, }, - "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "tutoriaFontTextTitle2": { + "regular": { + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, }, - "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", - }, - "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", - }, - "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", - }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", - }, - "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", - }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", - }, - "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", - }, - "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorFieldBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", - }, - "colorFieldBorderAlpha": { - "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", - }, - "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorIconMedium": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", - }, - "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.63)", - "hover": "rgba(0, 0, 0, 0.59)", - "normal": "rgba(0, 0, 0, 55%)", - }, - "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorIconSecondary": { - "active": "#7B8390", - "hover": "#818893", - "normal": "#868d97", - }, - "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.52)", - "hover": "rgba(0, 0, 0, 0.48)", - "normal": "rgba(0, 0, 0, 44%)", - }, - "colorIconTertiary": { - "active": "#99A0AD", - "hover": "#9FA7B2", - "normal": "#a6adb7", - }, - "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.4)", - "hover": "rgba(0, 0, 0, 0.36)", - "normal": "rgba(0, 0, 0, 32%)", - }, - "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", - }, - "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", - }, - "colorImagePlaceholder": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", - }, - "colorImagePlaceholderAlpha": { - "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", - }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", - }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", - }, - "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorSearchFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#F2F3F5", - }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", - }, - "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", - }, - "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", - }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", - }, - "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", - }, - "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", - }, - "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", - }, - "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", - }, - "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "colorTextSecondary": { - "active": "#5D6878", - "hover": "#616C7A", - "normal": "#65707D", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", - }, - "colorTextSubhead": { - "active": "#515C6B", - "hover": "#54606D", - "normal": "#58636F", - }, - "colorTextTertiary": { - "active": "#798391", - "hover": "#7F8894", - "normal": "#848D98", - }, - "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", - }, - "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", - }, - "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorWriteBarInputBackground": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#F5F5F5", - }, - "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorWriteBarInputBorderAlpha": { - "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 14, - }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", - }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, - }, - }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", - }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, - }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "lineHeight": 12, - "textTransform": "uppercase", - }, - }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, - }, - }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "-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", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, - }, - }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, - }, - }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "-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", - "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, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - }, - }, - "fontFootnoteCaps": { - "regular": { - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 16, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, - }, - }, - "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, + "tutoriaFontTextTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamily": "Roboto, Helvetica, Arial, sans-serif", "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "fontTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, - }, - }, - "fontTitle2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, - }, - }, - "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, "fontWeight": 600, - "lineHeight": 22, + "lineHeight": 20, }, }, - "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, - }, - "sizeArrowPadding": { - "regular": 12, - }, - "sizeArrowPromo": { - "regular": 40, - }, - "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, - }, - "sizeBasePaddingHorizontal": { - "regular": 12, - }, - "sizeBasePaddingVertical": { - "regular": 12, - }, - "sizeBorder1x": { - "regular": 1, - }, - "sizeBorder2x": { - "regular": 0.5, - }, - "sizeBorder3x": { - "regular": 0.33, - }, - "sizeBorderRadius": { - "regular": 10, - }, - "sizeBorderRadiusPaper": { - "regular": 12, - }, - "sizeBorderRadiusPromo": { - "regular": 20, - }, - "sizeBorderRadiusRounded": { - "regular": 48, - }, - "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, - }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, - }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, - }, - "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonPaddingHorizontal": { - "regular": 12, - }, - "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, - }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, - }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, - }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, - }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, - }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "tutoriaLayoutMaxWidth": { + "regular": 1224, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "tutoriaSizeButtonBaseLargeBorderRadius": { "regular": 8, }, - "sizeCardBorderRadius": { + "tutoriaSizeButtonBaseMediumBorderRadius": { "regular": 10, }, - "sizeCardgridPadding": { - "regular": 8, - }, - "sizeCardgridPaddingVertical": { - "regular": 8, - }, - "sizeCheckBorderRadius": { - "regular": 4, - }, - "sizeCheckbox": { - "regular": 16, - }, - "sizeFieldHeight": { - "compact": 36, - "regular": 44, - }, - "sizeFieldHorizontalPadding": { - "regular": 12, - }, - "sizeFormItemPaddingVertical": { + "tutoriaSizeButtonBaseSmallBorderRadius": { "regular": 12, }, - "sizeIconUI": { - "regular": 16, - }, - "sizeLabelHorizontalMargin": { - "regular": 16, - }, - "sizeOptionHierarchy": { - "regular": 32, - }, - "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, - }, - "sizePopupBasePadding": { - "compact": 20, - "regular": 32, - }, - "sizePopupHeaderPadding": { + "tutoriaSizePaddingCard": { "compact": 16, "regular": 24, }, - "sizePopupLarge": { - "regular": 880, - }, - "sizePopupMedium": { - "regular": 680, - }, - "sizePopupSmall": { - "regular": 430, - }, - "sizeSearchHeight": { - "compact": 32, - "regular": 36, - }, - "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, - }, - "sizeSplitColPaddingHorizontal": { - "regular": 16, - }, - "sizeSubnavigationBarGap": { - "regular": 8, - }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, - }, - "sizeSwitchHeight": { - "compact": 27, - "regular": 31, - }, - "sizeSwitchPin": { - "compact": 23, - "regular": 27, - }, - "sizeSwitchWidth": { - "compact": 47, - "regular": 51, - }, - "sizeTooltipMargin": { - "regular": 8, - }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkAccessibilityIOS", - "themeNameBase": "vkAccessibilityIOS", - "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibility theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -391298,16 +389988,16 @@ 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": { "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", @@ -391317,25 +390007,25 @@ exports[`shapshots vkAccessibilityIOSDark 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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -391345,11 +390035,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -391359,11 +390049,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", @@ -391373,11 +390063,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -391387,11 +390077,11 @@ exports[`shapshots vkAccessibilityIOSDark 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, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -391401,11 +390091,11 @@ exports[`shapshots vkAccessibilityIOSDark 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", @@ -391415,25 +390105,25 @@ exports[`shapshots vkAccessibilityIOSDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -391443,39 +390133,39 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -391485,11 +390175,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -391499,29 +390189,29 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -391555,81 +390245,81 @@ exports[`shapshots vkAccessibilityIOSDark 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #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", @@ -391639,53 +390329,53 @@ exports[`shapshots vkAccessibilityIOSDark 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, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -391703,101 +390393,101 @@ exports[`shapshots vkAccessibilityIOSDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -391807,221 +390497,221 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.10))", + "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, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #F5F5F5)", }, }, "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(0, 0, 0, 0.36))", }, "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(0, 0, 0, 0.24))", }, "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(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "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", - "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, #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", @@ -392031,67 +390721,67 @@ exports[`shapshots vkAccessibilityIOSDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", + "value": "var(--vkui--color_icon_medium--active, #5D6878)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", + "value": "var(--vkui--color_icon_medium--hover, #616C7A)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #B9BABF)", + "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(247, 248, 255, 0.78))", + "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(247, 248, 255, 0.74))", + "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(247, 248, 255, 70%))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -392101,25 +390791,25 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", @@ -392129,127 +390819,127 @@ 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, #7B8390)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", + "value": "var(--vkui--color_icon_secondary--hover, #818893)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #898B8D)", + "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(248, 252, 255, 0.58))", + "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(248, 252, 255, 0.54))", + "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(248, 252, 255, 50%))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5D5F61)", + "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(246, 250, 255, 0.45))", + "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(246, 250, 255, 0.41000000000000003))", + "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(246, 250, 255, 37%))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #F5F5F5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -392283,207 +390973,207 @@ exports[`shapshots vkAccessibilityIOSDark 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #3B3B3C)", + "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, #333333)", + "value": "var(--vkui--color_search_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #2A2A2B)", + "value": "var(--vkui--color_search_field_background, #F2F3F5)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -392493,109 +391183,109 @@ exports[`shapshots vkAccessibilityIOSDark 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, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #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", @@ -392605,11 +391295,11 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -392619,39 +391309,39 @@ exports[`shapshots vkAccessibilityIOSDark 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, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -392661,39 +391351,39 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -392703,95 +391393,95 @@ 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, #5D6878)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #949698)", + "value": "var(--vkui--color_text_secondary--hover, #616C7A)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #909294)", + "value": "var(--vkui--color_text_secondary, #65707D)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", + "value": "var(--vkui--color_text_subhead--active, #515C6B)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "value": "var(--vkui--color_text_subhead--hover, #54606D)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #B9BABF)", + "value": "var(--vkui--color_text_subhead, #58636F)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #77797B)", + "value": "var(--vkui--color_text_tertiary--active, #798391)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #717375)", + "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #6B6D6F)", + "value": "var(--vkui--color_text_tertiary, #848D98)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -392801,82 +391491,82 @@ exports[`shapshots vkAccessibilityIOSDark 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", }, }, "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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -393814,7 +392504,7 @@ exports[`shapshots vkAccessibilityIOSDark 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(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", @@ -393822,7 +392512,7 @@ exports[`shapshots vkAccessibilityIOSDark 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(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", @@ -393973,7 +392663,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": { @@ -394023,7 +392713,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": { @@ -394275,7 +392965,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": { @@ -394389,11 +393079,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": { @@ -394519,11 +393209,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": { @@ -394533,11 +393223,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": { @@ -394547,11 +393237,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": { @@ -394606,15 +393296,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, vkAccessibility)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", + "value": "var(--vkui--theme_name_base, vkAccessibility)", }, "themeType": "cssVars", "zIndexModal": { @@ -394628,92 +393318,92 @@ exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1` } `; -exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibility 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", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -394726,254 +393416,254 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5D5F61", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -394986,216 +393676,216 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -395403,9 +394093,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -395449,7 +394139,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -395464,7 +394154,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -395539,7 +394229,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -395573,8 +394263,8 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -395611,16 +394301,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", @@ -395635,101 +394325,101 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pixelify theme snap "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkAccessibilityIOSDark", - "themeNameBase": "vkAccessibilityIOS", + "themeInheritsFrom": "vkBase", + "themeName": "vkAccessibility", + "themeNameBase": "vkAccessibility", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkAccessibilityIOSDark 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)", "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)", + "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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -395742,254 +394432,254 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "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, #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, #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, #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, #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, #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(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(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, #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)", }, "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, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(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, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "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(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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "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, #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, #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, #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, #BFC0C4)", - "hover": "var(--vkui--color_icon_medium--hover, #BCBDC2)", - "normal": "var(--vkui--color_icon_medium, #B9BABF)", + "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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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, #929496)", - "hover": "var(--vkui--color_icon_secondary--hover, #8E9092)", - "normal": "var(--vkui--color_icon_secondary, #898B8D)", + "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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5D5F61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -396002,216 +394692,216 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "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, #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, #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, #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, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #999B9D)", - "hover": "var(--vkui--color_text_secondary--hover, #949698)", - "normal": "var(--vkui--color_text_secondary, #909294)", + "active": "var(--vkui--color_text_secondary--active, #5D6878)", + "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", + "normal": "var(--vkui--color_text_secondary, #65707D)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #515C6B)", + "hover": "var(--vkui--color_text_subhead--hover, #54606D)", + "normal": "var(--vkui--color_text_subhead, #58636F)", }, "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, #798391)", + "hover": "var(--vkui--color_text_tertiary--hover, #7F8894)", + "normal": "var(--vkui--color_text_tertiary, #848D98)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -396419,9 +395109,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match pseudo theme from C "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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -396465,7 +395155,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)", @@ -396480,7 +395170,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)", @@ -396555,7 +395245,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)", @@ -396589,8 +395279,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)", @@ -396627,16 +395317,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)", @@ -396651,101 +395341,101 @@ 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, vkAccessibility)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", "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 vkAccessibility 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", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -396758,254 +395448,254 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(247, 248, 255, 0.78)", - "hover": "rgba(247, 248, 255, 0.74)", - "normal": "rgba(247, 248, 255, 70%)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#929496", - "hover": "#8E9092", - "normal": "#898B8D", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(248, 252, 255, 0.58)", - "hover": "rgba(248, 252, 255, 0.54)", - "normal": "rgba(248, 252, 255, 50%)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5D5F61", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(246, 250, 255, 0.45)", - "hover": "rgba(246, 250, 255, 0.41000000000000003)", - "normal": "rgba(246, 250, 255, 37%)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", - }, + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", + }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -397018,216 +395708,216 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#3B3B3C", - "hover": "#333333", - "normal": "#2A2A2B", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#999B9D", - "hover": "#949698", - "normal": "#909294", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#BFC0C4", - "hover": "#BCBDC2", - "normal": "#B9BABF", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#77797B", - "hover": "#717375", - "normal": "#6B6D6F", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -397435,9 +396125,9 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -397481,7 +396171,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -397496,7 +396186,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -397571,7 +396261,7 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -397605,8 +396295,8 @@ exports[`shapshots vkAccessibilityIOSDark theme should match root theme snapshot "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -397643,16 +396333,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, @@ -397667,16 +396357,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": "vkAccessibility", + "themeNameBase": "vkAccessibility", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -397701,11 +396391,11 @@ 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, #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", @@ -397715,25 +396405,25 @@ exports[`shapshots vkBase 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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "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", @@ -397743,11 +396433,11 @@ exports[`shapshots vkBase 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", @@ -397757,11 +396447,11 @@ exports[`shapshots vkBase 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", @@ -397771,11 +396461,11 @@ exports[`shapshots vkBase 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", @@ -397785,11 +396475,11 @@ exports[`shapshots vkBase 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", @@ -397799,11 +396489,11 @@ exports[`shapshots vkBase 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", @@ -397813,25 +396503,25 @@ exports[`shapshots vkBase 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, #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", @@ -397841,39 +396531,39 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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", @@ -397883,11 +396573,11 @@ exports[`shapshots vkBase 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", @@ -397897,29 +396587,29 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -397953,81 +396643,81 @@ 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "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, #237EDD)", + "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, #2483E4)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "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(38, 136, 235, 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(38, 136, 235, 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(38, 136, 235, 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", @@ -398037,53 +396727,53 @@ exports[`shapshots vkBase 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -398101,101 +396791,101 @@ exports[`shapshots vkBase 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", @@ -398205,221 +396895,221 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "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(255, 255, 255, 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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "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, 0, 0, 0.36))", + "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, 0, 0, 0.24))", + "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, 0, 0, 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "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", @@ -398429,67 +397119,67 @@ exports[`shapshots vkBase 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, #141414)", }, "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, #0A0A0A)", }, "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, #778292)", + "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 0.56))", + "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(0, 0, 0, 0.52))", + "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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", @@ -398499,25 +397189,25 @@ exports[`shapshots vkBase 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", @@ -398527,127 +397217,127 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #929496)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 0.32))", + "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(0, 0, 0, 0.28))", + "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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -398681,207 +397371,207 @@ 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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #333333)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #2A2A2B)", }, }, "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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", @@ -398891,109 +397581,109 @@ exports[`shapshots vkBase 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, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "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, #2978D3)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "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", @@ -399003,11 +397693,11 @@ exports[`shapshots vkBase 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", @@ -399017,39 +397707,39 @@ 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "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, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", @@ -399059,39 +397749,39 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -399101,95 +397791,95 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #999B9D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #949698)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #909294)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #B9BABF)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #77797B)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #717375)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #6B6D6F)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -399199,82 +397889,82 @@ 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "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, #f2f3f5)", + "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, #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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -400212,7 +398902,7 @@ exports[`shapshots vkBase 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", @@ -400220,7 +398910,7 @@ exports[`shapshots vkBase 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", @@ -401002,13 +399692,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, vkBaseDark)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkBase)", + "value": "var(--vkui--theme_name, vkAccessibilityDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkBase)", + "value": "var(--vkui--theme_name_base, vkAccessibility)", }, "themeType": "cssVars", "zIndexModal": { @@ -401022,7 +399716,7 @@ exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkAccessibilityDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -401030,84 +399724,84 @@ 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", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -401120,254 +399814,254 @@ 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": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -401380,216 +400074,216 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -401797,9 +400491,9 @@ exports[`shapshots vkBase 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, @@ -402029,15 +400723,16 @@ exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "vkBase", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityDark", + "themeNameBase": "vkAccessibility", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBase 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)", @@ -402045,84 +400740,84 @@ 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)", + "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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "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, #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, #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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -402135,254 +400830,254 @@ 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #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, #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, #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, #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(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(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)", }, "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, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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": { "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "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, 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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "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, #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, #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, #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, #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, #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, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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, #8D96A4)", - "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(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(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, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -402395,216 +401090,216 @@ exports[`shapshots vkBase theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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, #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, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "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, #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, #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, #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, #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, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #999B9D)", + "hover": "var(--vkui--color_text_secondary--hover, #949698)", + "normal": "var(--vkui--color_text_secondary, #909294)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #BFC0C4)", + "hover": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "normal": "var(--vkui--color_text_subhead, #B9BABF)", }, "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, #77797B)", + "hover": "var(--vkui--color_text_tertiary--hover, #717375)", + "normal": "var(--vkui--color_text_tertiary, #6B6D6F)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -402812,9 +401507,9 @@ exports[`shapshots vkBase 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)", @@ -403044,15 +401739,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, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkAccessibilityDark)", + "themeNameBase": "var(--vkui--theme_name_base, vkAccessibility)", "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 vkAccessibilityDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -403060,84 +401756,84 @@ 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", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -403150,254 +401846,254 @@ 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": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -403410,216 +402106,216 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -403827,9 +402523,9 @@ exports[`shapshots vkBase 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, @@ -404059,15 +402755,16 @@ exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "vkBase", - "themeNameBase": "vkBase", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityDark", + "themeNameBase": "vkAccessibility", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -404087,16 +402784,16 @@ exports[`shapshots vkBaseDark 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, #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", @@ -404106,25 +402803,25 @@ exports[`shapshots vkBaseDark 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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -404134,11 +402831,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -404148,11 +402845,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", @@ -404162,11 +402859,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -404176,11 +402873,11 @@ exports[`shapshots vkBaseDark 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, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -404190,11 +402887,11 @@ exports[`shapshots vkBaseDark 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", @@ -404204,25 +402901,25 @@ exports[`shapshots vkBaseDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -404232,39 +402929,39 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -404274,11 +402971,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -404288,29 +402985,29 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -404344,81 +403041,81 @@ 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #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", @@ -404428,53 +403125,53 @@ 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, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -404492,101 +403189,101 @@ exports[`shapshots vkBaseDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -404596,221 +403293,221 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.10))", + "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, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #F5F5F5)", }, }, "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(0, 0, 0, 0.36))", }, "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(0, 0, 0, 0.24))", }, "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(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "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", - "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, #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", @@ -404820,67 +403517,67 @@ 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "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, #5D6878)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #616C7A)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "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(241, 247, 255, 0.74))", + "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(241, 247, 255, 0.7000000000000001))", + "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(241, 247, 255, 0.66))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -404890,25 +403587,25 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", @@ -404918,127 +403615,127 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #7B8390)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #818893)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "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(241, 247, 255, 0.51))", + "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(241, 247, 255, 0.47000000000000003))", + "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(241, 247, 255, 0.43))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #99A0AD)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #9FA7B2)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(255, 255, 255, 0.38))", + "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(255, 255, 255, 0.34))", + "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(255, 255, 255, 0.30))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #F5F5F5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -405072,207 +403769,207 @@ exports[`shapshots vkBaseDark 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #464748)", + "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, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #F2F3F5)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -405282,109 +403979,109 @@ exports[`shapshots vkBaseDark 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, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #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", @@ -405394,11 +404091,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -405408,39 +404105,39 @@ 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, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -405450,39 +404147,39 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -405492,95 +404189,95 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #5D6878)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #616C7A)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #65707D)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #515C6B)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #54606D)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #58636F)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #798391)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #7F8894)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #848D98)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -405590,82 +404287,82 @@ 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_background, #F5F5F5)", }, }, "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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -406603,7 +405300,7 @@ exports[`shapshots vkBaseDark 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(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", @@ -406611,7 +405308,7 @@ exports[`shapshots vkBaseDark 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(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", @@ -406762,7 +405459,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": { @@ -406812,7 +405509,7 @@ exports[`shapshots vkBaseDark 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": { @@ -407064,7 +405761,7 @@ exports[`shapshots vkBaseDark 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": { @@ -407178,11 +405875,11 @@ exports[`shapshots vkBaseDark 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": { @@ -407308,11 +406005,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, 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": { @@ -407322,11 +406019,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, 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": { @@ -407336,11 +406033,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, 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": { @@ -407399,11 +406096,11 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkBaseDark)", + "value": "var(--vkui--theme_name, vkAccessibilityIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkBase)", + "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -407417,92 +406114,92 @@ exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkBaseDark 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": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -407515,254 +406212,254 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -407775,216 +406472,216 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -408192,9 +406889,9 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -408238,7 +406935,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -408253,7 +406950,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -408328,7 +407025,7 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -408362,8 +407059,8 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "52px", + "regular": "52px", }, "sizePopupBasePadding": { "compact": "20px", @@ -408400,16 +407097,16 @@ exports[`shapshots vkBaseDark 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", @@ -408425,100 +407122,100 @@ exports[`shapshots vkBaseDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkBaseDark", - "themeNameBase": "vkBase", + "themeName": "vkAccessibilityIOS", + "themeNameBase": "vkAccessibilityIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkBaseDark 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, #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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -408531,254 +407228,254 @@ 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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "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, #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, #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, #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, #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, #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(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(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, #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)", }, "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, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(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, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "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(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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "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, #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, #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, #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, #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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -408791,216 +407488,216 @@ exports[`shapshots vkBaseDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "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, #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, #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, #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, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #5D6878)", + "hover": "var(--vkui--color_text_secondary--hover, #616C7A)", + "normal": "var(--vkui--color_text_secondary, #65707D)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #515C6B)", + "hover": "var(--vkui--color_text_subhead--hover, #54606D)", + "normal": "var(--vkui--color_text_subhead, #58636F)", }, "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, #798391)", + "hover": "var(--vkui--color_text_tertiary--hover, #7F8894)", + "normal": "var(--vkui--color_text_tertiary, #848D98)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -409208,9 +407905,9 @@ exports[`shapshots vkBaseDark 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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -409254,7 +407951,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)", @@ -409269,7 +407966,7 @@ exports[`shapshots vkBaseDark 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)", @@ -409344,7 +408041,7 @@ exports[`shapshots vkBaseDark 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)", @@ -409378,8 +408075,8 @@ exports[`shapshots vkBaseDark 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)", @@ -409416,16 +408113,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, 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)", @@ -409441,100 +408138,100 @@ exports[`shapshots vkBaseDark 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, vkBaseDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkBase)", + "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 vkBaseDark 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": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -409547,254 +408244,254 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.63)", + "hover": "rgba(0, 0, 0, 0.59)", + "normal": "rgba(0, 0, 0, 55%)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#7B8390", + "hover": "#818893", + "normal": "#868d97", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.52)", + "hover": "rgba(0, 0, 0, 0.48)", + "normal": "rgba(0, 0, 0, 44%)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#99A0AD", + "hover": "#9FA7B2", + "normal": "#a6adb7", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.4)", + "hover": "rgba(0, 0, 0, 0.36)", + "normal": "rgba(0, 0, 0, 32%)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -409807,216 +408504,216 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#F2F3F5", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#5D6878", + "hover": "#616C7A", + "normal": "#65707D", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#515C6B", + "hover": "#54606D", + "normal": "#58636F", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#798391", + "hover": "#7F8894", + "normal": "#848D98", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#F5F5F5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -410224,9 +408921,9 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -410270,7 +408967,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -410285,7 +408982,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -410360,7 +409057,7 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -410394,8 +409091,8 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -410432,16 +409129,16 @@ exports[`shapshots vkBaseDark 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, @@ -410457,15 +409154,15 @@ exports[`shapshots vkBaseDark theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkBaseDark", - "themeNameBase": "vkBase", + "themeName": "vkAccessibilityIOS", + "themeNameBase": "vkAccessibilityIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkAccessibilityIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -410485,114 +409182,114 @@ 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, #1482FF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #3C85D9)", + "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", }, "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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #5181B8)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #72E2CF)", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #77EBD6)", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", }, "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, #AAB4BE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BD)", + "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": { "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", - "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, #B5F820)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B7EE4E)", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #BFF74F)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "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", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "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", @@ -410602,81 +409299,81 @@ exports[`shapshots vkCom 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, #E27CEF)", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EC80F7)", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F685FF)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735CE6)", + "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, #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, #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", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "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", @@ -410686,29 +409383,29 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792EC0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -410742,81 +409439,81 @@ 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E4E5E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #EDEEF0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #3F72B0)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #4177B5)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #447BBA)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "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, #3F72B0)", + "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, #4177B5)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #447BBA)", + "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(68, 123, 186, 0.2))", + "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(68, 123, 186, 0.16))", + "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(68, 123, 186, 0.12))", + "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", @@ -410826,39 +409523,39 @@ exports[`shapshots vkCom 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #FFFFFF)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -410868,15 +409565,15 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "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, #3D3E3F)", }, "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, #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": { @@ -410890,311 +409587,311 @@ exports[`shapshots vkCom 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #E64646)", + "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)", }, }, "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", - "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, #D5E6DA)", + "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, #DFF0E1)", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #F0F2F5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "colorBackgroundSecondaryAlpha": { "active": { "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(39, 63, 92, 0.15))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.14))", }, "hover": { "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(39, 63, 92, 0.11))", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", }, "normal": { "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, rgba(39, 63, 92, 0.07))", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #FAFBFC)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #305B90)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #325F93)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #346297)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #305B90)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #325F93)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #346297)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #305B90)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #325F93)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #346297)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #E3E5EB)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #EDEFF2)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #F7F8FA)", + "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, 0, 0, 0.36))", + "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, 0, 0, 0.24))", + "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, 0, 0, 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #3F72B0)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #4177B5)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #447BBA)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #3770B1)", + "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", @@ -411204,11 +409901,11 @@ exports[`shapshots vkCom 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", @@ -411218,221 +409915,221 @@ exports[`shapshots vkCom 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, #141414)", }, "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, #0A0A0A)", }, "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, #66717F)", + "value": "var(--vkui--color_icon_medium--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #6B7582)", + "value": "var(--vkui--color_icon_medium--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #6F7985)", + "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(0, 0, 0, 0.56))", + "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(0, 0, 0, 0.52))", + "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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #E64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", - "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, #929496)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #8E9092)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99A2AD)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A0AAB7)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "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(0, 0, 0, 0.32))", + "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(0, 0, 0, 0.28))", + "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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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", @@ -411456,277 +410153,277 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #447BBA)", + "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, #DADCE2)", + "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, #E4E5E9)", + "value": "var(--vkui--color_search_field_background--hover, #333333)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #EDEEF0)", + "value": "var(--vkui--color_search_field_background, #2A2A2B)", }, }, "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, #CAD0D8)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #DCE1E6)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #D5D7DE)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #E7E8EC)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #F0F2F5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #E7E8EC)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #447BBA)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #E64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "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, #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, #3F72B0)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #4177B5)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #447BBA)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #3770B1)", + "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", @@ -411736,53 +410433,53 @@ exports[`shapshots vkCom 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, #141414)", }, "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, #0A0A0A)", }, "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, #27527F)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #285582)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2A5885)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2A5885)", + "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", @@ -411792,11 +410489,11 @@ exports[`shapshots vkCom 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", @@ -411806,81 +410503,81 @@ 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #313233)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #333333)", + "value": "var(--vkui--color_text_muted, #e1e3e6)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #E64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -411890,95 +410587,95 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #999B9D)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #949698)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818C99)", + "value": "var(--vkui--color_text_secondary, #909294)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #5A6675)", + "value": "var(--vkui--color_text_subhead--active, #BFC0C4)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #5E6978)", + "value": "var(--vkui--color_text_subhead--hover, #BCBDC2)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #626D7A)", + "value": "var(--vkui--color_text_subhead, #B9BABF)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #77797B)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #717375)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99A2AD)", + "value": "var(--vkui--color_text_tertiary, #6B6D6F)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #C2C9D1)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #CBD1D8)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #D3D9DE)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #3F72B0)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #4177B5)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #447BBA)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -411988,82 +410685,82 @@ 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #818C99)", + "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, #EBECEF)", + "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, #F5F5F7)", + "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, #FFFFFF)", + "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, #C2C9D1)", + "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, #CBD1D8)", + "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, #D3D9DE)", + "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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -412087,7 +410784,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", @@ -412129,7 +410826,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", @@ -412171,7 +410868,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", @@ -412213,7 +410910,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", @@ -412255,7 +410952,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", @@ -412297,7 +410994,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", @@ -412339,7 +411036,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", @@ -412377,7 +411074,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", @@ -412395,7 +411092,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", @@ -412433,7 +411130,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", @@ -412471,7 +411168,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", @@ -412489,15 +411186,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": { @@ -412521,7 +411218,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", @@ -412563,7 +411260,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", @@ -412605,17 +411302,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", @@ -412653,17 +411350,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", @@ -412711,7 +411408,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", @@ -412749,7 +411446,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", @@ -412787,17 +411484,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", @@ -412835,17 +411532,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", @@ -412883,7 +411580,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", @@ -412921,7 +411618,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", @@ -412959,7 +411656,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", @@ -413001,7 +411698,7 @@ exports[`shapshots vkCom 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", @@ -413009,7 +411706,7 @@ exports[`shapshots vkCom 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", @@ -413210,7 +411907,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": { @@ -413462,7 +412159,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": { @@ -413536,7 +412233,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": { @@ -413576,11 +412273,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": { @@ -413638,7 +412335,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": { @@ -413706,11 +412403,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": { @@ -413720,11 +412417,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": { @@ -413734,11 +412431,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": { @@ -413793,15 +412490,15 @@ exports[`shapshots vkCom 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, vkCom)", + "value": "var(--vkui--theme_name, vkAccessibilityIOSDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkCom)", + "value": "var(--vkui--theme_name_base, vkAccessibilityIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -413815,92 +412512,92 @@ exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkCom 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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#72E2CF", - "hover": "#77EBD6", - "normal": "#7CF4DC", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B0E54E", - "hover": "#B7EE4E", - "normal": "#BFF74F", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#FFA000", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "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": "#E27CEF", - "hover": "#EC80F7", - "normal": "#F685FF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735CE6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#FF3347", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792EC0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -413913,253 +412610,253 @@ 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": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2D2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(39, 63, 92, 0.15)", - "hover": "rgba(39, 63, 92, 0.11)", - "normal": "rgba(39, 63, 92, 0.07)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorOverlayPrimary": { @@ -414168,224 +412865,224 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "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(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#CBCCCD", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "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": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "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": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "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", @@ -414393,7 +413090,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", @@ -414402,7 +413099,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", @@ -414410,7 +413107,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", @@ -414419,7 +413116,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", @@ -414427,7 +413124,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", @@ -414436,7 +413133,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", @@ -414444,13 +413141,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", @@ -414458,7 +413155,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", @@ -414466,18 +413163,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", @@ -414485,7 +413182,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", @@ -414494,11 +413191,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", @@ -414506,11 +413203,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", @@ -414522,7 +413219,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", @@ -414530,7 +413227,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", @@ -414538,11 +413235,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", @@ -414550,11 +413247,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", @@ -414562,7 +413259,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", @@ -414570,7 +413267,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", @@ -414578,7 +413275,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", @@ -414590,9 +413287,9 @@ exports[`shapshots vkCom 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, @@ -414651,7 +413348,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -414726,7 +413423,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -414748,7 +413445,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -414760,8 +413457,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", @@ -414778,7 +413475,7 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -414798,16 +413495,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", @@ -414822,101 +413519,101 @@ exports[`shapshots vkCom theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkCom", - "themeNameBase": "vkCom", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityIOSDark", + "themeNameBase": "vkAccessibilityIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkCom 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, #3A80D3)", - "hover": "var(--vkui--color_accent_azure--hover, #3C85D9)", - "normal": "var(--vkui--color_accent_azure, #3F8AE0)", + "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, #4B78AE)", - "hover": "var(--vkui--color_accent_blue--hover, #4E7CB3)", - "normal": "var(--vkui--color_accent_blue, #5181B8)", + "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, #72E2CF)", - "hover": "var(--vkui--color_accent_cyan--hover, #77EBD6)", - "normal": "var(--vkui--color_accent_cyan, #7CF4DC)", + "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, #A0AAB7)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BD)", - "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, #45A64A)", - "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "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, #B0E54E)", - "hover": "var(--vkui--color_accent_lime--hover, #B7EE4E)", - "normal": "var(--vkui--color_accent_lime, #BFF74F)", + "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)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "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, #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, #E27CEF)", - "hover": "var(--vkui--color_accent_pink--hover, #EC80F7)", - "normal": "var(--vkui--color_accent_pink, #F685FF)", + "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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735CE6)", + "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, #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, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792EC0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -414929,253 +413626,253 @@ 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #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, #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, #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, #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(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(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)", }, "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, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #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, #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, #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))", "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #E64646)", + "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)", }, "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #45A64A)", - "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #DDE0E6)", - "hover": "var(--vkui--color_background_secondary--hover, #E6E9EE)", - "normal": "var(--vkui--color_background_secondary, #F0F2F5)", + "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(39, 63, 92, 0.15))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(39, 63, 92, 0.11))", - "normal": "var(--vkui--color_background_secondary_alpha, rgba(39, 63, 92, 0.07))", + "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, #E6E8ED)", - "hover": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", - "normal": "var(--vkui--color_background_tertiary, #FAFBFC)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #305B90)", - "hover": "var(--vkui--color_button_icon--hover, #325F93)", - "normal": "var(--vkui--color_button_icon, #346297)", + "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, #305B90)", - "hover": "var(--vkui--color_button_stroke--hover, #325F93)", - "normal": "var(--vkui--color_button_stroke, #346297)", + "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, #305B90)", - "hover": "var(--vkui--color_button_text--hover, #325F93)", - "normal": "var(--vkui--color_button_text, #346297)", + "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, #E3E5EB)", - "hover": "var(--vkui--color_field_background--hover, #EDEFF2)", - "normal": "var(--vkui--color_field_background, #F7F8FA)", + "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, 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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "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, #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, #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, #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, #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, #66717F)", - "hover": "var(--vkui--color_icon_medium--hover, #6B7582)", - "normal": "var(--vkui--color_icon_medium, #6F7985)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #E64646)", + "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)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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)", - "normal": "var(--vkui--color_icon_primary_invariably, #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": "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, #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(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(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, #A0AAB7)", - "hover": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", - "normal": "var(--vkui--color_icon_tertiary, #AEB7C2)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", "normal": "var(--vkui--color_link_contrast, #FFFFFF)", }, "colorOverlayPrimary": { @@ -415184,224 +413881,224 @@ exports[`shapshots vkCom theme should match pseudo theme from CssVars 1`] = ` "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #CAD0D8)", - "hover": "var(--vkui--color_separator_primary--hover, #D3D9DF)", - "normal": "var(--vkui--color_separator_primary, #DCE1E6)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #CBCCCD)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #BEBFC1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #D5D7DE)", - "hover": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", - "normal": "var(--vkui--color_separator_secondary, #E7E8EC)", + "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, #DDE0E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", - "normal": "var(--vkui--color_skeleton_from, #F0F2F5)", + "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, #D5D7DE)", - "hover": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", - "normal": "var(--vkui--color_skeleton_to, #E7E8EC)", + "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, #3F72B0)", - "hover": "var(--vkui--color_stroke_accent--hover, #4177B5)", - "normal": "var(--vkui--color_stroke_accent, #447BBA)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #E64646)", + "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)", - "normal": "var(--vkui--color_stroke_positive, #4BB34B)", + "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, #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, #3F72B0)", - "hover": "var(--vkui--color_text_accent--hover, #4177B5)", - "normal": "var(--vkui--color_text_accent, #447BBA)", + "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, #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, #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, #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, #27527F)", - "hover": "var(--vkui--color_text_link--hover, #285582)", - "normal": "var(--vkui--color_text_link, #2A5885)", + "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, #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, #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, #2F3034)", - "hover": "var(--vkui--color_text_muted--hover, #313233)", - "normal": "var(--vkui--color_text_muted, #333333)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #E64646)", + "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)", - "normal": "var(--vkui--color_text_positive, #4BB34B)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818C99)", + "active": "var(--vkui--color_text_secondary--active, #999B9D)", + "hover": "var(--vkui--color_text_secondary--hover, #949698)", + "normal": "var(--vkui--color_text_secondary, #909294)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #BFC0C4)", + "hover": "var(--vkui--color_text_subhead--hover, #BCBDC2)", + "normal": "var(--vkui--color_text_subhead, #B9BABF)", }, "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, #77797B)", + "hover": "var(--vkui--color_text_tertiary--hover, #717375)", + "normal": "var(--vkui--color_text_tertiary, #6B6D6F)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "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)", @@ -415409,7 +414106,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)", @@ -415418,7 +414115,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)", @@ -415426,7 +414123,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)", @@ -415435,7 +414132,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)", @@ -415443,7 +414140,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)", @@ -415452,7 +414149,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)", @@ -415460,13 +414157,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)", @@ -415474,7 +414171,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)", @@ -415482,18 +414179,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)", @@ -415501,7 +414198,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)", @@ -415510,11 +414207,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)", @@ -415522,11 +414219,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)", @@ -415538,7 +414235,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)", @@ -415546,7 +414243,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)", @@ -415554,11 +414251,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)", @@ -415566,11 +414263,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)", @@ -415578,7 +414275,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)", @@ -415586,7 +414283,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)", @@ -415594,7 +414291,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)", @@ -415606,9 +414303,9 @@ exports[`shapshots vkCom 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)", @@ -415667,7 +414364,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)", @@ -415742,7 +414439,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)", @@ -415764,7 +414461,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)", @@ -415776,8 +414473,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)", @@ -415794,7 +414491,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)", @@ -415814,16 +414511,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)", @@ -415838,101 +414535,101 @@ exports[`shapshots vkCom 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, vkCom)", - "themeNameBase": "var(--vkui--theme_name_base, vkCom)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "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 vkCom 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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3F8AE0", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181B8", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { - "active": "#72E2CF", - "hover": "#77EBD6", - "normal": "#7CF4DC", + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B0E54E", - "hover": "#B7EE4E", - "normal": "#BFF74F", + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#FFA000", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "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": "#E27CEF", - "hover": "#EC80F7", - "normal": "#F685FF", + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735CE6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#FF3347", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792EC0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -415945,253 +414642,253 @@ 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": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(68, 123, 186, 0.2)", - "hover": "rgba(68, 123, 186, 0.16)", - "normal": "rgba(68, 123, 186, 0.12)", + "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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#292B2F", - "hover": "#2B2C2F", - "normal": "#2D2D2E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#E6D9DD", - "hover": "#F0E2E4", - "normal": "#FAEBEB", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(39, 63, 92, 0.15)", - "hover": "rgba(39, 63, 92, 0.11)", - "normal": "rgba(39, 63, 92, 0.07)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E6E8ED", - "hover": "#F0F2F4", - "normal": "#FAFBFC", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#305B90", - "hover": "#325F93", - "normal": "#346297", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#E3E5EB", - "hover": "#EDEFF2", - "normal": "#F7F8FA", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#66717F", - "hover": "#6B7582", - "normal": "#6F7985", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(247, 248, 255, 0.78)", + "hover": "rgba(247, 248, 255, 0.74)", + "normal": "rgba(247, 248, 255, 70%)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2C2D2E", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#929496", + "hover": "#8E9092", + "normal": "#898B8D", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(248, 252, 255, 0.58)", + "hover": "rgba(248, 252, 255, 0.54)", + "normal": "rgba(248, 252, 255, 50%)", }, "colorIconTertiary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#AEB7C2", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5D5F61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(246, 250, 255, 0.45)", + "hover": "rgba(246, 250, 255, 0.41000000000000003)", + "normal": "rgba(246, 250, 255, 37%)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, "colorOverlayPrimary": { @@ -416200,224 +414897,224 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "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(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#DADCE2", - "hover": "#E4E5E9", - "normal": "#EDEEF0", + "active": "#3B3B3C", + "hover": "#333333", + "normal": "#2A2A2B", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#CAD0D8", - "hover": "#D3D9DF", - "normal": "#DCE1E6", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#CBCCCD", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#DDE0E6", - "hover": "#E6E9EE", - "normal": "#F0F2F5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#D5D7DE", - "hover": "#DEDFE5", - "normal": "#E7E8EC", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#3368A8", - "hover": "#356CAC", - "normal": "#3770B1", + "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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#27527F", - "hover": "#285582", - "normal": "#2A5885", + "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": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#E64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4BB34B", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#999B9D", + "hover": "#949698", + "normal": "#909294", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#5A6675", - "hover": "#5E6978", - "normal": "#626D7A", + "active": "#BFC0C4", + "hover": "#BCBDC2", + "normal": "#B9BABF", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99A2AD", + "active": "#77797B", + "hover": "#717375", + "normal": "#6B6D6F", }, "colorTrackBackground": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#3F72B0", - "hover": "#4177B5", - "normal": "#447BBA", + "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": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#C2C9D1", - "hover": "#CBD1D8", - "normal": "#D3D9DE", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "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, @@ -416425,7 +415122,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, @@ -416434,7 +415131,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, @@ -416442,7 +415139,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, @@ -416451,7 +415148,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, @@ -416459,7 +415156,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, @@ -416468,7 +415165,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, @@ -416476,13 +415173,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, @@ -416490,7 +415187,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, @@ -416498,18 +415195,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, @@ -416517,7 +415214,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, @@ -416526,11 +415223,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, @@ -416538,11 +415235,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, @@ -416554,7 +415251,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, @@ -416562,7 +415259,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, @@ -416570,11 +415267,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, @@ -416582,11 +415279,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, @@ -416594,7 +415291,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, @@ -416602,7 +415299,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, @@ -416610,7 +415307,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, @@ -416622,9 +415319,9 @@ exports[`shapshots vkCom 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, @@ -416683,7 +415380,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -416758,7 +415455,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -416780,7 +415477,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -416792,8 +415489,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, @@ -416810,7 +415507,7 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -416830,16 +415527,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, @@ -416854,16 +415551,16 @@ exports[`shapshots vkCom theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkCom", - "themeNameBase": "vkCom", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkAccessibilityIOSDark", + "themeNameBase": "vkAccessibilityIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkBase theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -416888,109 +415585,109 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorAccentAzure": { "active": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #6AA6EB)", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #63A2EA)", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #4182CE)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #397DCC)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #63F2D6)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "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, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "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": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "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, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #CCF972)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #CAF96C)", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, "colorAccentOrange": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #FFA000)", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, "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", @@ -417000,81 +415697,81 @@ exports[`shapshots vkComDark 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, #F9A1FF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F89DFF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "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, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9784F5)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #937FF5)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #FF3347)", + "value": "var(--vkui--color_accent_red, #ff3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -417084,29 +415781,29 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #A94FFF)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -417140,39 +415837,39 @@ 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #1D1D1D)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #141414)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #7CB1ED)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #77ADEC)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #71AAEB)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #3792ED)", + "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, #2F8DEC)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", @@ -417182,39 +415879,39 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #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", @@ -417224,57 +415921,57 @@ 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, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #2B2B2B)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #222222)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #434343)", + "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, #3B3B3B)", + "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": { @@ -417288,325 +415985,325 @@ exports[`shapshots vkComDark 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": { "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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #323232)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #3A3A3A)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #323232)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #292929)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #FF5C5C)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2F422F)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #434343)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #333333)", + "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(255, 255, 255, 0.16))", + "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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.08))", + "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, #3A3A3A)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #323232)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #292929)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #E3E5E8)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #E1E3E6)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #E1E3E6)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #E3E5E8)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #E2E4E7)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #E1E3E6)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #343434)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #2B2B2B)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #222222)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #71AAEB)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", + "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast", - "value": "var(--vkui--color_icon_contrast, #E1E3E6)", + "value": "var(--vkui--color_icon_contrast, #ffffff)", }, }, "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", @@ -417616,225 +416313,225 @@ 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #222222)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", + "value": "var(--vkui--color_icon_medium--active, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #979797)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #939393)", + "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(255, 255, 255, 0.56))", + "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(255, 255, 255, 0.52))", + "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(255, 255, 255, 0.48))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #FF5C5C)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4BB34B)", + "value": "var(--vkui--color_icon_positive, #4bb34b)", }, }, "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", - "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, #8C8C8C)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #878787)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #828282)", + "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(255, 255, 255, 0.48))", + "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(255, 255, 255, 0.44))", + "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(255, 255, 255, 0.40))", + "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, #717171)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #656565)", + "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(255, 255, 255, 0.32))", + "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(255, 255, 255, 0.28))", + "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(255, 255, 255, 0.24))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -417854,333 +416551,333 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "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(0, 0, 0, 0.35))", }, "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(0, 0, 0, 0.31))", }, "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(0, 0, 0, 0.27))", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71AAEB)", + "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, #515151)", + "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, #4A4A4A)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #424242)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #323232)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #292929)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #323232)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #292929)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #434343)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #333333)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #71AAEB)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #FF5C5C)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4BB34B)", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, "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, #7CB1ED)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #77ADEC)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #71AAEB)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #343434)", + "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, #2B2B2B)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #222222)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #7CB1ED)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #77ADEC)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #71AAEB)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #939393)", + "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, #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", @@ -418190,11 +416887,11 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -418204,81 +416901,81 @@ 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, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #CECECE)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #CCCCCC)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #FF5C5C)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4BB34B)", + "value": "var(--vkui--color_text_positive, #4bb34b)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E1E3E6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -418288,95 +416985,95 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #878787)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #828282)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #979797)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #939393)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #717171)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #656565)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #8C8C8C)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #878787)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #828282)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #FFFFFF)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -418386,82 +417083,82 @@ 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "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, #515151)", + "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, #4A4A4A)", + "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, #424242)", + "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, #636363)", + "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, #5C5C5C)", + "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, #555555)", + "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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -418485,7 +417182,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", @@ -418527,7 +417224,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", @@ -418569,7 +417266,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", @@ -418611,7 +417308,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", @@ -418653,7 +417350,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", @@ -418695,7 +417392,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", @@ -418737,7 +417434,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", @@ -418775,7 +417472,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", @@ -418793,7 +417490,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", @@ -418831,7 +417528,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", @@ -418869,7 +417566,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", @@ -418887,15 +417584,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": { @@ -418919,7 +417616,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", @@ -418961,7 +417658,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", @@ -419003,17 +417700,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", @@ -419051,17 +417748,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", @@ -419109,7 +417806,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", @@ -419147,7 +417844,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", @@ -419185,17 +417882,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", @@ -419233,17 +417930,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", @@ -419281,7 +417978,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", @@ -419319,7 +418016,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", @@ -419357,7 +418054,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", @@ -419399,7 +418096,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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", @@ -419407,7 +418104,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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", @@ -419558,7 +418255,7 @@ exports[`shapshots vkComDark 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": { @@ -419934,7 +418631,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": { @@ -419978,7 +418675,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` }, "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, 56px)", }, }, "sizePopupBasePadding": { @@ -420036,7 +418733,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": { @@ -420104,11 +418801,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, 12px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 10px)", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, "sizeSwitchPin": { @@ -420118,11 +418815,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, 18px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 16px)", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, "sizeSwitchWidth": { @@ -420132,11 +418829,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, 32px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 27px)", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, "sizeTooltipMargin": { @@ -420189,17 +418886,13 @@ exports[`shapshots vkComDark 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, vkBaseDark)", - }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkComDark)", + "value": "var(--vkui--theme_name, vkBase)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkCom)", + "value": "var(--vkui--theme_name_base, vkBase)", }, "themeType": "cssVars", "zIndexModal": { @@ -420213,7 +418906,7 @@ exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkBase theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -420221,84 +418914,84 @@ exports[`shapshots vkComDark 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": "#6AA6EB", - "hover": "#63A2EA", - "normal": "#5D9EE9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#63F2D6", - "hover": "#5CF2D4", - "normal": "#55F1D2", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#CEF978", - "hover": "#CCF972", - "normal": "#CAF96C", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#FFA000", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "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": "#F9A1FF", - "hover": "#F89DFF", - "normal": "#F899FF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#FF3347", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#A94FFF", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -420311,254 +419004,254 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#3792ED", - "hover": "#2F8DEC", + "active": "#237EDD", + "hover": "#2483E4", "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "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": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -420566,224 +419259,224 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "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", @@ -420791,7 +419484,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", @@ -420800,7 +419493,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", @@ -420808,7 +419501,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", @@ -420817,7 +419510,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", @@ -420825,7 +419518,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", @@ -420834,7 +419527,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", @@ -420842,13 +419535,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", @@ -420856,7 +419549,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", @@ -420864,18 +419557,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", @@ -420883,7 +419576,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", @@ -420892,11 +419585,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", @@ -420904,11 +419597,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", @@ -420920,7 +419613,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", @@ -420928,7 +419621,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", @@ -420936,11 +419629,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", @@ -420948,11 +419641,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", @@ -420960,7 +419653,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", @@ -420968,7 +419661,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", @@ -420976,7 +419669,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", @@ -420988,9 +419681,9 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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.4, "opacityDisableAccessibility": 0.64, @@ -421034,7 +419727,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -421146,7 +419839,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "8px", + "regular": "12px", }, "sizeIconUI": { "regular": "16px", @@ -421159,7 +419852,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "48px", + "regular": "56px", }, "sizePopupBasePadding": { "compact": "20px", @@ -421176,7 +419869,7 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "448px", + "regular": "430px", }, "sizeSearchHeight": { "compact": "32px", @@ -421196,16 +419889,16 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "10px", - "regular": "10px", + "compact": "12px", + "regular": "14px", }, "sizeSwitchPin": { - "compact": "16px", - "regular": "16px", + "compact": "18px", + "regular": "20px", }, "sizeSwitchWidth": { - "compact": "27px", - "regular": "27px", + "compact": "32px", + "regular": "34px", }, "sizeTooltipMargin": { "regular": "8px", @@ -421220,16 +419913,15 @@ exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkComDark", - "themeNameBase": "vkCom", + "themeName": "vkBase", + "themeNameBase": "vkBase", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkComDark 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)", @@ -421237,84 +419929,84 @@ exports[`shapshots vkComDark 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, #6AA6EB)", - "hover": "var(--vkui--color_accent_azure--hover, #63A2EA)", - "normal": "var(--vkui--color_accent_azure, #5D9EE9)", + "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, #4987D0)", - "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", - "normal": "var(--vkui--color_accent_blue, #397DCC)", + "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, #63F2D6)", - "hover": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", - "normal": "var(--vkui--color_accent_cyan, #55F1D2)", + "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, #B4BDC7)", - "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", - "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4BB34B)", + "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, #CEF978)", - "hover": "var(--vkui--color_accent_lime--hover, #CCF972)", - "normal": "var(--vkui--color_accent_lime, #CAF96C)", + "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #FFA000)", + "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, #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, #F9A1FF)", - "hover": "var(--vkui--color_accent_pink--hover, #F89DFF)", - "normal": "var(--vkui--color_accent_pink, #F899FF)", + "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, #9C89F6)", - "hover": "var(--vkui--color_accent_purple--hover, #9784F5)", - "normal": "var(--vkui--color_accent_purple, #937FF5)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #FF3347)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #A94FFF)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -421327,254 +420019,254 @@ 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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "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, #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, #3792ED)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", + "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, #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, #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(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(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, #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)", }, "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, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #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, #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, #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, #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, #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, #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, #3A3A3A)", - "hover": "var(--vkui--color_background_modal--hover, #323232)", - "normal": "var(--vkui--color_background_modal, #292929)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #FF5C5C)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4BB34B)", + "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, #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, #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, #434343)", - "hover": "var(--vkui--color_background_secondary--hover, #3B3B3B)", - "normal": "var(--vkui--color_background_secondary, #333333)", + "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(255, 255, 255, 0.16))", - "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.08))", + "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, #3A3A3A)", - "hover": "var(--vkui--color_background_tertiary--hover, #323232)", - "normal": "var(--vkui--color_background_tertiary, #292929)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_button_icon--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_icon, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_button_stroke--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_stroke, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_button_text--hover, #E2E4E7)", - "normal": "var(--vkui--color_button_text, #E1E3E6)", + "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, #3A3A3A)", - "hover": "var(--vkui--color_field_background--hover, #323232)", - "normal": "var(--vkui--color_field_background, #292929)", + "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(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(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, #343434)", - "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", - "normal": "var(--vkui--color_header_background, #222222)", + "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, #7CB1ED)", - "hover": "var(--vkui--color_icon_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_icon_accent, #71AAEB)", + "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, #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, #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, #E3E5E8)", - "hover": "var(--vkui--color_icon_contrast--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_contrast, #E1E3E6)", + "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, #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, #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, #9C9C9C)", - "hover": "var(--vkui--color_icon_medium--hover, #979797)", - "normal": "var(--vkui--color_icon_medium, #939393)", + "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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #FF5C5C)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4BB34B)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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)", - "normal": "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": "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, #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(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(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, #717171)", - "hover": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", - "normal": "var(--vkui--color_icon_tertiary, #656565)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -421582,224 +420274,224 @@ exports[`shapshots vkComDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "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(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #3A3A3A)", - "hover": "var(--vkui--color_separator_secondary--hover, #323232)", - "normal": "var(--vkui--color_separator_secondary, #292929)", + "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, #3A3A3A)", - "hover": "var(--vkui--color_skeleton_from--hover, #323232)", - "normal": "var(--vkui--color_skeleton_from, #292929)", + "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, #434343)", - "hover": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", - "normal": "var(--vkui--color_skeleton_to, #333333)", + "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, #7CB1ED)", - "hover": "var(--vkui--color_stroke_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_stroke_accent, #71AAEB)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "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, #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, #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, #7CB1ED)", - "hover": "var(--vkui--color_text_accent--hover, #77ADEC)", - "normal": "var(--vkui--color_text_accent, #71AAEB)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #7CB1ED)", - "hover": "var(--vkui--color_text_link--hover, #77ADEC)", - "normal": "var(--vkui--color_text_link, #71AAEB)", + "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, #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, #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, #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, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "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, #D0D0D0)", - "hover": "var(--vkui--color_text_muted--hover, #CECECE)", - "normal": "var(--vkui--color_text_muted, #CCCCCC)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "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, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "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)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #8C8C8C)", - "hover": "var(--vkui--color_text_secondary--hover, #878787)", - "normal": "var(--vkui--color_text_secondary, #828282)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "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)", @@ -421807,7 +420499,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)", @@ -421816,7 +420508,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)", @@ -421824,7 +420516,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)", @@ -421833,7 +420525,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)", @@ -421841,7 +420533,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)", @@ -421850,7 +420542,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)", @@ -421858,13 +420550,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)", @@ -421872,7 +420564,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)", @@ -421880,18 +420572,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)", @@ -421899,7 +420591,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)", @@ -421908,11 +420600,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)", @@ -421920,11 +420612,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)", @@ -421936,7 +420628,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)", @@ -421944,7 +420636,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)", @@ -421952,11 +420644,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)", @@ -421964,11 +420656,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)", @@ -421976,7 +420668,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)", @@ -421984,7 +420676,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)", @@ -421992,7 +420684,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)", @@ -422004,9 +420696,9 @@ exports[`shapshots vkComDark 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -422050,7 +420742,7 @@ exports[`shapshots vkComDark 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)", @@ -422162,7 +420854,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)", @@ -422175,7 +420867,7 @@ exports[`shapshots vkComDark 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, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -422192,7 +420884,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)", @@ -422212,16 +420904,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, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 16px)", - "regular": "var(--vkui--size_switch_pin--regular, 16px)", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 27px)", - "regular": "var(--vkui--size_switch_width--regular, 27px)", + "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)", @@ -422236,16 +420928,15 @@ exports[`shapshots vkComDark 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, vkComDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkCom)", + "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 vkComDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkBase theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -422253,84 +420944,84 @@ exports[`shapshots vkComDark 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": "#6AA6EB", - "hover": "#63A2EA", - "normal": "#5D9EE9", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#4987D0", - "hover": "#4182CE", - "normal": "#397DCC", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#63F2D6", - "hover": "#5CF2D4", - "normal": "#55F1D2", + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#B4BDC7", - "hover": "#B1BAC4", - "normal": "#AEB7C2", + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#CEF978", - "hover": "#CCF972", - "normal": "#CAF96C", + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#FFA000", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "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": "#F9A1FF", - "hover": "#F89DFF", - "normal": "#F899FF", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#9C89F6", - "hover": "#9784F5", - "normal": "#937FF5", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#FF3347", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#A94FFF", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -422343,254 +421034,254 @@ 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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#3792ED", - "hover": "#2F8DEC", + "active": "#237EDD", + "hover": "#2483E4", "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "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": "#424242", - "hover": "#3A3A3A", - "normal": "#323232", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#405140", - "hover": "#374A37", - "normal": "#2F422F", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", - }, + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, "colorIconAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(255, 255, 255, 0.56)", - "hover": "rgba(255, 255, 255, 0.52)", - "normal": "rgba(255, 255, 255, 0.48)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.48)", - "hover": "rgba(255, 255, 255, 0.44)", - "normal": "rgba(255, 255, 255, 0.40)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -422598,224 +421289,224 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(55, 56, 57, 0.58)", - "hover": "rgba(55, 56, 57, 0.54)", - "normal": "rgba(55, 56, 57, 0.5)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#434343", - "hover": "#3B3B3B", - "normal": "#333333", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#343434", - "hover": "#2B2B2B", - "normal": "#222222", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71AAEB", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#D0D0D0", - "hover": "#CECECE", - "normal": "#CCCCCC", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#FF5C5C", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4BB34B", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9C9C9C", - "hover": "#979797", - "normal": "#939393", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#717171", - "hover": "#6B6B6B", - "normal": "#656565", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#8C8C8C", - "hover": "#878787", - "normal": "#828282", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#515151", - "hover": "#4A4A4A", - "normal": "#424242", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorWriteBarInputBorder": { - "active": "#636363", - "hover": "#5C5C5C", - "normal": "#555555", + "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "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, @@ -422823,7 +421514,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, @@ -422832,7 +421523,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, @@ -422840,7 +421531,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, @@ -422849,7 +421540,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, @@ -422857,7 +421548,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, @@ -422866,7 +421557,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, @@ -422874,13 +421565,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, @@ -422888,7 +421579,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, @@ -422896,18 +421587,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, @@ -422915,7 +421606,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, @@ -422924,11 +421615,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, @@ -422936,11 +421627,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, @@ -422952,7 +421643,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, @@ -422960,7 +421651,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, @@ -422968,11 +421659,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, @@ -422980,11 +421671,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, @@ -422992,7 +421683,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, @@ -423000,7 +421691,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, @@ -423008,7 +421699,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, @@ -423020,9 +421711,9 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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.4, "opacityDisableAccessibility": 0.64, @@ -423066,7 +421757,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -423178,7 +421869,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 8, + "regular": 12, }, "sizeIconUI": { "regular": 16, @@ -423191,7 +421882,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 48, + "regular": 56, }, "sizePopupBasePadding": { "compact": 20, @@ -423208,7 +421899,7 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 448, + "regular": 430, }, "sizeSearchHeight": { "compact": 32, @@ -423228,16 +421919,16 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 10, - "regular": 10, + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": 16, - "regular": 16, + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": 27, - "regular": 27, + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { "regular": 8, @@ -423252,16 +421943,15 @@ exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkComDark", - "themeNameBase": "vkCom", + "themeName": "vkBase", + "themeNameBase": "vkBase", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkBaseDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -423281,16 +421971,16 @@ 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": { "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", @@ -423300,25 +421990,25 @@ exports[`shapshots vkIOS 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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "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", @@ -423328,11 +422018,11 @@ exports[`shapshots vkIOS 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", @@ -423342,11 +422032,11 @@ exports[`shapshots vkIOS 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", @@ -423356,11 +422046,11 @@ exports[`shapshots vkIOS 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", @@ -423370,11 +422060,11 @@ 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, #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", @@ -423384,11 +422074,11 @@ exports[`shapshots vkIOS 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", @@ -423398,25 +422088,25 @@ exports[`shapshots vkIOS 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, #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", @@ -423426,39 +422116,39 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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", @@ -423468,11 +422158,11 @@ exports[`shapshots vkIOS 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", @@ -423482,29 +422172,29 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -423538,81 +422228,81 @@ exports[`shapshots vkIOS 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "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, #237EDD)", + "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, #2483E4)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "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(38, 136, 235, 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(38, 136, 235, 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(38, 136, 235, 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", @@ -423622,53 +422312,53 @@ exports[`shapshots vkIOS 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -423686,101 +422376,101 @@ exports[`shapshots vkIOS 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", @@ -423790,221 +422480,221 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "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(255, 255, 255, 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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #353536)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "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, 0, 0, 0.36))", + "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, 0, 0, 0.24))", + "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, 0, 0, 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", + "value": "var(--vkui--color_icon_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "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", @@ -424014,67 +422704,67 @@ exports[`shapshots vkIOS 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, #141414)", }, "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, #0A0A0A)", }, "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, #778292)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", @@ -424084,25 +422774,25 @@ exports[`shapshots vkIOS 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", @@ -424112,127 +422802,127 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -424266,207 +422956,207 @@ exports[`shapshots vkIOS 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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "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, #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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", @@ -424476,109 +423166,109 @@ exports[`shapshots vkIOS 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, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", + "value": "var(--vkui--color_text_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "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, #2978D3)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "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", @@ -424588,11 +423278,11 @@ exports[`shapshots vkIOS 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", @@ -424602,39 +423292,39 @@ exports[`shapshots vkIOS 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "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, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", @@ -424644,39 +423334,39 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -424686,95 +423376,95 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -424784,82 +423474,82 @@ exports[`shapshots vkIOS 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "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, #f2f3f5)", + "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, #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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -425797,7 +424487,7 @@ exports[`shapshots vkIOS 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", @@ -425805,7 +424495,7 @@ exports[`shapshots vkIOS 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", @@ -425956,7 +424646,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": { @@ -426006,7 +424696,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": { @@ -426258,7 +424948,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": { @@ -426372,11 +425062,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": { @@ -426502,11 +425192,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": { @@ -426516,11 +425206,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": { @@ -426530,11 +425220,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": { @@ -426593,11 +425283,11 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIOS)", + "value": "var(--vkui--theme_name, vkBaseDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIOS)", + "value": "var(--vkui--theme_name_base, vkBase)", }, "themeType": "cssVars", "zIndexModal": { @@ -426611,92 +425301,92 @@ exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIOS 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -426709,254 +425399,254 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -426969,216 +425659,216 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -427386,9 +426076,9 @@ exports[`shapshots vkIOS 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, @@ -427432,7 +426122,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -427447,7 +426137,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -427522,7 +426212,7 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -427556,8 +426246,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", @@ -427594,16 +426284,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", @@ -427619,100 +426309,100 @@ exports[`shapshots vkIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkIOS", - "themeNameBase": "vkIOS", + "themeName": "vkBaseDark", + "themeNameBase": "vkBase", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOS 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, #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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "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, #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, #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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -427725,254 +426415,254 @@ exports[`shapshots vkIOS 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #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, #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, #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, #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(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(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)", }, "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, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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": { "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #DFE1E6)", - "hover": "var(--vkui--color_field_background--hover, #E8EAEE)", - "normal": "var(--vkui--color_field_background, #f2f3f5)", + "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, 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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "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, #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, #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, #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, #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, #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, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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, #8D96A4)", - "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(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(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, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -427985,216 +426675,216 @@ exports[`shapshots vkIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #237EDD)", - "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", - "normal": "var(--vkui--color_stroke_accent, #2688eb)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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, #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, #237EDD)", - "hover": "var(--vkui--color_text_accent--hover, #2483E4)", - "normal": "var(--vkui--color_text_accent, #2688eb)", + "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, #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, #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, #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, #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, #2978D3)", - "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", - "normal": "var(--vkui--color_text_link, #2d81e0)", + "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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -428402,9 +427092,9 @@ exports[`shapshots vkIOS 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)", @@ -428448,7 +427138,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)", @@ -428463,7 +427153,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)", @@ -428538,7 +427228,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)", @@ -428572,8 +427262,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)", @@ -428610,16 +427300,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)", @@ -428635,100 +427325,100 @@ exports[`shapshots vkIOS 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, vkIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkIOS)", + "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 vkIOS 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": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -428741,254 +427431,254 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 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", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -429001,216 +427691,216 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -429418,9 +428108,9 @@ exports[`shapshots vkIOS 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, @@ -429464,7 +428154,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -429479,7 +428169,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -429554,7 +428244,7 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -429588,8 +428278,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, @@ -429626,16 +428316,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, @@ -429651,15 +428341,15 @@ exports[`shapshots vkIOS theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkIOS", - "themeNameBase": "vkIOS", + "themeName": "vkBaseDark", + "themeNameBase": "vkBase", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkCom theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -429679,114 +428369,114 @@ 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": { "name": "--vkui--color_accent_azure--active", - "value": "var(--vkui--color_accent_azure--active, #1482FF)", + "value": "var(--vkui--color_accent_azure--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "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, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #4B78AE)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #4E7CB3)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #5181B8)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #72E2CF)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "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, #B0E54E)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "value": "var(--vkui--color_accent_orange, #FFA000)", }, }, "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", @@ -429796,81 +428486,81 @@ exports[`shapshots vkIOSDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E27CEF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735CE6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -429880,29 +428570,29 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792EC0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -429936,81 +428626,81 @@ exports[`shapshots vkIOSDark 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, #DADCE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #EDEEF0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #447BBA)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #4177B5)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.2))", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(68, 123, 186, 0.12))", }, }, "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", @@ -430020,39 +428710,39 @@ exports[`shapshots vkIOSDark 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, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #FFFFFF)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", @@ -430062,15 +428752,15 @@ exports[`shapshots vkIOSDark 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, #2F3034)", }, "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, #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": { @@ -430084,311 +428774,311 @@ exports[`shapshots vkIOSDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #292B2F)", }, "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, #2B2C2F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #2D2D2E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #E64646)", }, }, "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, #E6D9DD)", }, "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, #F0E2E4)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FAEBEB)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 0.14))", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(39, 63, 92, 0.15))", }, "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(39, 63, 92, 0.11))", }, "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(39, 63, 92, 0.07))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E6E8ED)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #F0F2F4)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #FAFBFC)", }, }, "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(0, 0, 0, 0.11))", }, "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(0, 0, 0, 0.07))", }, "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(0, 0, 0, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #305B90)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #346297)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #305B90)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #346297)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #305B90)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #325F93)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #346297)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #353536)", + "value": "var(--vkui--color_field_background--active, #E3E5EB)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #2C2C2D)", + "value": "var(--vkui--color_field_background--hover, #EDEFF2)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #232324)", + "value": "var(--vkui--color_field_background, #F7F8FA)", }, }, "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(0, 0, 0, 0.36))", }, "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(0, 0, 0, 0.24))", }, "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(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #FFFFFF)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #447BBA)", }, }, "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, #3368A8)", }, "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, #356CAC)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #3770B1)", }, }, "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", @@ -430398,11 +429088,11 @@ exports[`shapshots vkIOSDark 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", @@ -430412,221 +429102,221 @@ exports[`shapshots vkIOSDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "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, #66717F)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #6B7582)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #6F7985)", }, }, "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #E64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "value": "var(--vkui--color_icon_positive, #4BB34B)", }, }, "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", - "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, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "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(241, 247, 255, 0.51))", + "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(241, 247, 255, 0.47000000000000003))", + "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(241, 247, 255, 0.43))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #A0AAB7)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #A7B0BD)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #AEB7C2)", }, }, "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.24))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", @@ -430650,277 +429340,277 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "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, #7CB1ED)", + "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, #77ADEC)", + "value": "var(--vkui--color_panel_header_icon--hover, #4177B5)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #464748)", + "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, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #E4E5E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #EDEEF0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #CAD0D8)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #D3D9DF)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #DCE1E6)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #CBCCCD)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #BEBFC1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #E7E8EC)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #DDE0E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #E6E9EE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #F0F2F5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #D5D7DE)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #DEDFE5)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #E7E8EC)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #447BBA)", }, }, "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, #3368A8)", }, "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, #356CAC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #3770B1)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #E64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "value": "var(--vkui--color_stroke_positive, #4BB34B)", }, }, "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, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #3F72B0)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #4177B5)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #447BBA)", }, }, "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, #3368A8)", }, "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, #356CAC)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #3770B1)", }, }, "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", @@ -430930,53 +429620,53 @@ exports[`shapshots vkIOSDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #27527F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #285582)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #2A5885)", }, }, "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, #27527F)", }, "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, #285582)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "value": "var(--vkui--color_text_link_themed, #2A5885)", }, }, "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", @@ -430986,11 +429676,11 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -431000,81 +429690,81 @@ exports[`shapshots vkIOSDark 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, #2F3034)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #313233)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #333333)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #FF6969)", + "value": "var(--vkui--color_text_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #E64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -431084,95 +429774,95 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #818C99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #5A6675)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #5E6978)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #626D7A)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #99A2AD)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #C2C9D1)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #CBD1D8)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #D3D9DE)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #3F72B0)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #4177B5)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #447BBA)", }, }, "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", @@ -431182,82 +429872,82 @@ exports[`shapshots vkIOSDark 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, #778292)", }, "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, #7C8795)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "value": "var(--vkui--color_write_bar_input_border, #D3D9DE)", }, }, "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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -431281,7 +429971,7 @@ exports[`shapshots vkIOSDark 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", @@ -431323,7 +430013,7 @@ exports[`shapshots vkIOSDark 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", @@ -431365,7 +430055,7 @@ exports[`shapshots vkIOSDark 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", @@ -431407,7 +430097,7 @@ exports[`shapshots vkIOSDark 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", @@ -431449,7 +430139,7 @@ exports[`shapshots vkIOSDark 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", @@ -431491,7 +430181,7 @@ exports[`shapshots vkIOSDark 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", @@ -431533,7 +430223,7 @@ exports[`shapshots vkIOSDark 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", @@ -431571,7 +430261,7 @@ exports[`shapshots vkIOSDark 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", @@ -431589,7 +430279,7 @@ exports[`shapshots vkIOSDark 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", @@ -431627,7 +430317,7 @@ exports[`shapshots vkIOSDark 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", @@ -431665,7 +430355,7 @@ exports[`shapshots vkIOSDark 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", @@ -431683,15 +430373,15 @@ exports[`shapshots vkIOSDark 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": { @@ -431715,7 +430405,7 @@ exports[`shapshots vkIOSDark 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", @@ -431757,7 +430447,7 @@ exports[`shapshots vkIOSDark 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", @@ -431799,17 +430489,17 @@ exports[`shapshots vkIOSDark 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", @@ -431847,17 +430537,17 @@ exports[`shapshots vkIOSDark 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", @@ -431905,7 +430595,7 @@ exports[`shapshots vkIOSDark 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", @@ -431943,7 +430633,7 @@ exports[`shapshots vkIOSDark 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", @@ -431981,17 +430671,17 @@ exports[`shapshots vkIOSDark 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", @@ -432029,17 +430719,17 @@ exports[`shapshots vkIOSDark 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", @@ -432077,7 +430767,7 @@ exports[`shapshots vkIOSDark 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", @@ -432115,7 +430805,7 @@ exports[`shapshots vkIOSDark 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", @@ -432153,7 +430843,7 @@ exports[`shapshots vkIOSDark 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", @@ -432195,7 +430885,7 @@ exports[`shapshots vkIOSDark 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(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", @@ -432203,7 +430893,7 @@ exports[`shapshots vkIOSDark 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(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", @@ -432404,7 +431094,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": { @@ -432656,7 +431346,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": { @@ -432730,7 +431420,7 @@ exports[`shapshots vkIOSDark 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": { @@ -432770,11 +431460,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, 48px)", }, }, "sizePopupBasePadding": { @@ -432832,7 +431522,7 @@ exports[`shapshots vkIOSDark 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": { @@ -432900,11 +431590,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, 10px)", }, "regular": { "name": "--vkui--size_switch_height--regular", - "value": "var(--vkui--size_switch_height--regular, 31px)", + "value": "var(--vkui--size_switch_height--regular, 10px)", }, }, "sizeSwitchPin": { @@ -432914,11 +431604,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, 16px)", }, "regular": { "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 27px)", + "value": "var(--vkui--size_switch_pin--regular, 16px)", }, }, "sizeSwitchWidth": { @@ -432928,11 +431618,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, 27px)", }, "regular": { "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 51px)", + "value": "var(--vkui--size_switch_width--regular, 27px)", }, }, "sizeTooltipMargin": { @@ -432987,15 +431677,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, vkCom)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIOS)", + "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", "zIndexModal": { @@ -433009,92 +431699,92 @@ exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkCom 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", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#72E2CF", + "hover": "#77EBD6", + "normal": "#7CF4DC", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#B0E54E", + "hover": "#B7EE4E", + "normal": "#BFF74F", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#FFA000", }, "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": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#E27CEF", + "hover": "#EC80F7", + "normal": "#F685FF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#FF3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792EC0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -433107,253 +431797,253 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(39, 63, 92, 0.15)", + "hover": "rgba(39, 63, 92, 0.11)", + "normal": "rgba(39, 63, 92, 0.07)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorOverlayPrimary": { @@ -433362,224 +432052,224 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "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", @@ -433587,7 +432277,7 @@ exports[`shapshots vkIOSDark 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", @@ -433596,7 +432286,7 @@ exports[`shapshots vkIOSDark 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", @@ -433604,7 +432294,7 @@ exports[`shapshots vkIOSDark 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", @@ -433613,7 +432303,7 @@ exports[`shapshots vkIOSDark 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", @@ -433621,7 +432311,7 @@ exports[`shapshots vkIOSDark 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", @@ -433630,7 +432320,7 @@ exports[`shapshots vkIOSDark 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", @@ -433638,13 +432328,13 @@ exports[`shapshots vkIOSDark 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", @@ -433652,7 +432342,7 @@ exports[`shapshots vkIOSDark 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", @@ -433660,18 +432350,18 @@ exports[`shapshots vkIOSDark 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", @@ -433679,7 +432369,7 @@ exports[`shapshots vkIOSDark 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", @@ -433688,11 +432378,11 @@ exports[`shapshots vkIOSDark 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", @@ -433700,11 +432390,11 @@ exports[`shapshots vkIOSDark 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", @@ -433716,7 +432406,7 @@ exports[`shapshots vkIOSDark 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", @@ -433724,7 +432414,7 @@ exports[`shapshots vkIOSDark 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", @@ -433732,11 +432422,11 @@ exports[`shapshots vkIOSDark 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", @@ -433744,11 +432434,11 @@ exports[`shapshots vkIOSDark 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", @@ -433756,7 +432446,7 @@ exports[`shapshots vkIOSDark 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", @@ -433764,7 +432454,7 @@ exports[`shapshots vkIOSDark 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", @@ -433772,7 +432462,7 @@ exports[`shapshots vkIOSDark 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", @@ -433784,9 +432474,9 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -433845,7 +432535,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -433920,7 +432610,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -433942,7 +432632,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -433954,8 +432644,8 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "32px", }, "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "compact": "48px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -433972,7 +432662,7 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -433992,16 +432682,16 @@ exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "compact": "10px", + "regular": "10px", }, "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "compact": "16px", + "regular": "16px", }, "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "compact": "27px", + "regular": "27px", }, "sizeTooltipMargin": { "regular": "8px", @@ -434016,101 +432706,101 @@ 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": "vkCom", + "themeNameBase": "vkCom", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIOSDark 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)", "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)", - "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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "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, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -434123,253 +432813,253 @@ exports[`shapshots vkIOSDark 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, #DADCE2)", + "hover": "var(--vkui--color_background--hover, #E4E5E9)", + "normal": "var(--vkui--color_background, #EDEEF0)", }, "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, #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, #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, #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, #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, #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(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(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, #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)", }, "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, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #FFFFFF)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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, #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, #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))", "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(39, 63, 92, 0.15))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(39, 63, 92, 0.11))", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(39, 63, 92, 0.07))", }, "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, #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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #353536)", - "hover": "var(--vkui--color_field_background--hover, #2C2C2D)", - "normal": "var(--vkui--color_field_background, #232324)", + "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(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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "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, #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, #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, #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, #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, #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, #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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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)", - "normal": "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": "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, #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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #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": { @@ -434378,224 +433068,224 @@ exports[`shapshots vkIOSDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #E64646)", }, "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, #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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "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, #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, #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, #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, #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, #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, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "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, #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, #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, #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, #5890D0)", - "hover": "var(--vkui--color_text_link_visited--hover, #508BCE)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818C99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #5A6675)", + "hover": "var(--vkui--color_text_subhead--hover, #5E6978)", + "normal": "var(--vkui--color_text_subhead, #626D7A)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99A2AD)", }, "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, #C2C9D1)", + "hover": "var(--vkui--color_track_background--hover, #CBD1D8)", + "normal": "var(--vkui--color_track_background, #D3D9DE)", }, "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, #3F72B0)", + "hover": "var(--vkui--color_track_buffer--hover, #4177B5)", + "normal": "var(--vkui--color_track_buffer, #447BBA)", }, "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, #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, #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, #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, #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, #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, #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(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, 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, 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))", + "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))", "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)", @@ -434603,7 +433293,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434612,7 +433302,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434620,7 +433310,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434629,7 +433319,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434637,7 +433327,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434646,7 +433336,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434654,13 +433344,13 @@ exports[`shapshots vkIOSDark 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)", @@ -434668,7 +433358,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434676,18 +433366,18 @@ exports[`shapshots vkIOSDark 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)", @@ -434695,7 +433385,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434704,11 +433394,11 @@ exports[`shapshots vkIOSDark 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)", @@ -434716,11 +433406,11 @@ exports[`shapshots vkIOSDark 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)", @@ -434732,7 +433422,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434740,7 +433430,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434748,11 +433438,11 @@ exports[`shapshots vkIOSDark 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)", @@ -434760,11 +433450,11 @@ exports[`shapshots vkIOSDark 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)", @@ -434772,7 +433462,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434780,7 +433470,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434788,7 +433478,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434800,9 +433490,9 @@ exports[`shapshots vkIOSDark 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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -434861,7 +433551,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)", @@ -434936,7 +433626,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)", @@ -434958,7 +433648,7 @@ exports[`shapshots vkIOSDark 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)", @@ -434970,8 +433660,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, 48px)", }, "sizePopupBasePadding": { "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", @@ -434988,7 +433678,7 @@ exports[`shapshots vkIOSDark 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)", @@ -435008,16 +433698,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, 10px)", + "regular": "var(--vkui--size_switch_height--regular, 10px)", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": "var(--vkui--size_switch_pin--compact, 16px)", + "regular": "var(--vkui--size_switch_pin--regular, 16px)", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "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)", @@ -435032,101 +433722,101 @@ 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, 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 vkIOSDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkCom 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", - "normal": "#0077FF", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3F8AE0", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181B8", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "active": "#72E2CF", + "hover": "#77EBD6", + "normal": "#7CF4DC", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "active": "#B0E54E", + "hover": "#B7EE4E", + "normal": "#BFF74F", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#FFA000", }, "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": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "active": "#E27CEF", + "hover": "#EC80F7", + "normal": "#F685FF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735CE6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#FF3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792EC0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -435139,253 +433829,253 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#292B2F", + "hover": "#2B2C2F", + "normal": "#2D2D2E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#E6D9DD", + "hover": "#F0E2E4", + "normal": "#FAEBEB", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(39, 63, 92, 0.15)", + "hover": "rgba(39, 63, 92, 0.11)", + "normal": "rgba(39, 63, 92, 0.07)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E6E8ED", + "hover": "#F0F2F4", + "normal": "#FAFBFC", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#305B90", + "hover": "#325F93", + "normal": "#346297", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E3E5EB", + "hover": "#EDEFF2", + "normal": "#F7F8FA", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#66717F", + "hover": "#6B7582", + "normal": "#6F7985", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#AEB7C2", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorOverlayPrimary": { @@ -435394,224 +434084,224 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(44, 45, 46, 0.58)", + "hover": "rgba(44, 45, 46, 0.54)", + "normal": "rgba(44, 45, 46, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#DADCE2", + "hover": "#E4E5E9", + "normal": "#EDEEF0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#CAD0D8", + "hover": "#D3D9DF", + "normal": "#DCE1E6", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#CBCCCD", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DDE0E6", + "hover": "#E6E9EE", + "normal": "#F0F2F5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#D5D7DE", + "hover": "#DEDFE5", + "normal": "#E7E8EC", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3368A8", + "hover": "#356CAC", + "normal": "#3770B1", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", + "active": "#EBECEF", + "hover": "#F5F5F7", "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#27527F", + "hover": "#285582", + "normal": "#2A5885", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#E64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4BB34B", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#5A6675", + "hover": "#5E6978", + "normal": "#626D7A", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99A2AD", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#3F72B0", + "hover": "#4177B5", + "normal": "#447BBA", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#C2C9D1", + "hover": "#CBD1D8", + "normal": "#D3D9DE", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "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, @@ -435619,7 +434309,7 @@ exports[`shapshots vkIOSDark 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, @@ -435628,7 +434318,7 @@ exports[`shapshots vkIOSDark 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, @@ -435636,7 +434326,7 @@ exports[`shapshots vkIOSDark 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, @@ -435645,7 +434335,7 @@ exports[`shapshots vkIOSDark 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, @@ -435653,7 +434343,7 @@ exports[`shapshots vkIOSDark 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, @@ -435662,7 +434352,7 @@ exports[`shapshots vkIOSDark 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, @@ -435670,13 +434360,13 @@ exports[`shapshots vkIOSDark 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, @@ -435684,7 +434374,7 @@ exports[`shapshots vkIOSDark 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, @@ -435692,18 +434382,18 @@ exports[`shapshots vkIOSDark 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, @@ -435711,7 +434401,7 @@ exports[`shapshots vkIOSDark 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, @@ -435720,11 +434410,11 @@ exports[`shapshots vkIOSDark 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, @@ -435732,11 +434422,11 @@ exports[`shapshots vkIOSDark 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, @@ -435748,7 +434438,7 @@ exports[`shapshots vkIOSDark 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, @@ -435756,7 +434446,7 @@ exports[`shapshots vkIOSDark 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, @@ -435764,11 +434454,11 @@ exports[`shapshots vkIOSDark 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, @@ -435776,11 +434466,11 @@ exports[`shapshots vkIOSDark 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, @@ -435788,7 +434478,7 @@ exports[`shapshots vkIOSDark 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, @@ -435796,7 +434486,7 @@ exports[`shapshots vkIOSDark 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, @@ -435804,7 +434494,7 @@ exports[`shapshots vkIOSDark 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, @@ -435816,9 +434506,9 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -435877,7 +434567,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -435952,7 +434642,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -435974,7 +434664,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -435986,8 +434676,8 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "compact": 48, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -436004,7 +434694,7 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -436024,16 +434714,16 @@ exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "compact": 10, + "regular": 10, }, "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "compact": 16, + "regular": 16, }, "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "compact": 27, + "regular": 27, }, "sizeTooltipMargin": { "regular": 8, @@ -436048,16 +434738,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": "vkCom", + "themeNameBase": "vkCom", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkComDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -436082,109 +434772,109 @@ exports[`shapshots vkIdOk 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, #6AA6EB)", }, "hover": { "name": "--vkui--color_accent_azure--hover", - "value": "var(--vkui--color_accent_azure--hover, #0073F7)", + "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, #237EDD)", + "value": "var(--vkui--color_accent_blue--active, #4987D0)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #4182CE)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #397DCC)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "value": "var(--vkui--color_accent_cyan--active, #63F2D6)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "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, #96A0AE)", + "value": "var(--vkui--color_accent_gray--active, #B4BDC7)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "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": { "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", - "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, #CEF978)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "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": { "active": { "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #DB790C)", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "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": { "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", @@ -436194,81 +434884,81 @@ exports[`shapshots vkIdOk 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, #E059EF)", + "value": "var(--vkui--color_accent_pink--active, #F9A1FF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "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, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #9C89F6)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9784F5)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "value": "var(--vkui--color_accent_purple, #937FF5)", }, }, "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, #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", - "value": "var(--vkui--color_accent_red, #ff3347)", + "value": "var(--vkui--color_accent_red, #FF3347)", }, }, "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", @@ -436278,29 +434968,29 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #A94FFF)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -436334,141 +435024,141 @@ exports[`shapshots vkIdOk 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, #272727)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #1D1D1D)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #141414)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #D87402)", + "value": "var(--vkui--color_background_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E57B04)", + "value": "var(--vkui--color_background_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #EE8208)", + "value": "var(--vkui--color_background_accent, #71AAEB)", }, }, "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, #3792ED)", }, "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, #2F8DEC)", }, "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, #CFD2D8)", }, "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, #D8DBDF)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #EE8208)", + "value": "var(--vkui--color_background_accent_themed, #E1E3E6)", }, }, "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #67A6FF)", }, "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, #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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "value": "var(--vkui--color_background_content--active, #343434)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #222222)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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, #434343)", }, "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, #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": { @@ -436482,325 +435172,325 @@ exports[`shapshots vkIdOk 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": { "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, #424242)", }, "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, #3A3A3A)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #323232)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #323232)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #292929)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #FF5C5C)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", - "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, #D5E6DA)", + "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, #DFF0E1)", + "value": "var(--vkui--color_background_positive_tint--hover, #374A37)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2F422F)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #434343)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #333333)", }, }, "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(255, 255, 255, 0.16))", }, "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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.08))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #323232)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #292929)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #E1E3E6)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #E1E3E6)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #E1E3E6)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #EBECEF)", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #F5F5F7)", + "value": "var(--vkui--color_field_background--hover, #323232)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #FFFFFF)", + "value": "var(--vkui--color_field_background, #292929)", }, }, "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(255, 255, 255, 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(255, 255, 255, 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(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, #343434)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #ffffff)", + "value": "var(--vkui--color_header_background, #222222)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #DB790C)", + "value": "var(--vkui--color_icon_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", + "value": "var(--vkui--color_icon_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #EE8208)", + "value": "var(--vkui--color_icon_accent, #71AAEB)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #818C99)", + "value": "var(--vkui--color_icon_accent_themed, #E1E3E6)", }, }, "colorIconContrast": { "active": { "name": "--vkui--color_icon_contrast--active", - "value": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "value": "var(--vkui--color_icon_contrast--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_contrast--hover", - "value": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "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": { "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", @@ -436810,225 +435500,225 @@ exports[`shapshots vkIdOk 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, #343434)", }, "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, #2B2B2B)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", + "value": "var(--vkui--color_icon_contrast_themed, #222222)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #778292)", + "value": "var(--vkui--color_icon_medium--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #979797)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 0.56))", + "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(0, 0, 0, 0.52))", + "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(0, 0, 0, 0.48))", + "value": "var(--vkui--color_icon_medium_alpha, rgba(255, 255, 255, 0.48))", }, }, "colorIconNegative": { "active": { "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #FF5C5C)", }, }, "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", - "value": "var(--vkui--color_icon_positive, #4bb34b)", + "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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", - "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, #8C8C8C)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 0.32))", + "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(0, 0, 0, 0.28))", + "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(0, 0, 0, 0.24))", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.24))", }, }, "colorIconWarning": { "active": { "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -437048,431 +435738,431 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "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(0, 0, 0, 0.31))", + "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(0, 0, 0, 0.27))", + "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, #237EDD)", + "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, #2483E4)", + "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #4A4A4A)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #424242)", }, }, "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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #323232)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #292929)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #3A3A3A)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #323232)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #292929)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #434343)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #3B3B3B)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #333333)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", + "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", + "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #BEBFC1)", + "value": "var(--vkui--color_stroke_accent, #71AAEB)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", + "value": "var(--vkui--color_stroke_accent_themed, #E1E3E6)", }, }, "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #FF5C5C)", }, }, "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", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", + "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, #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, #DB790C)", + "value": "var(--vkui--color_text_accent--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + "value": "var(--vkui--color_text_accent--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #EE8208)", + "value": "var(--vkui--color_text_accent, #71AAEB)", }, }, "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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EE8208)", + "value": "var(--vkui--color_text_accent_themed, #E1E3E6)", }, }, "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #2B2B2B)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #ffffff)", + "value": "var(--vkui--color_text_contrast_themed, #222222)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #64707F)", + "value": "var(--vkui--color_text_link--active, #7CB1ED)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #697482)", + "value": "var(--vkui--color_text_link--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #6D7885)", + "value": "var(--vkui--color_text_link, #71AAEB)", }, }, "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, #9C9C9C)", }, "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, #979797)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #6D7885)", + "value": "var(--vkui--color_text_link_themed, #939393)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "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, #5890D0)", }, "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, #508BCE)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #6D7885)", + "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, #D0D0D0)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #CECECE)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #2c2d2e)", + "value": "var(--vkui--color_text_muted, #CCCCCC)", }, }, "colorTextNegative": { "active": { "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #FF5C5C)", }, }, "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", - "value": "var(--vkui--color_text_positive, #4bb34b)", + "value": "var(--vkui--color_text_positive, #4BB34B)", }, }, "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #E1E3E6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -437482,95 +436172,95 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #878787)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #828282)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #9C9C9C)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #979797)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #939393)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #717171)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #656565)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #8C8C8C)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #878787)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #828282)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #FFFFFF)", }, }, "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", @@ -437580,82 +436270,82 @@ exports[`shapshots vkIdOk 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, #E3E5E8)", }, "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, #E2E4E7)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "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, #f2f3f5)", + "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, #CFD2D8)", + "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, #D8DBDF)", + "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, #e1e3e6)", + "value": "var(--vkui--color_write_bar_input_border, #555555)", }, }, "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(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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -437679,7 +436369,7 @@ exports[`shapshots vkIdOk 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", @@ -437721,7 +436411,7 @@ exports[`shapshots vkIdOk 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", @@ -437763,7 +436453,7 @@ exports[`shapshots vkIdOk 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", @@ -437805,7 +436495,7 @@ exports[`shapshots vkIdOk 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", @@ -437847,7 +436537,7 @@ exports[`shapshots vkIdOk 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", @@ -437889,7 +436579,7 @@ exports[`shapshots vkIdOk 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", @@ -437931,7 +436621,7 @@ exports[`shapshots vkIdOk 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", @@ -437969,7 +436659,7 @@ exports[`shapshots vkIdOk 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", @@ -437987,7 +436677,7 @@ exports[`shapshots vkIdOk 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", @@ -438025,7 +436715,7 @@ exports[`shapshots vkIdOk 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", @@ -438063,7 +436753,7 @@ exports[`shapshots vkIdOk 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", @@ -438081,15 +436771,15 @@ exports[`shapshots vkIdOk 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": { @@ -438113,7 +436803,7 @@ exports[`shapshots vkIdOk 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", @@ -438155,7 +436845,7 @@ exports[`shapshots vkIdOk 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", @@ -438197,17 +436887,17 @@ exports[`shapshots vkIdOk 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", @@ -438245,17 +436935,17 @@ exports[`shapshots vkIdOk 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", @@ -438303,7 +436993,7 @@ exports[`shapshots vkIdOk 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", @@ -438341,7 +437031,7 @@ exports[`shapshots vkIdOk 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", @@ -438379,17 +437069,17 @@ exports[`shapshots vkIdOk 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", @@ -438427,17 +437117,17 @@ exports[`shapshots vkIdOk 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", @@ -438475,7 +437165,7 @@ exports[`shapshots vkIdOk 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", @@ -438513,7 +437203,7 @@ exports[`shapshots vkIdOk 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", @@ -438551,7 +437241,7 @@ exports[`shapshots vkIdOk 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", @@ -438593,7 +437283,7 @@ exports[`shapshots vkIdOk 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 1) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -438601,7 +437291,7 @@ exports[`shapshots vkIdOk 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 1) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -438752,7 +437442,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": { @@ -439128,7 +437818,7 @@ exports[`shapshots vkIdOk 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": { @@ -439172,7 +437862,7 @@ exports[`shapshots vkIdOk 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": { @@ -439230,7 +437920,7 @@ exports[`shapshots vkIdOk 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": { @@ -439298,11 +437988,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, 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": { @@ -439312,11 +438002,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, 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": { @@ -439326,11 +438016,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, 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": { @@ -439383,13 +438073,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, vkBaseDark)", + }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOk)", + "value": "var(--vkui--theme_name, vkComDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOk)", + "value": "var(--vkui--theme_name_base, vkCom)", }, "themeType": "cssVars", "zIndexModal": { @@ -439403,7 +438097,7 @@ exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkComDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -439411,84 +438105,84 @@ exports[`shapshots vkIdOk 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": "#6AA6EB", + "hover": "#63A2EA", + "normal": "#5D9EE9", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#63F2D6", + "hover": "#5CF2D4", + "normal": "#55F1D2", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#CEF978", + "hover": "#CCF972", + "normal": "#CAF96C", }, "colorAccentOrange": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#FFA000", }, "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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#F9A1FF", + "hover": "#F89DFF", + "normal": "#F899FF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#FF3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#A94FFF", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -439501,254 +438195,254 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 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": "#E07F14", - "hover": "#E98412", - "normal": "#F38910", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { - "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.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -439756,224 +438450,224 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "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", @@ -439981,7 +438675,7 @@ exports[`shapshots vkIdOk 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", @@ -439990,7 +438684,7 @@ exports[`shapshots vkIdOk 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", @@ -439998,7 +438692,7 @@ exports[`shapshots vkIdOk 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", @@ -440007,7 +438701,7 @@ exports[`shapshots vkIdOk 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", @@ -440015,7 +438709,7 @@ exports[`shapshots vkIdOk 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", @@ -440024,7 +438718,7 @@ exports[`shapshots vkIdOk 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", @@ -440032,13 +438726,13 @@ exports[`shapshots vkIdOk 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", @@ -440046,7 +438740,7 @@ exports[`shapshots vkIdOk 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", @@ -440054,18 +438748,18 @@ exports[`shapshots vkIdOk 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", @@ -440073,7 +438767,7 @@ exports[`shapshots vkIdOk 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", @@ -440082,11 +438776,11 @@ exports[`shapshots vkIdOk 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", @@ -440094,11 +438788,11 @@ exports[`shapshots vkIdOk 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", @@ -440110,7 +438804,7 @@ exports[`shapshots vkIdOk 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", @@ -440118,7 +438812,7 @@ exports[`shapshots vkIdOk 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", @@ -440126,11 +438820,11 @@ exports[`shapshots vkIdOk 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", @@ -440138,11 +438832,11 @@ exports[`shapshots vkIdOk 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", @@ -440150,7 +438844,7 @@ exports[`shapshots vkIdOk 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", @@ -440158,7 +438852,7 @@ exports[`shapshots vkIdOk 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", @@ -440166,7 +438860,7 @@ exports[`shapshots vkIdOk 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", @@ -440178,9 +438872,9 @@ exports[`shapshots vkIdOk 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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, @@ -440224,7 +438918,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -440336,7 +439030,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "8px", }, "sizeIconUI": { "regular": "16px", @@ -440349,7 +439043,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": "48px", - "regular": "56px", + "regular": "48px", }, "sizePopupBasePadding": { "compact": "20px", @@ -440366,7 +439060,7 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "regular": "680px", }, "sizePopupSmall": { - "regular": "430px", + "regular": "448px", }, "sizeSearchHeight": { "compact": "32px", @@ -440386,16 +439080,16 @@ exports[`shapshots vkIdOk 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", @@ -440410,15 +439104,16 @@ exports[`shapshots vkIdOk theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeName": "vkIdOk", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkComDark", + "themeNameBase": "vkCom", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOk 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)", @@ -440426,84 +439121,84 @@ exports[`shapshots vkIdOk 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, #6AA6EB)", + "hover": "var(--vkui--color_accent_azure--hover, #63A2EA)", + "normal": "var(--vkui--color_accent_azure, #5D9EE9)", }, "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, #4987D0)", + "hover": "var(--vkui--color_accent_blue--hover, #4182CE)", + "normal": "var(--vkui--color_accent_blue, #397DCC)", }, "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, #63F2D6)", + "hover": "var(--vkui--color_accent_cyan--hover, #5CF2D4)", + "normal": "var(--vkui--color_accent_cyan, #55F1D2)", }, "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, #B4BDC7)", + "hover": "var(--vkui--color_accent_gray--hover, #B1BAC4)", + "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)", + "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)", - "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, #DB790C)", - "hover": "var(--vkui--color_accent_orange--hover, #E47D0A)", - "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, #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, #E059EF)", - "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - "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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -440516,254 +439211,254 @@ exports[`shapshots vkIdOk 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, #272727)", + "hover": "var(--vkui--color_background--hover, #1D1D1D)", + "normal": "var(--vkui--color_background, #141414)", }, "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, #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, #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, #3792ED)", + "hover": "var(--vkui--color_background_accent_alternative--hover, #2F8DEC)", + "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, #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(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(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, #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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #ffffff)", + "active": "var(--vkui--color_background_content--active, #343434)", + "hover": "var(--vkui--color_background_content--hover, #2B2B2B)", + "normal": "var(--vkui--color_background_content, #222222)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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)", - "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))", "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)", - "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, #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, #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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(255, 255, 255, 0.16))", + "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.08))", }, "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, #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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, #EBECEF)", - "hover": "var(--vkui--color_field_background--hover, #F5F5F7)", - "normal": "var(--vkui--color_field_background, #FFFFFF)", + "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(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(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, #343434)", + "hover": "var(--vkui--color_header_background--hover, #2B2B2B)", + "normal": "var(--vkui--color_header_background, #222222)", }, "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, #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, #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, #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, #EBECEF)", - "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", - "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, #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, #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, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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)", - "normal": "var(--vkui--color_icon_primary_invariably, #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": "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, #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(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(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, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -440771,224 +439466,224 @@ exports[`shapshots vkIdOk theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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, #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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", - "normal": "var(--vkui--color_stroke_accent, #BEBFC1)", + "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, #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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "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, #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, #DB790C)", - "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", - "normal": "var(--vkui--color_text_accent, #EE8208)", + "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, #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, #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, #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, #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, #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, #64707F)", - "hover": "var(--vkui--color_text_link--hover, #697482)", - "normal": "var(--vkui--color_text_link, #6D7885)", + "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, #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, #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, #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, #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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #E1E3E6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #8C8C8C)", + "hover": "var(--vkui--color_text_secondary--hover, #878787)", + "normal": "var(--vkui--color_text_secondary, #828282)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9C9C9C)", + "hover": "var(--vkui--color_text_subhead--hover, #979797)", + "normal": "var(--vkui--color_text_subhead, #939393)", }, "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, #717171)", + "hover": "var(--vkui--color_text_tertiary--hover, #6B6B6B)", + "normal": "var(--vkui--color_text_tertiary, #656565)", }, "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, #8C8C8C)", + "hover": "var(--vkui--color_track_background--hover, #878787)", + "normal": "var(--vkui--color_track_background, #828282)", }, "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, #D7D8DB)", + "hover": "var(--vkui--color_track_buffer--hover, #EBEDF0)", + "normal": "var(--vkui--color_track_buffer, #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))", + "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, #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, #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, #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, #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, #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, #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(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(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, 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": { "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)", @@ -440996,7 +439691,7 @@ exports[`shapshots vkIdOk 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)", @@ -441005,7 +439700,7 @@ exports[`shapshots vkIdOk 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)", @@ -441013,7 +439708,7 @@ exports[`shapshots vkIdOk 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)", @@ -441022,7 +439717,7 @@ exports[`shapshots vkIdOk 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)", @@ -441030,7 +439725,7 @@ exports[`shapshots vkIdOk 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)", @@ -441039,7 +439734,7 @@ exports[`shapshots vkIdOk 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)", @@ -441047,13 +439742,13 @@ exports[`shapshots vkIdOk 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)", @@ -441061,7 +439756,7 @@ exports[`shapshots vkIdOk 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)", @@ -441069,18 +439764,18 @@ exports[`shapshots vkIdOk 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)", @@ -441088,7 +439783,7 @@ exports[`shapshots vkIdOk 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)", @@ -441097,11 +439792,11 @@ exports[`shapshots vkIdOk 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)", @@ -441109,11 +439804,11 @@ exports[`shapshots vkIdOk 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)", @@ -441125,7 +439820,7 @@ exports[`shapshots vkIdOk 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)", @@ -441133,7 +439828,7 @@ exports[`shapshots vkIdOk 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)", @@ -441141,11 +439836,11 @@ exports[`shapshots vkIdOk 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)", @@ -441153,11 +439848,11 @@ exports[`shapshots vkIdOk 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)", @@ -441165,7 +439860,7 @@ exports[`shapshots vkIdOk 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)", @@ -441173,7 +439868,7 @@ exports[`shapshots vkIdOk 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)", @@ -441181,7 +439876,7 @@ exports[`shapshots vkIdOk 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)", @@ -441193,9 +439888,9 @@ exports[`shapshots vkIdOk 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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)", @@ -441239,7 +439934,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)", @@ -441351,7 +440046,7 @@ exports[`shapshots vkIdOk 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)", @@ -441364,7 +440059,7 @@ exports[`shapshots vkIdOk 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)", @@ -441381,7 +440076,7 @@ exports[`shapshots vkIdOk 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)", @@ -441401,16 +440096,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, 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)", @@ -441425,15 +440120,16 @@ 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, 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 vkIdOk theme should match root theme snapshot 1`] = ` +exports[`shapshots vkComDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -441441,84 +440137,84 @@ exports[`shapshots vkIdOk 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": "#6AA6EB", + "hover": "#63A2EA", + "normal": "#5D9EE9", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#4987D0", + "hover": "#4182CE", + "normal": "#397DCC", }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", + "active": "#63F2D6", + "hover": "#5CF2D4", + "normal": "#55F1D2", }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": "#B4BDC7", + "hover": "#B1BAC4", + "normal": "#AEB7C2", }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", + "active": "#CEF978", + "hover": "#CCF972", + "normal": "#CAF96C", }, "colorAccentOrange": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#FFA000", }, "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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", + "active": "#F9A1FF", + "hover": "#F89DFF", + "normal": "#F899FF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#9C89F6", + "hover": "#9784F5", + "normal": "#937FF5", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#FF3347", }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", + "active": "#4E93E2", + "hover": "#478FE1", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#A94FFF", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -441531,254 +440227,254 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#3792ED", + "hover": "#2F8DEC", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 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": "#E07F14", - "hover": "#E98412", - "normal": "#F38910", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#424242", + "hover": "#3A3A3A", + "normal": "#323232", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#405140", + "hover": "#374A37", + "normal": "#2F422F", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorBackgroundSecondaryAlpha": { - "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.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", + }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorIconAccentThemed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", + "active": "#F3F4F6", + "hover": "#F3F3F5", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "active": "rgba(255, 255, 255, 0.56)", + "hover": "rgba(255, 255, 255, 0.52)", + "normal": "rgba(255, 255, 255, 0.48)", }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(255, 255, 255, 0.48)", + "hover": "rgba(255, 255, 255, 0.44)", + "normal": "rgba(255, 255, 255, 0.40)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "rgba(255, 255, 255, 0.24)", }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -441786,224 +440482,224 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "rgba(55, 56, 57, 0.58)", + "hover": "rgba(55, 56, 57, 0.54)", + "normal": "rgba(55, 56, 57, 0.5)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#434343", + "hover": "#3B3B3B", + "normal": "#333333", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorStrokeAccentThemed": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#343434", + "hover": "#2B2B2B", + "normal": "#222222", }, "colorTextLink": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71AAEB", }, "colorTextLinkThemed": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextLinkTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#D0D0D0", + "hover": "#CECECE", + "normal": "#CCCCCC", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#FF5C5C", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4BB34B", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9C9C9C", + "hover": "#979797", + "normal": "#939393", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#717171", + "hover": "#6B6B6B", + "normal": "#656565", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#8C8C8C", + "hover": "#878787", + "normal": "#828282", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#E1E3E6", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#515151", + "hover": "#4A4A4A", + "normal": "#424242", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#636363", + "hover": "#5C5C5C", + "normal": "#555555", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "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, @@ -442011,7 +440707,7 @@ exports[`shapshots vkIdOk 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, @@ -442020,7 +440716,7 @@ exports[`shapshots vkIdOk 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, @@ -442028,7 +440724,7 @@ exports[`shapshots vkIdOk 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, @@ -442037,7 +440733,7 @@ exports[`shapshots vkIdOk 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, @@ -442045,7 +440741,7 @@ exports[`shapshots vkIdOk 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, @@ -442054,7 +440750,7 @@ exports[`shapshots vkIdOk 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, @@ -442062,13 +440758,13 @@ exports[`shapshots vkIdOk 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, @@ -442076,7 +440772,7 @@ exports[`shapshots vkIdOk 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, @@ -442084,18 +440780,18 @@ exports[`shapshots vkIdOk 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, @@ -442103,7 +440799,7 @@ exports[`shapshots vkIdOk 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, @@ -442112,11 +440808,11 @@ exports[`shapshots vkIdOk 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, @@ -442124,11 +440820,11 @@ exports[`shapshots vkIdOk 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, @@ -442140,7 +440836,7 @@ exports[`shapshots vkIdOk 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, @@ -442148,7 +440844,7 @@ exports[`shapshots vkIdOk 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, @@ -442156,11 +440852,11 @@ exports[`shapshots vkIdOk 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, @@ -442168,11 +440864,11 @@ exports[`shapshots vkIdOk 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, @@ -442180,7 +440876,7 @@ exports[`shapshots vkIdOk 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, @@ -442188,7 +440884,7 @@ exports[`shapshots vkIdOk 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, @@ -442196,7 +440892,7 @@ exports[`shapshots vkIdOk 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, @@ -442208,9 +440904,9 @@ exports[`shapshots vkIdOk 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(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.05) 15%, rgba(34, 34, 34, 0.2) 30%, rgba(34, 34, 34, 0.8) 70%, rgba(34, 34, 34, 0.95) 85%, rgba(34, 34, 34, 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(41, 41, 41, 0) 0%, rgba(41, 41, 41, 0.05) 15%, rgba(41, 41, 41, 0.2) 30%, rgba(41, 41, 41, 0.8) 70%, rgba(41, 41, 41, 0.95) 85%, rgba(41, 41, 41, 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, @@ -442254,7 +440950,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -442366,7 +441062,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": 8, }, "sizeIconUI": { "regular": 16, @@ -442379,7 +441075,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` }, "sizePanelHeaderHeight": { "compact": 48, - "regular": 56, + "regular": 48, }, "sizePopupBasePadding": { "compact": 20, @@ -442396,7 +441092,7 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "regular": 680, }, "sizePopupSmall": { - "regular": 430, + "regular": 448, }, "sizeSearchHeight": { "compact": 32, @@ -442416,16 +441112,16 @@ exports[`shapshots vkIdOk 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, @@ -442440,15 +441136,16 @@ exports[`shapshots vkIdOk theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeName": "vkIdOk", - "themeNameBase": "vkIdOk", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkComDark", + "themeNameBase": "vkCom", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIOS theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -442468,16 +441165,16 @@ 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": { "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", @@ -442487,25 +441184,25 @@ exports[`shapshots vkIdOkDark 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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -442515,11 +441212,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -442529,11 +441226,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", @@ -442543,11 +441240,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -442557,25 +441254,25 @@ exports[`shapshots vkIdOkDark 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, #EB9405)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #EF8712)", + "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": { "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", @@ -442585,25 +441282,25 @@ exports[`shapshots vkIdOkDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -442613,39 +441310,39 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -442655,11 +441352,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -442669,29 +441366,29 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -442725,137 +441422,137 @@ exports[`shapshots vkIdOkDark 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #F58C15)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #F38910)", + "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, #F49223)", + "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, #F38E1A)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #F38910)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #F49223)", + "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, #F38E1A)", + "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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -442873,101 +441570,101 @@ exports[`shapshots vkIdOkDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -442977,221 +441674,221 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.10))", + "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, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #2B2B2C)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #222223)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #19191A)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #EF8712)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "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", - "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, #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", @@ -443201,67 +441898,67 @@ exports[`shapshots vkIdOkDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "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, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "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(241, 247, 255, 0.74))", + "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(241, 247, 255, 0.7000000000000001))", + "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(241, 247, 255, 0.66))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -443271,25 +441968,25 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", @@ -443299,127 +441996,127 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "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(241, 247, 255, 0.51))", + "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(241, 247, 255, 0.47000000000000003))", + "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(241, 247, 255, 0.43))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(255, 255, 255, 0.38))", + "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(255, 255, 255, 0.34))", + "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(255, 255, 255, 0.30))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -443453,207 +442150,207 @@ exports[`shapshots vkIdOkDark 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #464748)", + "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, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #5E6061)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #57595A)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #505253)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -443663,165 +442360,165 @@ exports[`shapshots vkIdOkDark 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, #EF8C1C)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #EF8712)", + "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, #EDEEF1)", + "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, #ECEEF1)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #9EA2A7)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #9A9EA3)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #969A9F)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #818385)", + "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, #7B7D7F)", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #969A9F)", + "value": "var(--vkui--color_text_link_visited, #4986cc)", }, }, "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -443831,39 +442528,39 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -443873,95 +442570,95 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -443971,82 +442668,82 @@ exports[`shapshots vkIdOkDark 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -444984,7 +443681,7 @@ exports[`shapshots vkIdOkDark 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(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", @@ -444992,7 +443689,7 @@ exports[`shapshots vkIdOkDark 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(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", @@ -445143,7 +443840,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": { @@ -445193,7 +443890,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": { @@ -445445,7 +444142,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": { @@ -445559,11 +444256,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": { @@ -445689,11 +444386,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": { @@ -445703,11 +444400,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": { @@ -445717,11 +444414,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": { @@ -445780,11 +444477,11 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkDark)", + "value": "var(--vkui--theme_name, vkIOS)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOk)", + "value": "var(--vkui--theme_name_base, vkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -445798,92 +444495,92 @@ exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOkDark 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": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -445896,254 +444593,254 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -446156,216 +444853,216 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -446573,9 +445270,9 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -446619,7 +445316,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "12px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -446634,7 +445331,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -446709,7 +445406,7 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "10px", }, "sizeCardgridPadding": { "regular": "8px", @@ -446743,8 +445440,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", @@ -446781,16 +445478,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", @@ -446806,100 +445503,100 @@ exports[`shapshots vkIdOkDark theme should match pixelify theme snapshot 1`] = ` "spacingSizeXl": "12px", "spacingSizeXs": "4px", "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkDark", - "themeNameBase": "vkIdOk", + "themeName": "vkIOS", + "themeNameBase": "vkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkDark 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, #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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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, #EF8C1C)", - "hover": "var(--vkui--color_accent_orange--hover, #EF8712)", - "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -446912,254 +445609,254 @@ exports[`shapshots vkIdOkDark 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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "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, #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, #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, #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, #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, #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(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(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, #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, #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, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(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, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #2B2B2C)", - "hover": "var(--vkui--color_field_background--hover, #222223)", - "normal": "var(--vkui--color_field_background, #19191A)", + "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(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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #EF8C1C)", - "hover": "var(--vkui--color_icon_accent--hover, #EF8712)", - "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "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, #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, #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, #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, #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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -447172,216 +445869,216 @@ exports[`shapshots vkIdOkDark theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #5E6061)", - "hover": "var(--vkui--color_stroke_accent--hover, #57595A)", - "normal": "var(--vkui--color_stroke_accent, #505253)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "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, #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, #EF8C1C)", - "hover": "var(--vkui--color_text_accent--hover, #EF8712)", - "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #9EA2A7)", - "hover": "var(--vkui--color_text_link--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_link, #969A9F)", + "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, #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, #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, #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, #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, #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, #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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -447589,9 +446286,9 @@ exports[`shapshots vkIdOkDark 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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -447635,7 +446332,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)", @@ -447650,7 +446347,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)", @@ -447725,7 +446422,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)", @@ -447759,8 +446456,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)", @@ -447797,16 +446494,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)", @@ -447822,100 +446519,100 @@ exports[`shapshots vkIdOkDark 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, vkIdOkDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOk)", + "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 vkIdOkDark 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": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -447928,254 +446625,254 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", - }, + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", + }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -448188,216 +446885,216 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", - "normal": "#EE8208", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -448605,9 +447302,9 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -448651,7 +447348,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -448666,7 +447363,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -448741,7 +447438,7 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -448775,8 +447472,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, @@ -448813,16 +447510,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, @@ -448838,15 +447535,15 @@ exports[`shapshots vkIdOkDark theme should match root theme snapshot 1`] = ` "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkDark", - "themeNameBase": "vkIdOk", + "themeName": "vkIOS", + "themeNameBase": "vkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIOSDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -448871,11 +447568,11 @@ exports[`shapshots vkIdOkIOS 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", @@ -448885,25 +447582,25 @@ exports[`shapshots vkIdOkIOS 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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "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", @@ -448913,11 +447610,11 @@ exports[`shapshots vkIdOkIOS 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", @@ -448927,11 +447624,11 @@ exports[`shapshots vkIdOkIOS 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", @@ -448941,11 +447638,11 @@ exports[`shapshots vkIdOkIOS 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", @@ -448955,25 +447652,25 @@ 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, #FFA814)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", + "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": { "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", @@ -448983,25 +447680,25 @@ exports[`shapshots vkIdOkIOS 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, #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", @@ -449011,39 +447708,39 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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", @@ -449053,11 +447750,11 @@ exports[`shapshots vkIdOkIOS 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", @@ -449067,29 +447764,29 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -449123,137 +447820,137 @@ exports[`shapshots vkIdOkIOS 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #D87402)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E57B04)", + "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, #DB790C)", + "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, #E47D0A)", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #EE8208)", + "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, #D87402)", + "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, #E57B04)", + "value": "var(--vkui--color_background_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #EE8208)", + "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(238, 130, 8, 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(238, 130, 8, 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(238, 130, 8, 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, #E07F14)", + "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, #E98412)", + "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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -449271,101 +447968,101 @@ exports[`shapshots vkIdOkIOS 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", @@ -449375,221 +448072,221 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "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(255, 255, 255, 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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "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, 0, 0, 0.36))", + "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, 0, 0, 0.24))", + "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, 0, 0, 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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #DB790C)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", + "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": { "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #818C99)", + "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", @@ -449599,67 +448296,67 @@ exports[`shapshots vkIdOkIOS 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, #141414)", }, "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, #0A0A0A)", }, "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, #778292)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", @@ -449669,25 +448366,25 @@ exports[`shapshots vkIdOkIOS 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", @@ -449697,127 +448394,127 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -449851,207 +448548,207 @@ exports[`shapshots vkIdOkIOS 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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "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, #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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #BEBFC1)", + "value": "var(--vkui--color_stroke_accent, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", @@ -450061,165 +448758,165 @@ exports[`shapshots vkIdOkIOS 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, #DB790C)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + "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, #DB790C)", + "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, #E47D0A)", + "value": "var(--vkui--color_text_accent_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EE8208)", + "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "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, #64707F)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #697482)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #6D7885)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #6D7885)", + "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, #778292)", + "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, #7C8795)", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "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, #5890D0)", }, "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, #508BCE)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #6D7885)", + "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, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "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, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", @@ -450229,39 +448926,39 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -450271,95 +448968,95 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -450369,82 +449066,82 @@ exports[`shapshots vkIdOkIOS 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "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, #f2f3f5)", + "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, #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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -451382,7 +450079,7 @@ exports[`shapshots vkIdOkIOS 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", @@ -451390,7 +450087,7 @@ exports[`shapshots vkIdOkIOS 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", @@ -452174,15 +450871,15 @@ exports[`shapshots vkIdOkIOS 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, vkIdOkIOS)", + "value": "var(--vkui--theme_name, vkIOSDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOkIOS)", + "value": "var(--vkui--theme_name_base, vkIOS)", }, "themeType": "cssVars", "zIndexModal": { @@ -452196,7 +450893,7 @@ exports[`shapshots vkIdOkIOS theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkIOSDark theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -452204,84 +450901,84 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "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": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -452294,254 +450991,254 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 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": "#E07F14", - "hover": "#E98412", - "normal": "#F38910", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -452554,216 +451251,216 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -452971,9 +451668,9 @@ exports[`shapshots vkIdOkIOS 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, @@ -453203,16 +451900,16 @@ exports[`shapshots vkIdOkIOS theme should match pixelify theme snapshot 1`] = ` "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkIOS", - "themeNameBase": "vkIdOkIOS", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIOSDark", + "themeNameBase": "vkIOS", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOS 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)", @@ -453220,84 +451917,84 @@ exports[`shapshots vkIdOkIOS 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.36, 0.66, 0.04, 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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", + "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, #DB790C)", - "hover": "var(--vkui--color_accent_orange--hover, #E47D0A)", - "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, #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, #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, #6A56D8)", - "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", - "normal": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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, #6F2CB6)", - "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", - "normal": "var(--vkui--color_accent_violet, #792ec0)", + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", }, "colorAvatarOverlay": { "active": "var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68))", @@ -453310,254 +452007,254 @@ exports[`shapshots vkIdOkIOS 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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "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, #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, #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, #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, #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, #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(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(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, #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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_content, #ffffff)", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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)", + "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": { "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)", - "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, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "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, #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, #EBECEF)", - "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_background_negative--hover, #DD4446)", - "normal": "var(--vkui--color_background_negative, #e64646)", + "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, #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, #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, #D5E6DA)", - "hover": "var(--vkui--color_background_positive_tint--hover, #DFF0E1)", - "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", - "normal": "var(--vkui--color_background_secondary, #f5f5f5)", + "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(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(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, #E5E6EA)", - "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", + "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(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(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, #EBE0CA)", - "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_icon--hover, #2483E4)", - "normal": "var(--vkui--color_button_icon, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", - "normal": "var(--vkui--color_button_stroke, #2688eb)", + "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, #237EDD)", - "hover": "var(--vkui--color_button_text--hover, #2483E4)", - "normal": "var(--vkui--color_button_text, #2688eb)", + "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, 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(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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "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, #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, #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, #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, #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, #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, #778292)", - "hover": "var(--vkui--color_icon_medium--hover, #7C8795)", - "normal": "var(--vkui--color_icon_medium, #818c99)", + "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(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(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, #D44245)", - "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", - "normal": "var(--vkui--color_icon_negative, #e64646)", + "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, #282B2F)", - "hover": "var(--vkui--color_icon_primary--hover, #2A2C2F)", - "normal": "var(--vkui--color_icon_primary, #2c2d2e)", + "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, #8D96A4)", - "hover": "var(--vkui--color_icon_secondary--hover, #939CA9)", - "normal": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(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(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, #A9B3C1)", - "hover": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", - "normal": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(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(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, #E4941F)", - "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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, #DFE1E6)", - "hover": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", - "normal": "var(--vkui--color_image_placeholder, #f2f3f5)", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "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(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)", + "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))", @@ -453570,216 +452267,216 @@ exports[`shapshots vkIdOkIOS theme should match pseudo theme from CssVars 1`] = "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #C6C8CD)", - "hover": "var(--vkui--color_separator_primary--hover, #CED0D3)", - "normal": "var(--vkui--color_separator_primary, #d7d8d9)", + "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, #BBBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", - "normal": "var(--vkui--color_separator_primary2x, #cbcccd)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", - "normal": "var(--vkui--color_separator_primary3x, #bebfc1)", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "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(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, #CFD2D8)", - "hover": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", - "normal": "var(--vkui--color_separator_secondary, #e1e3e6)", + "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, #E1E3E6)", - "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", + "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, #CFD2D8)", - "hover": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", - "normal": "var(--vkui--color_skeleton_to, #e1e3e6)", + "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, #AFB1B6)", - "hover": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", - "normal": "var(--vkui--color_stroke_accent, #BEBFC1)", + "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, #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, #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, #D44245)", - "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", - "normal": "var(--vkui--color_stroke_negative, #e64646)", + "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, #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, #DB790C)", - "hover": "var(--vkui--color_text_accent--hover, #E47D0A)", - "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, #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, #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, #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, #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, #64707F)", - "hover": "var(--vkui--color_text_link--hover, #697482)", - "normal": "var(--vkui--color_text_link, #6D7885)", + "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, #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, #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, #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, #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, #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, #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, #282B2F)", - "hover": "var(--vkui--color_text_muted--hover, #2A2C2F)", - "normal": "var(--vkui--color_text_muted, #2c2d2e)", + "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, #D44245)", - "hover": "var(--vkui--color_text_negative--hover, #DD4446)", - "normal": "var(--vkui--color_text_negative, #e64646)", + "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, #000105)", - "hover": "var(--vkui--color_text_primary--hover, #000102)", - "normal": "var(--vkui--color_text_primary, #000000)", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "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, #778292)", - "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", - "normal": "var(--vkui--color_text_secondary, #818c99)", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "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, #9EA2A7)", + "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "normal": "var(--vkui--color_text_subhead, #969a9f)", }, "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, #6A6C6E)", + "hover": "var(--vkui--color_text_tertiary--hover, #636567)", + "normal": "var(--vkui--color_text_tertiary, #5d5f61)", }, "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, #545556)", + "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", + "normal": "var(--vkui--color_track_background, #454647)", }, "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, #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, #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, #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, #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, #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, #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, 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(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, 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": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -453987,9 +452684,9 @@ exports[`shapshots vkIdOkIOS 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)", @@ -454219,16 +452916,16 @@ exports[`shapshots vkIdOkIOS 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, vkIdOkIOS)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", + "themeInheritsFrom": "var(--vkui--theme_inherits_from, vkBaseDark)", + "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 vkIdOkIOS theme should match root theme snapshot 1`] = ` +exports[`shapshots vkIOSDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -454236,84 +452933,84 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "animationEasingDefault": "cubic-bezier(0.3, 0.3, 0.5, 1)", "animationEasingPlatform": "cubic-bezier(0.36, 0.66, 0.04, 1)", "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", + "active": "#1482FF", + "hover": "#0A7CFF", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "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": "#E059EF", - "hover": "#EA5CF7", + "active": "#F56CFF", + "hover": "#F465FF", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -454326,254 +453023,254 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { - "active": "#D87402", - "hover": "#E57B04", - "normal": "#EE8208", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(238, 130, 8, 0.28)", - "hover": "rgba(238, 130, 8, 0.24)", - "normal": "rgba(238, 130, 8, 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": "#E07F14", - "hover": "#E98412", - "normal": "#F38910", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": { "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", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "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.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.36)", - "hover": "rgba(0, 0, 0, 0.24)", - "normal": "rgba(0, 0, 0, 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": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "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": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", + "active": "#3D3E3F", + "hover": "#343536", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 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": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 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": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "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", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -454586,216 +453283,216 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", - }, + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 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": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#BEBFC1", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#DB790C", - "hover": "#E47D0A", - "normal": "#EE8208", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextLink": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818C99", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6D7885", + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", + "active": "#59B959", + "hover": "#52B652", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -455003,9 +453700,9 @@ exports[`shapshots vkIdOkIOS 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, @@ -455235,16 +453932,16 @@ exports[`shapshots vkIdOkIOS theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "themeName": "vkIdOkIOS", - "themeNameBase": "vkIdOkIOS", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIOSDark", + "themeNameBase": "vkIOS", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOk theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -455264,16 +453961,16 @@ 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": { "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", @@ -455283,25 +453980,25 @@ exports[`shapshots vkIdOkIOSDark 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, #237EDD)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, "colorAccentCyan": { "active": { "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "hover": { "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { "name": "--vkui--color_accent_cyan", @@ -455311,11 +454008,11 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentGray": { "active": { "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { "name": "--vkui--color_accent_gray", @@ -455325,11 +454022,11 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentGreen": { "active": { "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_accent_green", @@ -455339,11 +454036,11 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentLime": { "active": { "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "hover": { "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { "name": "--vkui--color_accent_lime", @@ -455353,11 +454050,11 @@ 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, #DB790C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #EF8712)", + "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_accent_orange", @@ -455367,11 +454064,11 @@ exports[`shapshots vkIdOkIOSDark 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", @@ -455381,25 +454078,25 @@ exports[`shapshots vkIdOkIOSDark 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, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", @@ -455409,39 +454106,39 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -455451,11 +454148,11 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -455465,29 +454162,29 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -455521,25 +454218,25 @@ exports[`shapshots vkIdOkIOSDark 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, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #F58C15)", + "value": "var(--vkui--color_background_accent--active, #D87402)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #F38910)", + "value": "var(--vkui--color_background_accent--hover, #E57B04)", }, "normal": { "name": "--vkui--color_background_accent", @@ -455549,53 +454246,53 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "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, #DB790C)", }, "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, #E47D0A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #F38910)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #E57B04)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 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, #F49223)", + "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, #F38E1A)", + "value": "var(--vkui--color_background_accent_tint--hover, #E98412)", }, "normal": { "name": "--vkui--color_background_accent_tint", @@ -455605,53 +454302,53 @@ exports[`shapshots vkIdOkIOSDark 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, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", @@ -455669,101 +454366,101 @@ exports[`shapshots vkIdOkIOSDark 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": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -455773,179 +454470,179 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "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(255, 255, 255, 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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.10))", + "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, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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(255, 255, 255, 0.03))", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #2B2B2C)", + "value": "var(--vkui--color_field_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #222223)", + "value": "var(--vkui--color_field_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #19191A)", + "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.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(255, 255, 255, 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(255, 255, 255, 0.12))", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", + "value": "var(--vkui--color_icon_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #EF8712)", + "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_icon_accent", @@ -455955,39 +454652,39 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "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, #778292)", }, "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, #7C8795)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #818C99)", }, }, "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", - "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, #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", @@ -455997,67 +454694,67 @@ exports[`shapshots vkIdOkIOSDark 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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "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, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "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(241, 247, 255, 0.74))", + "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(241, 247, 255, 0.7000000000000001))", + "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(241, 247, 255, 0.66))", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -456067,25 +454764,25 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "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", @@ -456095,127 +454792,127 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "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(241, 247, 255, 0.51))", + "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(241, 247, 255, 0.47000000000000003))", + "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(241, 247, 255, 0.43))", + "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, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(255, 255, 255, 0.38))", + "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(255, 255, 255, 0.34))", + "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(255, 255, 255, 0.30))", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 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, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "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(0, 28, 61, 0.16))", }, "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(0, 28, 61, 0.12))", }, "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(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -456249,207 +454946,207 @@ exports[`shapshots vkIdOkIOSDark 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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #464748)", + "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, #3E3F40)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #464748)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "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.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #5E6061)", + "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #57595A)", + "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #505253)", + "value": "var(--vkui--color_stroke_accent, #BEBFC1)", }, }, "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, #AFB1B6)", }, "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, #B6B8BC)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", @@ -456459,25 +455156,25 @@ exports[`shapshots vkIdOkIOSDark 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, #EF8C1C)", + "value": "var(--vkui--color_text_accent--active, #DB790C)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #EF8712)", + "value": "var(--vkui--color_text_accent--hover, #E47D0A)", }, "normal": { "name": "--vkui--color_text_accent", @@ -456487,137 +455184,137 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "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, #DB790C)", }, "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, #E47D0A)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", + "value": "var(--vkui--color_text_accent_themed, #EE8208)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #9EA2A7)", + "value": "var(--vkui--color_text_link--active, #64707F)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #9A9EA3)", + "value": "var(--vkui--color_text_link--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #969A9F)", + "value": "var(--vkui--color_text_link, #6D7885)", }, }, "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, #64707F)", }, "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, #697482)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #818385)", + "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, #7B7D7F)", + "value": "var(--vkui--color_text_link_tint--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #76787A)", + "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, #9EA2A7)", + "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, #9A9EA3)", + "value": "var(--vkui--color_text_link_visited--hover, #697482)", }, "normal": { "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #969A9F)", + "value": "var(--vkui--color_text_link_visited, #6D7885)", }, }, "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -456627,39 +455324,39 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "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, #000105)", }, "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, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", @@ -456669,95 +455366,95 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "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", @@ -456767,82 +455464,82 @@ exports[`shapshots vkIdOkIOSDark 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, #3A80D3)", }, "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, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #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, 0, 0, 0.16))", }, "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, 0, 0, 0.12))", }, "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, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -457780,7 +456477,7 @@ exports[`shapshots vkIdOkIOSDark 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(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", @@ -457788,7 +456485,7 @@ exports[`shapshots vkIdOkIOSDark 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(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", @@ -457939,7 +456636,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": { @@ -457989,7 +456686,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": { @@ -458241,7 +456938,7 @@ exports[`shapshots vkIdOkIOSDark 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": { @@ -458355,11 +457052,11 @@ exports[`shapshots vkIdOkIOSDark 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": { @@ -458485,11 +457182,11 @@ exports[`shapshots vkIdOkIOSDark 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": { @@ -458499,11 +457196,11 @@ exports[`shapshots vkIdOkIOSDark 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": { @@ -458513,11 +457210,11 @@ exports[`shapshots vkIdOkIOSDark 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": { @@ -458570,17 +457267,13 @@ exports[`shapshots vkIdOkIOSDark 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, vkBaseDark)", - }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkIdOkIOSDark)", + "value": "var(--vkui--theme_name, vkIdOk)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkIdOkIOS)", + "value": "var(--vkui--theme_name_base, vkIdOk)", }, "themeType": "cssVars", "zIndexModal": { @@ -458594,92 +457287,92 @@ exports[`shapshots vkIdOkIOSDark theme should match cssVars snapshot 1`] = ` } `; -exports[`shapshots vkIdOkIOSDark 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": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#EE8208", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -458692,254 +457385,254 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", + "active": "#D87402", + "hover": "#E57B04", "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#F49223", - "hover": "#F38E1A", + "active": "#E07F14", + "hover": "#E98412", "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -458952,216 +457645,216 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -459369,9 +458062,9 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -459415,7 +458108,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -459430,7 +458123,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "regular": "0.33px", }, "sizeBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeBorderRadiusPaper": { "regular": "12px", @@ -459505,7 +458198,7 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "regular": "8px", }, "sizeCardBorderRadius": { - "regular": "10px", + "regular": "8px", }, "sizeCardgridPadding": { "regular": "8px", @@ -459539,8 +458232,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", @@ -459577,16 +458270,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", @@ -459601,101 +458294,100 @@ exports[`shapshots vkIdOkIOSDark theme should match pixelify theme snapshot 1`] "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIdOkIOSDark", - "themeNameBase": "vkIdOkIOS", + "themeName": "vkIdOk", + "themeNameBase": "vkIdOk", "themeType": "pixelify", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkIdOkIOSDark 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, #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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "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, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "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, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "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, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "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, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "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, #EF8C1C)", - "hover": "var(--vkui--color_accent_orange--hover, #EF8712)", + "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, #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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "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, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "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, #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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "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, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "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, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "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, #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, #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(0, 0, 0, 0.68))", @@ -459708,254 +458400,254 @@ exports[`shapshots vkIdOkIOSDark 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, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #F58C15)", - "hover": "var(--vkui--color_background_accent--hover, #F38910)", + "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, #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, #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, #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, #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(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(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, #F49223)", - "hover": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", + "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, #2B2B2C)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "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, #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, #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, #2E2F30)", - "hover": "var(--vkui--color_background_modal--hover, #252627)", - "normal": "var(--vkui--color_background_modal, #1C1D1E)", + "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, #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, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "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, #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, #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, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "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, #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, #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, #353536)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - "normal": "var(--vkui--color_background_secondary, #232324)", + "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(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(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, #323233)", - "hover": "var(--vkui--color_background_tertiary--hover, #29292A)", - "normal": "var(--vkui--color_background_tertiary, #202021)", + "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(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(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, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "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, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "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, #2B2B2C)", - "hover": "var(--vkui--color_field_background--hover, #222223)", - "normal": "var(--vkui--color_field_background, #19191A)", + "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.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(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, #2B2B2C)", - "hover": "var(--vkui--color_header_background--hover, #222223)", - "normal": "var(--vkui--color_header_background, #19191a)", + "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, #EF8C1C)", - "hover": "var(--vkui--color_icon_accent--hover, #EF8712)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "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, #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, #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, #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, #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(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(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, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "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, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "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, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "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(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(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, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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(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(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, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "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(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, 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, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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(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(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, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "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": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))", @@ -459968,216 +458660,216 @@ exports[`shapshots vkIdOkIOSDark theme should match pseudo theme from CssVars 1` "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "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, #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, #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, #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, #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, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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(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.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, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "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, #5E6061)", - "hover": "var(--vkui--color_stroke_accent--hover, #57595A)", - "normal": "var(--vkui--color_stroke_accent, #505253)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "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": "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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "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, #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, #EF8C1C)", - "hover": "var(--vkui--color_text_accent--hover, #EF8712)", + "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, #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, #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, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "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": "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, #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, #9EA2A7)", - "hover": "var(--vkui--color_text_link--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_link, #969A9F)", + "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, #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, #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, #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, #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, #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, #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, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #141414)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)", + "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, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "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, #64707F)", + "hover": "var(--vkui--color_text_subhead--hover, #697482)", + "normal": "var(--vkui--color_text_subhead, #6d7885)", }, "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, #8D96A4)", + "hover": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "normal": "var(--vkui--color_text_tertiary, #99a2ad)", }, "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, #CFD2D8)", + "hover": "var(--vkui--color_track_background--hover, #D8DBDF)", + "normal": "var(--vkui--color_track_background, #e1e3e6)", }, "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, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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, #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, #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, #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, #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, #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, 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, 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))", + "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))", "fontCaption1": { "regular": { "fontFamily": "var(--vkui--font_caption1--font_family--regular, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", @@ -460385,9 +459077,9 @@ exports[`shapshots vkIdOkIOSDark 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(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(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(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(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.4)", "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", @@ -460431,7 +459123,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)", @@ -460446,7 +459138,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)", @@ -460521,7 +459213,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)", @@ -460555,8 +459247,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)", @@ -460593,16 +459285,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)", @@ -460617,101 +459309,100 @@ exports[`shapshots vkIdOkIOSDark 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, vkIdOkIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", + "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 vkIdOkIOSDark 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": "#1482FF", - "hover": "#0A7CFF", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#EE8208", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -460724,254 +459415,254 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#F58C15", - "hover": "#F38910", + "active": "#D87402", + "hover": "#E57B04", "normal": "#EE8208", }, "colorBackgroundAccentAlternative": { - "active": "#F49223", - "hover": "#F38E1A", - "normal": "#F38910", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#D87402", + "hover": "#E57B04", + "normal": "#EE8208", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#F49223", - "hover": "#F38E1A", + "active": "#E07F14", + "hover": "#E98412", "normal": "#F38910", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191A", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#EE8208", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -460984,216 +459675,216 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#EF8C1C", - "hover": "#EF8712", + "active": "#DB790C", + "hover": "#E47D0A", "normal": "#EE8208", }, "colorTextAccentThemed": { - "active": "#EDEEF1", - "hover": "#ECEEF1", - "normal": "#EBEDF0", + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextLinkTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787A", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "colorTextLinkVisited": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969A9F", + "active": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -461401,9 +460092,9 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "fontWeightBase1": 600, "fontWeightBase2": 500, "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(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(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(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, @@ -461447,7 +460138,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -461462,7 +460153,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "regular": 0.33, }, "sizeBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -461537,7 +460228,7 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "regular": 8, }, "sizeCardBorderRadius": { - "regular": 10, + "regular": 8, }, "sizeCardgridPadding": { "regular": 8, @@ -461571,8 +460262,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, @@ -461609,16 +460300,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, @@ -461633,16 +460324,15 @@ exports[`shapshots vkIdOkIOSDark theme should match root theme snapshot 1`] = ` "spacingSizeS": 6, "spacingSizeXl": 12, "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkIdOkIOSDark", - "themeNameBase": "vkIdOkIOS", + "themeName": "vkIdOk", + "themeNameBase": "vkIdOk", "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` +exports[`shapshots vkIdOkDark theme should match cssVars snapshot 1`] = ` { "animationDurationL": { "name": "--vkui--animation_duration_l", @@ -461667,11 +460357,11 @@ 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, #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", @@ -461681,25 +460371,25 @@ exports[`shapshots vkontakteAndroid 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, #7CB1ED)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "value": "var(--vkui--color_accent_blue, #71aaeb)", }, }, "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", @@ -461709,11 +460399,11 @@ exports[`shapshots vkontakteAndroid 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", @@ -461723,11 +460413,11 @@ exports[`shapshots vkontakteAndroid 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", @@ -461737,11 +460427,11 @@ exports[`shapshots vkontakteAndroid 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", @@ -461751,25 +460441,25 @@ exports[`shapshots vkontakteAndroid 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, #EF8C1C)", }, "hover": { "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", + "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": { "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", @@ -461779,25 +460469,25 @@ exports[`shapshots vkontakteAndroid 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, #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", @@ -461807,39 +460497,39 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, #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, #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", @@ -461849,11 +460539,11 @@ exports[`shapshots vkontakteAndroid 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", @@ -461863,29 +460553,29 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "value": "var(--vkui--color_accent_violet, #a94fff)", }, }, "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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", }, }, "colorAvatarOverlay": { @@ -461919,137 +460609,137 @@ 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, #1E1E1E)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #141414)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #0a0a0a)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", + "value": "var(--vkui--color_background_accent--active, #F58C15)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", + "value": "var(--vkui--color_background_accent--hover, #F38910)", }, "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, #F49223)", }, "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, #F38E1A)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688EB)", + "value": "var(--vkui--color_background_accent_alternative, #F38910)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", + "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(38, 136, 235, 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(38, 136, 235, 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(38, 136, 235, 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, #F49223)", }, "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, #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": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #EBECEF)", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #F5F5F7)", + "value": "var(--vkui--color_background_content--hover, #222223)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #ffffff)", + "value": "var(--vkui--color_background_content, #19191a)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, }, "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", @@ -462067,101 +460757,101 @@ exports[`shapshots vkontakteAndroid 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": { "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, #3D3E3F)", }, "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, #343536)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, }, "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, #2E4962)", }, "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, #25415B)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #1C3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #EBECEF)", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "value": "var(--vkui--color_background_modal--hover, #252627)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #1C1D1E)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", + "value": "var(--vkui--color_background_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", + "value": "var(--vkui--color_background_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", + "value": "var(--vkui--color_background_negative, #ff5c5c)", }, }, "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, #603F3F)", }, "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, #593636)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #522E2E)", }, }, "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", @@ -462171,221 +460861,221 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "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, #3F4D3C)", }, "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, #364633)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "value": "var(--vkui--color_background_secondary--active, #353536)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", + "value": "var(--vkui--color_background_secondary, #232324)", }, }, "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(255, 255, 255, 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(255, 255, 255, 0.12))", }, "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(255, 255, 255, 0.10))", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "value": "var(--vkui--color_background_tertiary--active, #323233)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + "value": "var(--vkui--color_background_tertiary, #202021)", }, }, "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(255, 255, 255, 0.11))", }, "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(255, 255, 255, 0.07))", }, "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(255, 255, 255, 0.03))", }, }, "colorBackgroundWarning": { "active": { "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + "value": "var(--vkui--color_background_warning--active, #564328)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #473315)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", + "value": "var(--vkui--color_button_icon--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", + "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", + "value": "var(--vkui--color_button_icon, #FFFFFF)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", + "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", + "value": "var(--vkui--color_button_stroke, #FFFFFF)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", + "value": "var(--vkui--color_button_text--active, #D7D8DB)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", + "value": "var(--vkui--color_button_text--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", + "value": "var(--vkui--color_button_text, #FFFFFF)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #DFE1E6)", + "value": "var(--vkui--color_field_background--active, #2B2B2C)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #222223)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #19191A)", }, }, "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(255, 255, 255, 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(255, 255, 255, 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(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, #2B2B2C)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #F5F5F7)", + "value": "var(--vkui--color_header_background--hover, #222223)", }, "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, #237EDD)", + "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", + "value": "var(--vkui--color_icon_accent--hover, #EF8712)", }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", + "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", @@ -462395,67 +461085,67 @@ exports[`shapshots vkontakteAndroid 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, #141414)", }, "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, #0A0A0A)", }, "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, #778292)", + "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.48))", + "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, #D44245)", + "value": "var(--vkui--color_icon_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + "value": "var(--vkui--color_icon_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", + "value": "var(--vkui--color_icon_negative, #ff5c5c)", }, }, "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", @@ -462465,25 +461155,25 @@ exports[`shapshots vkontakteAndroid 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, #E3E5E8)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", }, }, "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", @@ -462493,127 +461183,127 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "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(0, 0, 0, 0.44))", + "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(0, 0, 0, 0.4))", + "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(0, 0, 0, 0.36))", + "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, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.24))", + "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, #E4941F)", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "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, 28, 61, 0.16))", + "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, 28, 61, 0.12))", + "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, 28, 61, 0.08))", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", }, }, "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": { @@ -462647,207 +461337,207 @@ 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, #7CB1ED)", }, "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, #77ADEC)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", + "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, #D8DBE2)", + "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, #E2E4E9)", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "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, #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, #C6C8CD)", + "value": "var(--vkui--color_separator_primary--active, #464748)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #363738)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #444546)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "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, 0, 0, 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, 0, 0, 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, 0, 0, 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, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #272728)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #141415)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "value": "var(--vkui--color_skeleton_from--active, #353536)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + "value": "var(--vkui--color_skeleton_from, #232324)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", + "value": "var(--vkui--color_stroke_accent--active, #5E6061)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "value": "var(--vkui--color_stroke_accent--hover, #57595A)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", + "value": "var(--vkui--color_stroke_accent, #505253)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", + "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, #D44245)", + "value": "var(--vkui--color_stroke_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", + "value": "var(--vkui--color_stroke_negative, #ff5c5c)", }, }, "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", @@ -462857,165 +461547,165 @@ exports[`shapshots vkontakteAndroid 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, #237EDD)", + "value": "var(--vkui--color_text_accent--active, #EF8C1C)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", + "value": "var(--vkui--color_text_accent--hover, #EF8712)", }, "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, #EDEEF1)", }, "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, #ECEEF1)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", + "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", }, }, "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, #EBECEF)", + "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, #F5F5F7)", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", }, "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, #2978D3)", + "value": "var(--vkui--color_text_link--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #2B7CD9)", + "value": "var(--vkui--color_text_link--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #2d81e0)", + "value": "var(--vkui--color_text_link, #969A9F)", }, }, "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, #D7D8DB)", }, "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, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #2d81e0)", + "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, #818385)", }, "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, #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, #437DC1)", + "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, #4681C6)", + "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": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #282B2F)", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", }, "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, #D44245)", + "value": "var(--vkui--color_text_negative--active, #FF6969)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", + "value": "var(--vkui--color_text_negative--hover, #FF6363)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", + "value": "var(--vkui--color_text_negative, #ff5c5c)", }, }, "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", @@ -463025,39 +461715,39 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #000105)", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #000102)", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #000000)", + "value": "var(--vkui--color_text_primary, #e1e3e6)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, }, "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", @@ -463067,95 +461757,95 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #818385)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #76787a)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #969a9f)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #545556)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #454647)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", + "value": "var(--vkui--color_track_buffer, #405772)", }, }, "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", @@ -463165,82 +461855,82 @@ 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, #818385)", }, "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, #7B7D7F)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + "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, #DFE1E6)", + "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, #E8EAEE)", + "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, #f2f3f5)", + "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, #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, 0, 0, 0.16))", + "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, 0, 0, 0.12))", + "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, 0, 0, 0.08))", + "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, 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": { @@ -463256,10 +461946,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)", @@ -463278,10 +461964,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)", @@ -463302,10 +461984,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)", @@ -463328,10 +462006,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)", @@ -463356,10 +462030,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)", @@ -463378,10 +462048,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)", @@ -463402,10 +462068,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)", @@ -463428,10 +462090,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)", @@ -463456,10 +462114,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)", @@ -463478,10 +462132,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)", @@ -463502,10 +462152,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)", @@ -463528,10 +462174,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)", @@ -463564,7 +462206,7 @@ exports[`shapshots vkontakteAndroid 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", @@ -463602,7 +462244,7 @@ exports[`shapshots vkontakteAndroid 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", @@ -463620,7 +462262,7 @@ exports[`shapshots vkontakteAndroid 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", @@ -463658,7 +462300,7 @@ exports[`shapshots vkontakteAndroid 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", @@ -463696,7 +462338,7 @@ exports[`shapshots vkontakteAndroid 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", @@ -463714,7 +462356,7 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", @@ -463738,10 +462380,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)", @@ -463760,10 +462398,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)", @@ -463784,10 +462418,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)", @@ -463810,10 +462440,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)", @@ -463838,10 +462464,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)", @@ -463852,10 +462474,6 @@ exports[`shapshots vkontakteAndroid 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)", @@ -463874,10 +462492,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)", @@ -463898,10 +462512,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)", @@ -463912,10 +462522,6 @@ exports[`shapshots vkontakteAndroid 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)", @@ -463934,10 +462540,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)", @@ -464044,10 +462646,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)", @@ -464058,10 +462656,6 @@ exports[`shapshots vkontakteAndroid 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)", @@ -464080,10 +462674,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)", @@ -464104,10 +462694,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)", @@ -464118,10 +462704,6 @@ exports[`shapshots vkontakteAndroid 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)", @@ -464140,10 +462722,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)", @@ -464290,7 +462868,7 @@ exports[`shapshots vkontakteAndroid 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%, var(--vkui--color_background_content, 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", @@ -464298,7 +462876,7 @@ exports[`shapshots vkontakteAndroid 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%, var(--vkui--color_background_tertiary, 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", @@ -465086,6599 +463664,2823 @@ exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 1`] = ` }, "themeName": { "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteAndroid)", + "value": "var(--vkui--theme_name, vkIdOkDark)", }, "themeNameBase": { "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteAndroid)", + "value": "var(--vkui--theme_name_base, vkIdOk)", }, "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))", - }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "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)", - }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "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))", - }, +} +`; + +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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "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)", - }, + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "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)", - }, + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, - "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))", - }, + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, - "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)", - }, + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "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)", - }, + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, - "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)", - }, + "colorAccentOrange": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "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))", - }, + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", }, - "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)", - }, + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, - "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)", - }, + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, - "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)", - }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, - "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)", - }, + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, - "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)", - }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, - "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)", - }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, - "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)", - }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, - "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)", - }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, - "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)", - }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "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)", - }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, - "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))", - }, + "colorBackgroundAccent": { + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, - "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)", - }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundAccentTint": { + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, - "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)", - }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, - "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)", - }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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))", - }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "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)", - }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "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))", - }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", - }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, - "vkontakteColorLoaderTint": { - "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", - }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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))", - }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", - }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", - }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, - "vkontakteColorMusicPlaybackIcon": { - "active": { - "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", - }, - "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)", - }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteColorPanelTabActiveText": { - "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", - }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", - }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", - }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", - }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", - }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", - }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", - }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", - }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", - }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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))", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", - }, + "colorFieldBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", - }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", - }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", - }, + "colorIconAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "vkontakteColorTabbarBackground": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_background--active", - "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, #EFF0F1)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", - }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteColorTabbarInactiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", - }, - "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)", - }, - }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "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, #8A8F95)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", - }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", - }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "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, #B1BAC6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", - }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", - }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "colorIconMediumAlpha": { + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "colorIconSecondaryAlpha": { + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "colorIconTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "colorStrokeAccent": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "colorTextAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "colorTextAccentThemed": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", }, - "vkontakteImAttachTint": { - "active": { - "name": "--vkui--vkontakte_im_attach_tint--active", - "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, #2B7CD9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", - }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_button_foreground", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", - }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "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))", - }, - "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))", - }, - "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))", - }, + "colorTextLink": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, - "vkontakteImBubbleGiftBackground": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", - }, - "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)", - }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", - }, + "colorTextLinkTint": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "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, #EFF0F1)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", - }, + "colorTextLinkVisited": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", - }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "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, #CED0D3)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", - }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", - }, - "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)", - }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", - }, - "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)", - }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, - "vkontakteImReplySeparator": { - "active": { - "name": "--vkui--vkontakte_im_reply_separator--active", - "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, #2B7CD9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", - }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", - }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "vkontakteLandingBackground": { - "active": { - "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #ffffff)", - }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "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))", - }, - "hover": { - "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", - }, - "normal": { - "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", - }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, - "vkontaktePaletteBlack": { - "active": { - "name": "--vkui--vkontakte_palette_black--active", - "value": "var(--vkui--vkontakte_palette_black--active, #000105)", - }, - "hover": { - "name": "--vkui--vkontakte_palette_black--hover", - "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", - }, - "normal": { - "name": "--vkui--vkontakte_palette_black", - "value": "var(--vkui--vkontakte_palette_black, #000000)", - }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "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, #424447)", - }, - "normal": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", - }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, -} -`; - -exports[`shapshots vkontakteAndroid theme should match cssVars snapshot 2`] = ` -{ - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "colorWriteBarIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "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)", + "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #2688eb)", + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13ffd0)", + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #96A0AE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #A1E511)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #aff70d)", + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", }, }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #EB9405)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #F59A02)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "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)", + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_accent_orange_fire", - "value": "var(--vkui--color_accent_orange_fire, #f05c44)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, - "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)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #E059EF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #f45fff)", + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #6A56D8)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #735ce6)", + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", }, }, - "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)", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", }, }, - "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #EB3046)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #F53247)", + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #792ec0)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "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, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, #00000099)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, - "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))", + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #DADBDF)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E4E4E6)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ededed)", + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #2688eb)", + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #2688eb)", + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%", + "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%", + "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", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "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", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "8px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "48px", + "regular": "56px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "12px", + "regular": "14px", + }, + "sizeSwitchPin": { + "compact": "18px", + "regular": "20px", + }, + "sizeSwitchWidth": { + "compact": "32px", + "regular": "34px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkDark", + "themeNameBase": "vkIdOk", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +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.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)", + }, + "colorAccentBlue": { + "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, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + "colorAccentGray": { + "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)", + }, + "colorAccentLime": { + "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, #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)", + "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, #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, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", + }, + "colorAccentPurple": { + "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)", + "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, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + "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))", + }, + "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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "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)", + }, + "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)", + }, "colorBackgroundAccentThemed": { - "active": { - "name": "--vkui--color_background_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #2688eb)", - }, + "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": { - "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_themed_alpha--hover", - "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, #2688eb33)", - }, + "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": { - "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": "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": { - "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, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181C)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191A)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #191919)", - }, + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #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, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", - }, - "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", - }, + "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": { - "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, #ffffff33)", - }, + "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": { - "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": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "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, #D5E5F7)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #deeeff)", - }, + "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": { - "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, #2E2F30)", + "hover": "var(--vkui--color_background_modal--hover, #252627)", + "normal": "var(--vkui--color_background_modal, #1C1D1E)", }, "colorBackgroundModalInverse": { - "active": { - "name": "--vkui--color_background_modal_inverse--active", - "value": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", - }, - "hover": { - "name": "--vkui--color_background_modal_inverse--hover", - "value": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", - }, - "normal": { - "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1d1d1d)", - }, + "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": { - "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #e64646)", - }, + "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": { - "name": "--vkui--color_background_negative_tint--active", - "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, #F5E0E2)", - }, - "normal": { - "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #ffe9e9)", - }, + "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_background_positive_tint--active", - "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, #DFF0E1)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #e8f9e8)", - }, + "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": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #f5f5f5)", - }, + "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": { - "name": "--vkui--color_background_secondary_alpha--active", - "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, 0, 0, 0.08))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, #0000000a)", - }, + "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": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #f9f9f9)", - }, + "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": { - "name": "--vkui--color_background_tertiary_alpha--active", - "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.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, #00000007)", - }, + "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": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #EBE0CA)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #fff2d6)", - }, + "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": { - "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #2688eb)", - }, + "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": { - "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #2688eb)", - }, + "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": { - "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #2688eb)", - }, + "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": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #D8D9DD)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E2E2E4)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #ebebeb)", - }, + "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": { - "name": "--vkui--color_field_border_alpha--active", - "value": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--color_field_border_alpha--hover", - "value": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, #0000001e)", - }, + "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": { - "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, #2B2B2C)", + "hover": "var(--vkui--color_header_background--hover, #222223)", + "normal": "var(--vkui--color_header_background, #19191a)", }, "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #2688eb)", - }, + "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": { - "name": "--vkui--color_icon_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #2688eb)", - }, + "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": { - "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, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, "colorIconContrastSecondary": { - "active": { - "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", - }, + "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": { - "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, #141414)", + "hover": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #7F8084)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #848587)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #8a8a8a)", - }, + "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": { - "name": "--vkui--color_icon_medium_alpha--active", - "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.52))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, #0000007a)", - }, + "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": { - "name": "--vkui--color_icon_negative--active", - "value": "var(--vkui--color_icon_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #e64646)", - }, + "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": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #1E2023)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #202022)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #212121)", - }, + "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": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", - }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #202022)", - }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #212121)", - }, + "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": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #96979B)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #a3a3a3)", - }, + "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": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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.4))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, #0000005b)", - }, + "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": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #c2c2c2)", - }, + "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": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.28))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", - }, + "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": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #E4941F)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #f8a01c)", - }, + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "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, 0, 0, 0.16))", - }, - "hover": { - "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_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, #00000014)", - }, + "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": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #E0E1E4)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f3f3f3)", - }, + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, #2121210f)", - }, + "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": { - "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, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "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.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, #00000066)", - }, + "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))", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, #00000044)", - }, + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #2688eb)", - }, + "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": { - "name": "--vkui--color_search_field_background--active", - "value": "var(--vkui--color_search_field_background--active, #D8D9DD)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #E2E2E4)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebebeb)", - }, + "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": { - "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": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #C7C8CC)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CFD0D2)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d8d8d8)", - }, + "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": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cccccc)", - }, + "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": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bfbfbf)", - }, + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "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, 0, 0, 0.2))", - }, - "hover": { - "name": "--vkui--color_separator_primary_alpha--hover", - "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, #0000001e)", - }, + "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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #D1D2D6)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #DADBDC)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e3e3e3)", - }, + "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": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #f5f5f5)", - }, + "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": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #D8D9DD)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #ebebeb)", - }, + "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": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #2688eb)", - }, + "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": { - "name": "--vkui--color_stroke_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", - }, + "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": { - "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, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, "colorStrokeNegative": { - "active": { - "name": "--vkui--color_stroke_negative--active", - "value": "var(--vkui--color_stroke_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #e64646)", - }, + "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": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, - }, - "colorStrokePrimary": { - "active": { - "name": "--vkui--color_stroke_primary--active", - "value": "var(--vkui--color_stroke_primary--active, #292B2E)", - }, - "hover": { - "name": "--vkui--color_stroke_primary--hover", - "value": "var(--vkui--color_stroke_primary--hover, #2B2C2E)", - }, - "normal": { - "name": "--vkui--color_stroke_primary", - "value": "var(--vkui--color_stroke_primary, #2d2d2d)", - }, + "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": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", - }, - "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", - }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #adadad)", - }, + "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": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #237EDD)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #2483E4)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #2688eb)", - }, + "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": { - "name": "--vkui--color_text_accent_themed--active", - "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, #2483E4)", - }, - "normal": { - "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #2688eb)", - }, + "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": { - "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, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "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, #141414)", + "hover": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #2978D3)", - }, - "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)", - }, + "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": { - "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)", - }, + "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": { - "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": "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": { - "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)", - }, + "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": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #2F3034)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #313233)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #333333)", - }, + "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": { - "name": "--vkui--color_text_negative--active", - "value": "var(--vkui--color_text_negative--active, #D44245)", - }, - "hover": { - "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #DD4446)", - }, - "normal": { - "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #e64646)", - }, + "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": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #45A64A)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #48AC4A)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #1E2023)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #202022)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #212121)", - }, + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", - }, + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #1E2023)", - }, - "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #202022)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #212121)", - }, + "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": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #7C8086)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #828589)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #878a8c)", - }, + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, #2929298c)", - }, + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #6C6D71)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #707173)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #757575)", - }, + "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": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #949599)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #a1a1a1)", - }, + "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": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #D8D9DD)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #E2E2E4)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #ebebeb)", - }, + "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": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #93B1D7)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #a0bfe4)", - }, + "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": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", - }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", - }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, #00000000)", - }, + "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": { - "name": "--vkui--color_write_bar_icon--active", - "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, #3C85D9)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", - }, + "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": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", + "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, #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, 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": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + }, + "fontCaption1Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #f3f3f3)", + }, + "fontCaption2": { + "regular": { + "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)", }, }, - "colorWriteBarInputBorder": { - "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", + "fontCaption2Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + }, + "fontCaption3": { + "regular": { + "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)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #ebebeb)", + }, + "fontCaption3Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "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))", + "fontDisplayTitle1": { + "regular": { + "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)", }, - "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))", + }, + "fontDisplayTitle2": { + "compact": { + "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)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, #00000014)", + "regular": { + "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)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, light)", + "fontDisplayTitle3": { + "regular": { + "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)", + }, }, - "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))", + "fontDisplayTitle4": { + "regular": { + "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)", + }, }, - "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))", + "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, 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)", + }, }, - "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))", + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, }, - "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))", + "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)", + "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)", + }, }, - "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))", + "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, -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)", + }, }, - "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)", - }, - "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)", - }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "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)", - }, - "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)", - }, - "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)", - }, + "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)", }, }, - "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)", - }, + "fontParagraph": { + "regular": { + "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)", + }, + }, + "fontSubhead": { + "compact": { + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", }, "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)", - }, - "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, 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)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "fontText": { + "compact": { + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", }, "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)", - }, - "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)", - }, - "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)", - }, + "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)", }, }, - "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)", - }, - }, + "fontTitle1": { "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)", - }, - "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, 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)", - }, - "textTransform": { - "name": "--vkui--font_caption2_caps--text_transform--regular", - "value": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, - }, + "fontTitle2": { "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)", - }, - "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)", - }, - "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)", - }, + "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)", }, }, - "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)", - }, - }, + "fontTitle3": { "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)", - }, - "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, 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)", - }, - "textTransform": { - "name": "--vkui--font_caption3_caps--text_transform--regular", - "value": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, + "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)", }, }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title1--line_height--regular", - "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", - }, - }, + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "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%)", + "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%)", + "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)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--regular", - "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", - }, - }, + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title3--line_height--regular", - "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", - }, - }, + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, - }, + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "fontFamilyFallbacks": { - "name": "--vkui--font_family_fallbacks", - "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "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)", - }, - }, + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", - }, - "lineHeight": { - "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)", - }, - }, + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--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)", - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "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, -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, 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)", - }, - }, + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--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)", - }, - }, - "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)", - }, - "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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, - }, + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, - }, + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, - "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, -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, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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)", - }, - }, + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, - "fontWeightAccent1": { - "name": "--vkui--font_weight_accent1", - "value": "var(--vkui--font_weight_accent1, 600)", + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, - "fontWeightAccent2": { - "name": "--vkui--font_weight_accent2", - "value": "var(--vkui--font_weight_accent2, 500)", + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, - "fontWeightAccent3": { - "name": "--vkui--font_weight_accent3", - "value": "var(--vkui--font_weight_accent3, 400)", + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, - "fontWeightBase1": { - "name": "--vkui--font_weight_base1", - "value": "var(--vkui--font_weight_base1, 600)", + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "fontWeightBase2": { - "name": "--vkui--font_weight_base2", - "value": "var(--vkui--font_weight_base2, 500)", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, - "fontWeightBase3": { - "name": "--vkui--font_weight_base3", - "value": "var(--vkui--font_weight_base3, 400)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, - "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%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%)", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, - "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%)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, - "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%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%)", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, - "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%)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, - "opacityDisable": { - "name": "--vkui--opacity_disable", - "value": "var(--vkui--opacity_disable, 0.5)", + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, - "opacityDisableAccessibility": { - "name": "--vkui--opacity_disable_accessibility", - "value": "var(--vkui--opacity_disable_accessibility, 0.5)", + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, - "sizeArrow": { - "auto": { - "name": "--vkui--size_arrow", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--regular, 8px)", - }, + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "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)", - }, + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, - "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)", - }, + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, - "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)", - }, + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, + "sizeButtonPaddingHorizontal": { + "regular": "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)", - }, + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "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)", + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "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, 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 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.4, 0, 0.2, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "colorAccentOrange": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBase)", + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteAndroid)", + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteAndroid)", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, - "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))", - }, + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, - "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)", - }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, - "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))", - }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, - "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)", - }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, - "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))", - }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "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)", - }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, - "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)", - }, + "colorBackgroundAccent": { + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, - "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))", - }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundAccentTint": { + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, - "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)", - }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, - "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)", - }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "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)", - }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "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)", - }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, - "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)", - }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, - "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)", - }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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))", - }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "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)", - }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, - "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)", - }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "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)", - }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, - "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)", - }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "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)", - }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, - "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)", - }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, - "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)", - }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, - "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))", - }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, - "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)", - }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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))", - }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", - }, + "colorFieldBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", }, - "vkontakteColorLoaderTint": { - "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", - }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "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))", - }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", - }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", - }, + "colorIconAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "vkontakteColorMusicPlaybackIcon": { - "active": { - "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", - }, - "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)", - }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteColorPanelTabActiveText": { - "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", - }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", - }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", - }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", - }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", - }, + "colorIconMediumAlpha": { + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", - }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", - }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", - }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", - }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "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))", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", - }, + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", - }, + "colorIconSecondaryAlpha": { + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", - }, + "colorIconTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", - }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, - "vkontakteColorTabbarBackground": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_background--active", - "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, #EFF0F1)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", - }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, - "vkontakteColorTabbarInactiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", - }, - "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)", - }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "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, #8A8F95)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", - }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", - }, + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "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, #B1BAC6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", - }, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", - }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "colorStrokeAccent": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "colorTextAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "colorTextAccentThemed": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "colorTextLink": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "colorTextLinkTint": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "colorTextLinkVisited": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, - "vkontakteImAttachTint": { - "active": { - "name": "--vkui--vkontakte_im_attach_tint--active", - "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, #2B7CD9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", - }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_button_foreground", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", - }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, - "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))", - }, - "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))", - }, - "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))", - }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, - "vkontakteImBubbleGiftBackground": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", - }, - "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)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", - }, - }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "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, #EFF0F1)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", - }, - }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", - }, - }, - "vkontakteImBubbleIncomingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "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, #CED0D3)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", - }, - }, - "vkontakteImBubbleOutgoingAlternate": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", - }, - "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)", - }, - }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", - }, - "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)", - }, - }, - "vkontakteImReplySeparator": { - "active": { - "name": "--vkui--vkontakte_im_reply_separator--active", - "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, #2B7CD9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", - }, - }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", - }, - }, - "vkontakteLandingBackground": { - "active": { - "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", - }, - "normal": { - "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #ffffff)", - }, - }, - "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))", - }, - "hover": { - "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", - }, - "normal": { - "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", - }, - }, - "vkontaktePaletteBlack": { - "active": { - "name": "--vkui--vkontakte_palette_black--active", - "value": "var(--vkui--vkontakte_palette_black--active, #000105)", - }, - "hover": { - "name": "--vkui--vkontakte_palette_black--hover", - "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", - }, - "normal": { - "name": "--vkui--vkontakte_palette_black", - "value": "var(--vkui--vkontakte_palette_black, #000000)", - }, - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "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, #424447)", - }, - "normal": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", - }, - }, - "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 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.4, 0, 0.2, 1)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077FF", - }, - "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13FFD0", - }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#AFF70D", - }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", - }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#F9B54F", - }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#F45FFF", - }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", - }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", - }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", - }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorAvatarOverlay": { - "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)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", - }, - "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688EB", - }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorBackgroundAccentThemedAlpha": { - "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", - }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", - }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorBackgroundContrastInverse": { - "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.20)", - }, - "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#DEEEFF", - }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", - }, - "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", - }, - "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#FFE9E9", - }, - "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#E8F9E8", - }, - "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", - }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", - }, - "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", - }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", - }, - "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#FFF2D6", - }, - "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorFieldBorderAlpha": { - "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", - }, - "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", - }, - "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", - }, - "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", - }, - "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", - }, - "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#F8A01C", - }, - "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", - }, - "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", - }, - "colorImagePlaceholderAlpha": { - "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", - }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", - }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", - }, - "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", - }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", - }, - "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", - }, - "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", - }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", - }, - "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", - }, - "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", - }, - "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", - }, - "colorTextMuted": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", - }, - "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorTextPrimary": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", - }, - "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", - }, - "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", - }, - "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", - }, - "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", - }, - "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "active": "rgba(255, 255, 255, 0.88)", + "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": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "fontSize": 12, "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", + "fontSize": 12, "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", + "fontSize": 11, "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "lineHeight": 14, "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "12px", + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", + "fontSize": 9, "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "12px", + "lineHeight": 12, "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, "fontWeight": 600, - "lineHeight": "26px", + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, "fontWeight": 600, - "lineHeight": "22px", + "lineHeight": 22, }, }, - "fontFamilyAccent": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", + "fontSize": 13, "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", + "lineHeight": 16, "textTransform": "uppercase", }, }, "fontHeadline": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontSize": 16, "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontHeadline1": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontSize": 16, "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontHeadline2": { "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "fontSize": 14, + "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", + "fontSize": 15, "fontWeight": 500, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontParagraph": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", + "fontSize": 15, "fontWeight": 400, - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontSubhead": { "compact": { - "fontSize": "13px", - "letterSpacing": "0.15px", - "lineHeight": "16px", + "fontSize": 13, + "lineHeight": 16, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", + "fontSize": 14, "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "18px", + "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "fontSize": 15, + "lineHeight": 20, }, "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", + "fontSize": 16, "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "lineHeight": 20, }, }, "fontTitle1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", + "fontSize": 24, "fontWeight": 600, - "lineHeight": "28px", + "lineHeight": 28, }, }, "fontTitle2": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", + "fontSize": 20, "fontWeight": 600, - "lineHeight": "24px", + "lineHeight": 24, }, }, "fontTitle3": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", + "fontSize": 17, "fontWeight": 600, - "lineHeight": "22px", + "lineHeight": 22, }, }, "fontWeightAccent1": 600, @@ -471687,3524 +466489,4624 @@ exports[`shapshots vkontakteAndroid 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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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, "sizeArrow": { - "regular": "8px", + "regular": 8, }, "sizeArrowPadding": { - "regular": "12px", + "regular": 12, }, "sizeArrowPromo": { - "regular": "40px", + "regular": 40, }, "sizeAvatarL": { - "regular": "96px", + "regular": 96, }, "sizeAvatarM": { - "regular": "48px", + "regular": 48, }, "sizeAvatarS": { - "regular": "32px", + "regular": 32, }, "sizeAvatarXL": { - "regular": "128px", + "regular": 128, }, "sizeAvatarXS": { - "regular": "24px", + "regular": 24, }, "sizeBadgeL": { - "regular": "44px", + "regular": 44, }, "sizeBadgeM": { - "regular": "24px", + "regular": 24, }, "sizeBadgeS": { - "regular": "16px", + "regular": 16, }, "sizeBadgeXL": { - "regular": "56px", + "regular": 56, }, "sizeBadgeXS": { - "regular": "12px", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeBorder1x": { - "regular": "1px", + "regular": 1, }, "sizeBorder2x": { - "regular": "0.5px", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "0.33px", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": 1, }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "80px", + "regular": 80, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPadding": { - "regular": "8px", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": 4, }, "sizeCheckbox": { - "regular": "16px", + "regular": 16, }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeIconUI": { - "regular": "16px", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": 48, + "regular": 56, }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "880px", + "regular": 880, }, "sizePopupMedium": { - "regular": "680px", + "regular": 680, }, "sizePopupSmall": { - "regular": "430px", + "regular": 430, }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "regular": 16, }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": 12, + "regular": 14, }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": 18, + "regular": 20, }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": 32, + "regular": 34, }, "sizeTooltipMargin": { - "regular": "8px", + "regular": 8, }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "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)", - }, - "vkontaktePaletteBlack": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", - }, + "themeName": "vkIdOkDark", + "themeNameBase": "vkIdOk", + "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 2`] = ` +exports[`shapshots vkIdOkIOS theme should match cssVars 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)", + "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.36, 0.66, 0.04, 1))", + }, "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", + }, }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13ffd0", + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#aff70d", + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #EE8208)", + }, }, "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "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": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#f9b54f", + "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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#f45fff", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #735ce6)", + }, }, "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "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": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #EB3046)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #F53247)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #792ec0)", + }, }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", + }, }, "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, }, "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "#ffffffd8", + "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": "#DADBDF", - "hover": "#E4E4E6", - "normal": "#ededed", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #D8DBE2)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #ebedf0)", + }, }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #D87402)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #E57B04)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #EE8208)", + }, }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #EE8208)", + }, }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_background_accent_themed--active", + "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, #E57B04)", + }, + "normal": { + "name": "--vkui--color_background_accent_themed", + "value": "var(--vkui--color_background_accent_themed, #EE8208)", + }, }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "#2688eb33", + "active": { + "name": "--vkui--color_background_accent_themed_alpha--active", + "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(238, 130, 8, 0.24))", + }, + "normal": { + "name": "--vkui--color_background_accent_themed_alpha", + "value": "var(--vkui--color_background_accent_themed_alpha, rgba(238, 130, 8, 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, #E07F14)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #E98412)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #F38910)", + }, }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", + }, }, "colorBackgroundContentInverse": { - "active": "#17181C", - "hover": "#18191A", - "normal": "#191919", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #19191A)", + }, }, "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "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": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #2A2C2F)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "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.20))", + }, }, "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#deeeff", + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #D5E5F7)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + }, }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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": "#1B1C20", - "hover": "#1C1C1E", - "normal": "#1d1d1d", + "active": { + "name": "--vkui--color_background_modal_inverse--active", + "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, #1B1C1F)", + }, + "normal": { + "name": "--vkui--color_background_modal_inverse", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + }, }, "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": { + "name": "--vkui--color_background_negative--active", + "value": "var(--vkui--color_background_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_background_negative--hover", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_background_negative", + "value": "var(--vkui--color_background_negative, #e64646)", + }, }, "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#ffe9e9", + "active": { + "name": "--vkui--color_background_negative_tint--active", + "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, #F5E0E2)", + }, + "normal": { + "name": "--vkui--color_background_negative_tint", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + }, }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#e8f9e8", - }, - "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #DFF0E1)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #f5f5f5)", + }, }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "#0000000a", + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "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, 0, 0, 0.08))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", + }, }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #f9f9f9)", + }, }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "#00000007", + "active": { + "name": "--vkui--color_background_tertiary_alpha--active", + "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.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", + }, }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#fff2d6", + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #FFF2D6)", + }, }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_button_icon--active", + "value": "var(--vkui--color_button_icon--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_icon--hover", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_icon", + "value": "var(--vkui--color_button_icon, #2688eb)", + }, }, "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_button_stroke--active", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_stroke--hover", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_stroke", + "value": "var(--vkui--color_button_stroke, #2688eb)", + }, }, "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_button_text--active", + "value": "var(--vkui--color_button_text--active, #237EDD)", + }, + "hover": { + "name": "--vkui--color_button_text--hover", + "value": "var(--vkui--color_button_text--hover, #2483E4)", + }, + "normal": { + "name": "--vkui--color_button_text", + "value": "var(--vkui--color_button_text, #2688eb)", + }, }, "colorFieldBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "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, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "#0000001e", + "active": { + "name": "--vkui--color_field_border_alpha--active", + "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, 0, 0, 0.24))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #EE8208)", + }, }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_icon_accent_themed--active", + "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, #7C8795)", + }, + "normal": { + "name": "--vkui--color_icon_accent_themed", + "value": "var(--vkui--color_icon_accent_themed, #818C99)", + }, }, "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": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "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": "#7F8084", - "hover": "#848587", - "normal": "#8a8a8a", + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #778292)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #818c99)", + }, }, "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "#0000007a", + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "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.52))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", + }, }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": { + "name": "--vkui--color_icon_negative--active", + "value": "var(--vkui--color_icon_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_icon_negative--hover", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_icon_negative", + "value": "var(--vkui--color_icon_negative, #e64646)", + }, }, "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, }, "colorIconPrimary": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "#96979B", - "hover": "#9C9D9F", - "normal": "#a3a3a3", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #99a2ad)", + }, }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "#0000005b", + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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.4))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", + }, }, "colorIconTertiary": { - "active": "#B2B4B7", - "hover": "#BABBBD", - "normal": "#c2c2c2", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + }, }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "#0000003d", + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.28))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", + }, }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#f8a01c", + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #F8A01C)", + }, }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "#00000014", + "active": { + "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_image_border_alpha--hover", + "value": "var(--vkui--color_image_border_alpha--hover, rgba(0, 0, 0, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_border_alpha", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", + }, }, "colorImagePlaceholder": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + }, }, "colorImagePlaceholderAlpha": { - "active": "rgba(33, 33, 33, 0.14)", - "hover": "rgba(33, 33, 33, 0.1)", - "normal": "#2121210f", + "active": { + "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_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", + }, }, "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.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "#00000066", + "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.40))", + }, }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35000000000000003)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "#00000044", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #2483E4)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #2688eb)", + }, }, "colorSearchFieldBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "active": { + "name": "--vkui--color_search_field_background--active", + "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, #E2E4E9)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #ebedf0)", + }, }, "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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": "#C7C8CC", - "hover": "#CFD0D2", - "normal": "#d8d8d8", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", + }, }, "colorSeparatorPrimary2x": { - "active": "#BCBDC1", - "hover": "#C4C4C6", - "normal": "#cccccc", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + }, }, "colorSeparatorPrimary3x": { - "active": "#B0B1B5", - "hover": "#B7B8BA", - "normal": "#bfbfbf", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + }, }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "#0000001e", + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "#D1D2D6", - "hover": "#DADBDC", - "normal": "#e3e3e3", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + }, }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", + }, }, "colorSkeletonTo": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + }, }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #AFB1B6)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #BEBFC1)", + }, }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_stroke_accent_themed--active", + "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, #B6B8BC)", + }, + "normal": { + "name": "--vkui--color_stroke_accent_themed", + "value": "var(--vkui--color_stroke_accent_themed, #BEBFC1)", + }, }, "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": { + "name": "--vkui--color_stroke_negative--active", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_stroke_negative--hover", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_stroke_negative", + "value": "var(--vkui--color_stroke_negative, #e64646)", + }, }, "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorStrokePrimary": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, }, "colorTabbarTextInactive": { - "active": "#9FA0A4", - "hover": "#A6A7A9", - "normal": "#adadad", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #DB790C)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #EE8208)", + }, }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_text_accent_themed--active", + "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, #E47D0A)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #EE8208)", + }, }, "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": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #64707F)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #697482)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #6D7885)", + }, }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": { + "name": "--vkui--color_text_link_themed--active", + "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, #697482)", + }, + "normal": { + "name": "--vkui--color_text_link_themed", + "value": "var(--vkui--color_text_link_themed, #6D7885)", + }, }, "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "active": { + "name": "--vkui--color_text_link_tint--active", + "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, #7C8795)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #818C99)", + }, }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": { + "name": "--vkui--color_text_link_visited--active", + "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, #697482)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #6D7885)", + }, }, "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "active": { + "name": "--vkui--color_text_negative--active", + "value": "var(--vkui--color_text_negative--active, #D44245)", + }, + "hover": { + "name": "--vkui--color_text_negative--hover", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", + }, + "normal": { + "name": "--vkui--color_text_negative", + "value": "var(--vkui--color_text_negative, #e64646)", + }, }, "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #45A64A)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, }, "colorTextPrimary": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #000105)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #000102)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #000000)", + }, }, "colorTextPrimaryAlpha": { - "active": "rgba(43, 43, 43, 0.92)", - "hover": "rgba(43, 43, 43, 0.88)", - "normal": "#2b2b2bd6", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + }, }, "colorTextPrimaryInvariably": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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)", + }, }, "colorTextSecondary": { - "active": "#7C8086", - "hover": "#828589", - "normal": "#878a8c", + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #778292)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #818c99)", + }, }, "colorTextSecondaryAlpha": { - "active": "rgba(41, 41, 41, 0.63)", - "hover": "rgba(41, 41, 41, 0.59)", - "normal": "#2929298c", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + }, }, "colorTextSubhead": { - "active": "#6C6D71", - "hover": "#707173", - "normal": "#757575", + "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)", + }, }, "colorTextTertiary": { - "active": "#949599", - "hover": "#9B9B9D", - "normal": "#a1a1a1", + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", + }, }, "colorTrackBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "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)", + }, }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", + }, }, "colorTransparent": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "#00000000", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "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, #3C85D9)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #3f8ae0)", + }, }, "colorWriteBarInputBackground": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "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, #E8EAEE)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)", + }, }, "colorWriteBarInputBorder": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "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, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "#00000014", + "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))", + }, + "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))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", + }, + }, + "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))", }, - "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)", "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "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)", + }, + "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, 14px)", + }, }, }, "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "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)", + }, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "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)", + }, + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", + }, + "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, 600)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "12px", + "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)", + }, + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "12px", - "textTransform": "uppercase", + "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)", + }, + "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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", + }, + "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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, }, "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "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)", + }, + "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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "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--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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, }, }, - "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": { + "name": "--vkui--font_family_accent", + "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", + "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)", + }, + "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, 16px)", + }, }, }, "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", - "textTransform": "uppercase", + "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)", + }, + "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)", + }, + "lineHeight": { + "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)", + }, }, }, "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", - "letterSpacing": "0.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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "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", - "letterSpacing": "0.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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "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)", + }, + "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", - "letterSpacing": "0.15px", - "lineHeight": "16px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "18px", + "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)", + }, + "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", - "letterSpacing": "0.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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, }, }, "fontTitle2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", + }, }, - }, - "fontTitle3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", - }, - }, - "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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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.5, - "opacityDisableAccessibility": 0.5, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "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, 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": { - "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)", + }, }, "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)", + }, }, "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)", + }, }, "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, 12px)", + }, }, "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, 10px)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "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": { - "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": "8px", + "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": { - "regular": "8px", + "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": { - "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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, 52px)", + }, + "regular": { + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 52px)", + }, }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "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": { - "compact": "16px", - "regular": "24px", + "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": { - "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)", + }, }, "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)", + }, }, "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": "7px", - "regular": "6px", + "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": { - "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, 27px)", + }, + "regular": { + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 31px)", + }, }, "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, 23px)", + }, + "regular": { + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 27px)", + }, }, "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, 47px)", + }, + "regular": { + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 51px)", + }, }, "sizeTooltipMargin": { - "regular": "8px", - }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBase", - "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)", + "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)", + }, }, - "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "vkontakteColorAccentAlternate": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "vkontakteColorBackgroundSuggestions": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "vkontakteColorContentTintForeground": { - "active": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBase)", }, - "vkontakteColorControlBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkIdOkIOS)", }, - "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkIdOkIOS)", }, - "vkontakteColorControlTintMuted": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", +} +`; + +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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077FF", }, - "vkontakteColorHeaderTabActiveIndicator": { + "colorAccentBlue": { "active": "#237EDD", "hover": "#2483E4", "normal": "#2688eb", }, - "vkontakteColorIconName": { - "active": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, - "vkontakteColorIconOutlineMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, - "vkontakteColorIconOutlineSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#AFF70D", }, - "vkontakteColorImBubbleGiftText": { - "active": "#7A6A4E", - "hover": "#806E4F", - "normal": "#857250", + "colorAccentOrange": { + "active": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#9D8D6D", - "hover": "#A4936F", - "normal": "#AB9871", + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", }, - "vkontakteColorImBubbleIncoming": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#F9B54F", }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#D4D8EF", - "hover": "#DDE0F7", - "normal": "#E6E9FF", + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, - "vkontakteColorImBubbleOutgoing": { - "active": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#CCE4FF", + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, - "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "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)", - }, - "vkontaktePaletteBlack": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", - }, - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -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.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, #237EDD)", - "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", - "normal": "var(--vkui--color_accent_blue, #2688eb)", - }, - "colorAccentCyan": { - "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, #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)", - }, - "colorAccentLime": { - "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)", - }, - "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, #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)", - }, - "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, #EB3046)", - "hover": "var(--vkui--color_accent_red--hover, #F53247)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "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": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "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": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "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, #D8DBE2)", - "hover": "var(--vkui--color_background--hover, #E2E4E9)", - "normal": "var(--vkui--color_background, #ebedf0)", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#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": "#D87402", + "hover": "#E57B04", + "normal": "#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": "#DB790C", + "hover": "#E47D0A", + "normal": "#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": "#D87402", + "hover": "#E57B04", + "normal": "#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": "rgba(238, 130, 8, 0.28)", + "hover": "rgba(238, 130, 8, 0.24)", + "normal": "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": "#E07F14", + "hover": "#E98412", + "normal": "#F38910", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "#17181D", + "hover": "#18191B", + "normal": "#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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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.20))", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#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)", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#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": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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)", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "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": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "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": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "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": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#DB790C", + "hover": "#E47D0A", + "normal": "#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": "#778292", + "hover": "#7C8795", + "normal": "#818C99", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#DFE1E6", + "hover": "#E8EAEE", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "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": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "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": "#D44245", + "hover": "#DD4446", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "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": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "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": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "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": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "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": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "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": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "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.40))", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#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": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#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)", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#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)", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#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": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#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": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#BEBFC1", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#D44245", + "hover": "#DD4446", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#8D96A4", + "hover": "#939CA9", + "normal": "#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": "#DB790C", + "hover": "#E47D0A", + "normal": "#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": "#DB790C", + "hover": "#E47D0A", + "normal": "#EE8208", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#64707F", + "hover": "#697482", + "normal": "#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": "#64707F", + "hover": "#697482", + "normal": "#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": "#778292", + "hover": "#7C8795", + "normal": "#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": "#64707F", + "hover": "#697482", + "normal": "#6D7885", }, "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": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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": "#D44245", + "hover": "#DD4446", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "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": "#000105", + "hover": "#000102", + "normal": "#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)", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "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": "#64707F", + "hover": "#697482", + "normal": "#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)", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#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": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "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": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#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": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#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)", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#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": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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": "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)", "fontCaption1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "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)", - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "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": "15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "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": "15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "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": "13px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "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": "15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontTitle3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "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, 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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "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": "var(--vkui--size_arrow--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", }, "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", }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": "12px", }, "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": "10px", }, "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", }, "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", }, "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", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "regular": "12px", }, "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, 8px)", + "regular": "10px", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "regular": "8px", }, "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", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "regular": "16px", }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": "16px", }, "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": "52px", + "regular": "52px", }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": "880px", }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": "680px", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "430px", }, "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, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "compact": "7px", + "regular": "6px", }, "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": "27px", + "regular": "31px", }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "compact": "23px", + "regular": "27px", }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "compact": "47px", + "regular": "51px", }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "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, vkBase)", - "themeName": "var(--vkui--theme_name, vkontakteAndroid)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBase", + "themeName": "vkIdOkIOS", + "themeNameBase": "vkIdOkIOS", "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", - "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))", - }, - "vkontaktePaletteBlack": { - "active": "var(--vkui--vkontakte_palette_black--active, #000105)", - "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", - "normal": "var(--vkui--vkontakte_palette_black, #000000)", - }, - "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)", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars 2`] = ` +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)", - "normal": "var(--vkui--color_accent_azure, #0077ff)", + "normal": "var(--vkui--color_accent_azure, #0077FF)", }, "colorAccentBlue": { "active": "var(--vkui--color_accent_blue--active, #237EDD)", @@ -475214,7 +471116,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "normal": "var(--vkui--color_accent_cyan, #13ffd0)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", }, "colorAccentGray": { "active": "var(--vkui--color_accent_gray--active, #96A0AE)", @@ -475229,12 +471131,12 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "colorAccentLime": { "active": "var(--vkui--color_accent_lime--active, #A1E511)", "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - "normal": "var(--vkui--color_accent_lime, #aff70d)", + "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)", @@ -475244,12 +471146,12 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", + "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)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", @@ -475284,42 +471186,42 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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, #00000099)", + "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))", "hover": "var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89))", - "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #DADBDF)", - "hover": "var(--vkui--color_background--hover, #E4E4E6)", - "normal": "var(--vkui--color_background, #ededed)", + "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, #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, #2688eb33)", + "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)", @@ -475327,9 +471229,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181C)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", - "normal": "var(--vkui--color_background_content_inverse, #191919)", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", @@ -475337,34 +471239,34 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_background_contrast, #ffffff)", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", - "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "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, #ffffff33)", + "normal": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, "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)", + "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)", + "normal": "var(--vkui--color_background_info_tint, #DEEEFF)", }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #ffffff)", + "normal": "var(--vkui--color_background_modal, #FFFFFF)", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", - "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + "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)", @@ -475374,7 +471276,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", + "normal": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", @@ -475384,7 +471286,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", + "normal": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, "colorBackgroundSecondary": { "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", @@ -475394,7 +471296,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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, #0000000a)", + "normal": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", @@ -475404,12 +471306,12 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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, #00000007)", + "normal": "var(--vkui--color_background_tertiary_alpha, rgba(0, 0, 0, 0.03))", }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #EBE0CA)", "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #fff2d6)", + "normal": "var(--vkui--color_background_warning, #FFF2D6)", }, "colorButtonIcon": { "active": "var(--vkui--color_button_icon--active, #237EDD)", @@ -475427,14 +471329,14 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_button_text, #2688eb)", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #D8D9DD)", - "hover": "var(--vkui--color_field_background--hover, #E2E2E4)", - "normal": "var(--vkui--color_field_background, #ebebeb)", + "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.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, #0000001e)", + "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)", @@ -475442,14 +471344,14 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", @@ -475457,9 +471359,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_contrast, #ffffff)", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", - "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + "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)", @@ -475467,14 +471369,14 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #7F8084)", - "hover": "var(--vkui--color_icon_medium--hover, #848587)", - "normal": "var(--vkui--color_icon_medium, #8a8a8a)", + "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))", "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(0, 0, 0, 0.52))", - "normal": "var(--vkui--color_icon_medium_alpha, #0000007a)", + "normal": "var(--vkui--color_icon_medium_alpha, rgba(0, 0, 0, 0.48))", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", @@ -475487,54 +471389,54 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #1E2023)", - "hover": "var(--vkui--color_icon_primary--hover, #202022)", - "normal": "var(--vkui--color_icon_primary, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #202022)", - "normal": "var(--vkui--color_icon_primary_invariably, #212121)", + "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, #96979B)", - "hover": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", - "normal": "var(--vkui--color_icon_secondary, #a3a3a3)", + "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.44))", "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.4))", - "normal": "var(--vkui--color_icon_secondary_alpha, #0000005b)", + "normal": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.36))", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", - "hover": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", - "normal": "var(--vkui--color_icon_tertiary, #c2c2c2)", + "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))", "hover": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(0, 0, 0, 0.28))", - "normal": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", + "normal": "var(--vkui--color_icon_tertiary_alpha, rgba(0, 0, 0, 0.24))", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #E4941F)", "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #f8a01c)", + "normal": "var(--vkui--color_icon_warning, #F8A01C)", }, "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, #00000014)", + "normal": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #E0E1E4)", - "hover": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", - "normal": "var(--vkui--color_image_placeholder, #f3f3f3)", + "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(33, 33, 33, 0.14))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", - "normal": "var(--vkui--color_image_placeholder_alpha, #2121210f)", + "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)", @@ -475544,12 +471446,12 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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, #00000066)", + "normal": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, #00000044)", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -475557,9 +471459,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_panel_header_icon, #2688eb)", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D8D9DD)", - "hover": "var(--vkui--color_search_field_background--hover, #E2E2E4)", - "normal": "var(--vkui--color_search_field_background, #ebebeb)", + "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)", @@ -475567,29 +471469,29 @@ 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, #C7C8CC)", - "hover": "var(--vkui--color_separator_primary--hover, #CFD0D2)", - "normal": "var(--vkui--color_separator_primary, #d8d8d8)", + "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, #BCBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", - "normal": "var(--vkui--color_separator_primary2x, #cccccc)", + "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, #B0B1B5)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", - "normal": "var(--vkui--color_separator_primary3x, #bfbfbf)", + "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, 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, #0000001e)", + "normal": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D1D2D6)", - "hover": "var(--vkui--color_separator_secondary--hover, #DADBDC)", - "normal": "var(--vkui--color_separator_secondary, #e3e3e3)", + "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)", @@ -475597,19 +471499,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #D8D9DD)", - "hover": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", - "normal": "var(--vkui--color_skeleton_to, #ebebeb)", + "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, #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)", @@ -475626,25 +471528,20 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, - "colorStrokePrimary": { - "active": "var(--vkui--color_stroke_primary--active, #292B2E)", - "hover": "var(--vkui--color_stroke_primary--hover, #2B2C2E)", - "normal": "var(--vkui--color_stroke_primary, #2d2d2d)", - }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #adadad)", + "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, #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)", @@ -475657,29 +471554,29 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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, #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)", @@ -475692,44 +471589,44 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_text_positive, #4bb34b)", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #1E2023)", - "hover": "var(--vkui--color_text_primary--hover, #202022)", - "normal": "var(--vkui--color_text_primary, #212121)", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #1E2023)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #202022)", - "normal": "var(--vkui--color_text_primary_invariably, #212121)", + "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, #7C8086)", - "hover": "var(--vkui--color_text_secondary--hover, #828589)", - "normal": "var(--vkui--color_text_secondary, #878a8c)", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, #2929298c)", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6C6D71)", - "hover": "var(--vkui--color_text_subhead--hover, #707173)", - "normal": "var(--vkui--color_text_subhead, #757575)", + "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, #949599)", - "hover": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", - "normal": "var(--vkui--color_text_tertiary, #a1a1a1)", + "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, #D8D9DD)", - "hover": "var(--vkui--color_track_background--hover, #E2E2E4)", - "normal": "var(--vkui--color_track_background, #ebebeb)", + "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, #93B1D7)", @@ -475737,9 +471634,9 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--color_transparent, #00000000)", + "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, #3A80D3)", @@ -475747,19 +471644,19 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "normal": "var(--vkui--color_write_bar_icon, #3f8ae0)", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", - "normal": "var(--vkui--color_write_bar_input_background, #f3f3f3)", + "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, #D8D9DD)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", - "normal": "var(--vkui--color_write_bar_input_border, #ebebeb)", + "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))", "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, #00000014)", + "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 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))", @@ -475772,7 +471669,6 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, }, @@ -475781,7 +471677,6 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, @@ -475791,7 +471686,6 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, }, @@ -475800,7 +471694,6 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, @@ -475810,7 +471703,6 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, }, @@ -475819,14 +471711,13 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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, "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)", @@ -475834,13 +471725,13 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, "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)", @@ -475848,7 +471739,7 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, "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)", @@ -475856,13 +471747,13 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars }, "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)", + "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": { @@ -475870,7 +471761,6 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, }, @@ -475879,7 +471769,6 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, @@ -475887,28 +471776,24 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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)", }, }, @@ -475935,28 +471820,24 @@ 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)", }, "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)", }, }, @@ -475990,12 +471871,12 @@ exports[`shapshots vkontakteAndroid theme should match pseudo theme from CssVars "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%, var(--vkui--color_background_content, rgba(255, 255, 255, 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(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%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 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.5)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.5)", + "opacityDisable": "var(--vkui--opacity_disable, 0.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { "regular": "var(--vkui--size_arrow--regular, 8px)", }, @@ -476036,7 +471917,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)", @@ -476051,7 +471932,7 @@ exports[`shapshots vkontakteAndroid 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)", @@ -476126,7 +472007,7 @@ exports[`shapshots vkontakteAndroid 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)", @@ -476160,8 +472041,8 @@ exports[`shapshots vkontakteAndroid 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)", @@ -476198,16 +472079,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, 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)", @@ -476223,420 +472104,21 @@ exports[`shapshots vkontakteAndroid 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, vkontakteAndroid)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", + "themeName": "var(--vkui--theme_name, vkIdOkIOS)", + "themeNameBase": "var(--vkui--theme_name_base, vkIdOkIOS)", "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, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", - "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))", - }, - "vkontaktePaletteBlack": { - "active": "var(--vkui--vkontakte_palette_black--active, #000105)", - "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", - "normal": "var(--vkui--vkontakte_palette_black, #000000)", - }, - "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 vkontakteAndroid 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", @@ -476668,9 +472150,9 @@ exports[`shapshots vkontakteAndroid 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", @@ -476733,29 +472215,29 @@ exports[`shapshots vkontakteAndroid 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", @@ -476863,9 +472345,9 @@ exports[`shapshots vkontakteAndroid 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)", @@ -476878,14 +472360,14 @@ exports[`shapshots vkontakteAndroid 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", @@ -477038,14 +472520,14 @@ exports[`shapshots vkontakteAndroid 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", @@ -477068,14 +472550,14 @@ exports[`shapshots vkontakteAndroid 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", @@ -477088,24 +472570,24 @@ exports[`shapshots vkontakteAndroid 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", @@ -477203,7 +472685,6 @@ exports[`shapshots vkontakteAndroid 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, }, }, @@ -477212,7 +472693,6 @@ exports[`shapshots vkontakteAndroid 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", }, @@ -477222,7 +472702,6 @@ exports[`shapshots vkontakteAndroid 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, }, }, @@ -477231,7 +472710,6 @@ exports[`shapshots vkontakteAndroid 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", }, @@ -477241,7 +472719,6 @@ exports[`shapshots vkontakteAndroid 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, }, }, @@ -477250,14 +472727,13 @@ exports[`shapshots vkontakteAndroid 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": ""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, @@ -477265,13 +472741,13 @@ exports[`shapshots vkontakteAndroid 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, @@ -477279,7 +472755,7 @@ exports[`shapshots vkontakteAndroid 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, @@ -477287,13 +472763,13 @@ exports[`shapshots vkontakteAndroid 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", + "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": { @@ -477301,7 +472777,6 @@ exports[`shapshots vkontakteAndroid 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, }, }, @@ -477310,7 +472785,6 @@ exports[`shapshots vkontakteAndroid 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", }, @@ -477318,28 +472792,24 @@ exports[`shapshots vkontakteAndroid 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, }, }, @@ -477366,28 +472836,24 @@ exports[`shapshots vkontakteAndroid 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, }, }, @@ -477421,9 +472887,9 @@ exports[`shapshots vkontakteAndroid 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%, var(--vkui--color_background_content, rgba(255, 255, 255, 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(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%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 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.4, "opacityDisableAccessibility": 0.64, @@ -477467,7 +472933,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "regular": 12, }, "sizeBasePaddingVertical": { "regular": 12, @@ -477482,7 +472948,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "regular": 0.33, }, "sizeBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeBorderRadiusPaper": { "regular": 12, @@ -477557,7 +473023,7 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "regular": 8, }, "sizeCardBorderRadius": { - "regular": 8, + "regular": 10, }, "sizeCardgridPadding": { "regular": 8, @@ -477591,8 +473057,8 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "regular": 32, }, "sizePanelHeaderHeight": { - "compact": 48, - "regular": 56, + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { "compact": 20, @@ -477629,16 +473095,16 @@ exports[`shapshots vkontakteAndroid 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, @@ -477654,6667 +473120,6610 @@ exports[`shapshots vkontakteAndroid theme should match root theme snapshot 1`] = "spacingSizeXl": 12, "spacingSizeXs": 4, "themeInheritsFrom": "vkBase", - "themeName": "vkontakteAndroid", - "themeNameBase": "vkontakteAndroid", + "themeName": "vkIdOkIOS", + "themeNameBase": "vkIdOkIOS", "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "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)", - }, - "vkontaktePaletteBlack": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", - }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroid theme should match root theme snapshot 2`] = ` +exports[`shapshots vkIdOkIOSDark theme should match cssVars 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)", + "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.36, 0.66, 0.04, 1))", + }, "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, }, "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13ffd0", + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, }, "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, }, "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, }, "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#aff70d", + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, }, "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EF8C1C)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #EF8712)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #EE8208)", + }, }, "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": "#E059EF", - "hover": "#EA5CF7", - "normal": "#f45fff", + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, }, "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, }, "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": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, }, "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, }, "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, }, "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, }, "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, }, "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "#ffffffd8", + "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": "#DADBDF", - "hover": "#E4E4E6", - "normal": "#ededed", + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, }, "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #F58C15)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #F38910)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #EE8208)", + }, }, "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #F38E1A)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #F38910)", + }, }, "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "#2688eb33", + "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, #F49223)", + }, + "hover": { + "name": "--vkui--color_background_accent_tint--hover", + "value": "var(--vkui--color_background_accent_tint--hover, #F38E1A)", + }, + "normal": { + "name": "--vkui--color_background_accent_tint", + "value": "var(--vkui--color_background_accent_tint, #F38910)", + }, }, "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, }, "colorBackgroundContentInverse": { - "active": "#17181C", - "hover": "#18191A", - "normal": "#191919", + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, }, "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": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + }, }, "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "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, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, }, "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#deeeff", + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", + }, }, "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #252627)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", + }, }, "colorBackgroundModalInverse": { - "active": "#1B1C20", - "hover": "#1C1C1E", - "normal": "#1d1d1d", + "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#ffe9e9", + "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)", + }, }, "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, }, "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#e8f9e8", + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, }, "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "#0000000a", + "active": { + "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_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, }, "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "#00000007", + "active": { + "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_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, }, "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#fff2d6", + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", + }, }, "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #19191A)", + }, }, "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "#0000001e", + "active": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))", + }, }, "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, }, "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #EF8C1C)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #EF8712)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #EE8208)", + }, }, "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "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, #141414)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_themed--hover", + "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, }, "colorIconMedium": { - "active": "#7F8084", - "hover": "#848587", - "normal": "#8a8a8a", + "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(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "#0000007a", + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "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(241, 247, 255, 0.7000000000000001))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))", + }, }, "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, }, "colorIconPrimary": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", + }, }, "colorIconPrimaryInvariably": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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": "#96979B", - "hover": "#9C9D9F", - "normal": "#a3a3a3", + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #76787a)", + }, }, "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "#0000005b", + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "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(241, 247, 255, 0.47000000000000003))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", + }, }, "colorIconTertiary": { - "active": "#B2B4B7", - "hover": "#BABBBD", - "normal": "#c2c2c2", + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + }, }, "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "#0000003d", + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.34))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.30))", + }, }, "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#f8a01c", + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #EDB055)", + }, }, "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "#00000014", + "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": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + }, }, "colorImagePlaceholderAlpha": { - "active": "rgba(33, 33, 33, 0.14)", - "hover": "rgba(33, 33, 33, 0.1)", - "normal": "#2121210f", + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "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(241, 247, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", + }, }, "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": "#00000066", + "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.40))", + }, }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35000000000000003)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "#00000044", + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, }, "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, }, "colorSearchFieldBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "active": { + "name": "--vkui--color_search_field_background--active", + "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, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", + }, }, "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": "#C7C8CC", - "hover": "#CFD0D2", - "normal": "#d8d8d8", + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #464748)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, }, "colorSeparatorPrimary2x": { - "active": "#BCBDC1", - "hover": "#C4C4C6", - "normal": "#cccccc", + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, }, "colorSeparatorPrimary3x": { - "active": "#B0B1B5", - "hover": "#B7B8BA", - "normal": "#bfbfbf", + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #505253)", + }, }, "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "#0000001e", + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 0.12))", + }, }, "colorSeparatorSecondary": { - "active": "#D1D2D6", - "hover": "#DADBDC", - "normal": "#e3e3e3", + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272728)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, }, "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #353536)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, }, "colorSkeletonTo": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, }, "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #5E6061)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #505253)", + }, }, "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorStrokePrimary": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, }, "colorTabbarTextInactive": { - "active": "#9FA0A4", - "hover": "#A6A7A9", - "normal": "#adadad", + "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": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #EF8C1C)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #EF8712)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #EE8208)", + }, }, "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "active": { + "name": "--vkui--color_text_accent_themed--active", + "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, #ECEEF1)", + }, + "normal": { + "name": "--vkui--color_text_accent_themed", + "value": "var(--vkui--color_text_accent_themed, #EBEDF0)", + }, }, "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", + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, }, "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #9EA2A7)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #9A9EA3)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #969A9F)", + }, }, "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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, #818385)", + }, + "hover": { + "name": "--vkui--color_text_link_tint--hover", + "value": "var(--vkui--color_text_link_tint--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_text_link_tint", + "value": "var(--vkui--color_text_link_tint, #76787A)", + }, }, "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "active": { + "name": "--vkui--color_text_link_visited--active", + "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, #9A9EA3)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #969A9F)", + }, }, "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", + }, }, "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, }, "colorTextPrimary": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e1e3e6)", + }, }, "colorTextPrimaryAlpha": { - "active": "rgba(43, 43, 43, 0.92)", - "hover": "rgba(43, 43, 43, 0.88)", - "normal": "#2b2b2bd6", + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, }, "colorTextPrimaryInvariably": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, }, "colorTextSecondary": { - "active": "#7C8086", - "hover": "#828589", - "normal": "#878a8c", + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #76787a)", + }, }, "colorTextSecondaryAlpha": { - "active": "rgba(41, 41, 41, 0.63)", - "hover": "rgba(41, 41, 41, 0.59)", - "normal": "#2929298c", + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, }, "colorTextSubhead": { - "active": "#6C6D71", - "hover": "#707173", - "normal": "#757575", + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #969a9f)", + }, }, "colorTextTertiary": { - "active": "#949599", - "hover": "#9B9B9D", - "normal": "#a1a1a1", + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", + }, }, "colorTrackBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #545556)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", + }, }, "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, }, "colorTransparent": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "#00000000", + "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": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "active": { + "name": "--vkui--color_write_bar_icon--active", + "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, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #76787a)", + }, }, "colorWriteBarInputBackground": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", + }, }, "colorWriteBarInputBorder": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "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, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "#00000014", + "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 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 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 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 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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", }, - "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)", "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 14, + "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)", + }, + "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, 14px)", + }, }, }, "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": 14, - "textTransform": "uppercase", + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "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)", + }, }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 14, + "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)", + }, + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": 14, - "textTransform": "uppercase", + "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)", + }, + "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, 600)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 12, + "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)", + }, + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": 12, - "textTransform": "uppercase", + "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)", + }, + "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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, + "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)", + }, + "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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "value": "var(--vkui--font_display_title2--line_height--compact, 24px)", + }, }, "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, + "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)", + }, + "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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, + "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--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, 600)", + }, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, }, }, - "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": { + "name": "--vkui--font_family_accent", + "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": 16, + "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)", + }, + "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, 16px)", + }, }, }, "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": 16, - "textTransform": "uppercase", + "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)", + }, + "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)", + }, + "lineHeight": { + "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)", + }, }, }, "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": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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)", + }, + "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": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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)", + }, + "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": 14, - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "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)", + }, + "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": 13, - "letterSpacing": "0.15px", - "lineHeight": 16, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": 18, + "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)", + }, + "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": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, + "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)", + }, + "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, 600)", + }, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, }, }, "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "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)", + }, }, - }, - "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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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.5, - "opacityDisableAccessibility": 0.5, + "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)", + }, + "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, 600)", + }, + "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, 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(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", + "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(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", + "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": { - "regular": 8, + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, }, "sizeArrowPadding": { - "regular": 12, + "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": 40, + "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)", + }, }, "sizeAvatarL": { - "regular": 96, + "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": 48, + "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": 32, + "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": 128, + "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": 24, + "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": 44, + "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": 24, + "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": 16, + "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": 56, + "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": 12, + "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)", + }, }, "sizeBasePaddingHorizontal": { - "regular": 16, + "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, 12px)", + }, }, "sizeBasePaddingVertical": { - "regular": 12, + "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": 1, + "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.5, + "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.33, + "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": 8, + "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, 10px)", + }, }, "sizeBorderRadiusPaper": { - "regular": 12, + "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": 20, + "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": 48, + "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)", + }, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "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": 16, + "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": 16, + "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": 12, + "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": 16, + "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": 12, + "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": 12, + "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": 8, + "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": 1, + "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": { - "compact": 36, - "regular": 44, + "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": 32, - "regular": 36, + "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": 80, + "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": { - "regular": 12, + "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": { - "compact": 28, - "regular": 30, + "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": 16, + "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": 12, + "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": 12, + "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": 8, + "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": 12, + "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": 8, + "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": 8, + "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": { - "regular": 8, + "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": { - "regular": 8, + "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": 4, + "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": 16, + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "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": { - "regular": 12, + "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": { - "regular": 12, + "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": { - "regular": 16, + "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": { - "regular": 16, + "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": { - "regular": 32, + "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": 48, - "regular": 56, + "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": { - "compact": 20, - "regular": 32, + "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": { - "compact": 16, - "regular": 24, + "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": { - "regular": 880, + "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": { - "regular": 680, + "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": 430, + "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": { - "compact": 32, - "regular": 36, + "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": 7, - "regular": 6, + "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": { - "regular": 16, + "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": 8, + "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": 12, + "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": 12, - "regular": 14, + "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": { - "compact": 18, - "regular": 20, + "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": { - "compact": 32, - "regular": 34, + "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": { - "regular": 8, + "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": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBase", - "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)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "vkontakteColorAccentAlternate": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "vkontakteColorBackgroundSuggestions": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", }, - "vkontakteColorContentTintForeground": { - "active": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkIdOkIOSDark)", }, - "vkontakteColorControlBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkIdOkIOS)", }, - "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "vkontakteColorControlTintMuted": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", +} +`; + +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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, - "vkontakteColorIconName": { - "active": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, - "vkontakteColorIconOutlineMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteColorIconOutlineSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", + "colorAccentOrange": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "vkontakteColorImBubbleGiftText": { - "active": "#7A6A4E", - "hover": "#806E4F", - "normal": "#857250", + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#9D8D6D", - "hover": "#A4936F", - "normal": "#AB9871", + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, - "vkontakteColorImBubbleIncoming": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#D4D8EF", - "hover": "#DDE0F7", - "normal": "#E6E9FF", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, - "vkontakteColorImBubbleOutgoing": { - "active": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#CCE4FF", + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#9FABEF", - "hover": "#A6B1F7", - "normal": "#ADB8FF", + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, - "vkontakteColorImForwardLineAlpha": { - "active": "rgba(69, 103, 143, 0.32)", - "hover": "rgba(69, 103, 143, 0.28)", - "normal": "rgba(69, 103, 143, 0.24)", + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, - "vkontakteColorImTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2D81E0", + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "vkontakteColorInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "vkontakteColorLoaderBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, - "vkontakteColorLoaderTint": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "colorBackgroundAccent": { + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", }, - "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", + "colorBackgroundAccentAlternative": { + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, - "vkontakteColorModalCardHeaderClose": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteColorMusicPlaybackIcon": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "vkontakteColorPanelTabActiveText": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "colorBackgroundAccentTint": { + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#aeb7c2", + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteColorPlaceholderIconTint": { - "active": "#001B3D", - "hover": "#001C3D", - "normal": "#001c3d", + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteColorPollOptionBackground": { - "active": "#3F6088", - "hover": "#42648C", - "normal": "#45678f", + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "vkontakteColorSearchBarBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", + }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", + }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", + }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", + }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "vkontakteColorSearchBarFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", + }, + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "vkontakteColorSnippetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteColorSplashScreenIcon": { - "active": "#CFD2D8", - "hover": "#D8DBDF", + "colorFieldBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", + }, + "colorIconMediumAlpha": { + "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", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", "normal": "#e1e3e6", }, - "vkontakteColorStatusBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "vkontakteColorTabbarActiveIcon": { - "active": "#266DC1", - "hover": "#2771C6", - "normal": "#2975cc", + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "vkontakteColorTabbarBackground": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "colorIconSecondaryAlpha": { + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, - "vkontakteColorTabbarInactiveIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "colorIconTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "#848992", - "hover": "#8A8F95", - "normal": "#909499", + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, - "vkontakteColorTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", }, - "vkontakteFloatButtonForeground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, - "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "vkontakteImAttachTint": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, - "vkontakteImBubbleButtonForeground": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.68)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "rgba(255, 255, 255, 0.60)", + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, - "vkontakteImBubbleGiftBackground": { - "active": "#E0D6B8", - "hover": "#EADEBE", - "normal": "#f4e7c3", + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#D1C3A3", - "hover": "#DACBA8", - "normal": "#e3d3ac", + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#BCC3EF", - "hover": "#C4CBF7", - "normal": "#ccd3ff", + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", + }, + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", + }, + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorStrokeAccent": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#9FC3EF", - "hover": "#A6CBF7", - "normal": "#add3ff", + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteImReplySeparator": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteLandingBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(0, 57, 115, 0.18)", - "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.10)", + "colorTextAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "vkontaktePaletteBlack": { - "active": "#000105", - "hover": "#000102", + "colorTextAccentThemed": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", "normal": "#000000", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", + "colorTextLink": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, + "colorTextLinkVisited": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", + }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", + }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", + }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", "normal": "#454647", }, - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 1`] = ` -{ - "animationDurationL": { - "name": "--vkui--animation_duration_l", - "value": "var(--vkui--animation_duration_l, 0.4s)", + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, - "animationDurationM": { - "name": "--vkui--animation_duration_m", - "value": "var(--vkui--animation_duration_m, 0.2s)", + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, - "animationDurationS": { - "name": "--vkui--animation_duration_s", - "value": "var(--vkui--animation_duration_s, 0.1s)", + "colorWriteBarIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, - "animationEasingDefault": { - "name": "--vkui--animation_easing_default", - "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "animationEasingPlatform": { - "name": "--vkui--animation_easing_platform", - "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.4, 0, 0.2, 1))", + "colorWriteBarInputBorder": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "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)", - }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.88)", + "hover": "rgba(255, 255, 255, 0.84)", + "normal": "rgba(255, 255, 255, 0.8)", }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", }, }, - "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)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "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)", + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, - "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "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)", + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", }, }, - "colorAccentRed": { - "active": { - "name": "--vkui--color_accent_red--active", - "value": "var(--vkui--color_accent_red--active, #FF4356)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", }, }, - "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "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, #77ADEC)", + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "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))", + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", }, - "normal": { - "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, - "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529EF4)", + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "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)", + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%", + "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%", + "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", + }, + "sizeArrowPadding": { + "regular": "12px", + }, + "sizeArrowPromo": { + "regular": "40px", + }, + "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", + }, + "sizeBasePaddingHorizontal": { + "regular": "12px", + }, + "sizeBasePaddingVertical": { + "regular": "12px", + }, + "sizeBorder1x": { + "regular": "1px", + }, + "sizeBorder2x": { + "regular": "0.5px", + }, + "sizeBorder3x": { + "regular": "0.33px", + }, + "sizeBorderRadius": { + "regular": "10px", + }, + "sizeBorderRadiusPaper": { + "regular": "12px", + }, + "sizeBorderRadiusPromo": { + "regular": "20px", + }, + "sizeBorderRadiusRounded": { + "regular": "48px", + }, + "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", + }, + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeButtonMinimumWidth": { + "regular": "80px", + }, + "sizeButtonPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", + }, + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", + }, + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", + }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", + }, + "sizeCardBorderRadius": { + "regular": "10px", + }, + "sizeCardgridPadding": { + "regular": "8px", + }, + "sizeCardgridPaddingVertical": { + "regular": "8px", + }, + "sizeCheckBorderRadius": { + "regular": "4px", + }, + "sizeCheckbox": { + "regular": "16px", + }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", + }, + "sizeFieldHorizontalPadding": { + "regular": "12px", + }, + "sizeFormItemPaddingVertical": { + "regular": "12px", + }, + "sizeIconUI": { + "regular": "16px", + }, + "sizeLabelHorizontalMargin": { + "regular": "16px", + }, + "sizeOptionHierarchy": { + "regular": "32px", + }, + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", + }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", + }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", + }, + "sizePopupLarge": { + "regular": "880px", + }, + "sizePopupMedium": { + "regular": "680px", + }, + "sizePopupSmall": { + "regular": "430px", + }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", + }, + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", + }, + "sizeSplitColPaddingHorizontal": { + "regular": "16px", + }, + "sizeSubnavigationBarGap": { + "regular": "8px", + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", + }, + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", + }, + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", + }, + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", + }, + "sizeTooltipMargin": { + "regular": "8px", + }, + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIdOkIOSDark", + "themeNameBase": "vkIdOkIOS", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +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.36, 0.66, 0.04, 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)", + }, + "colorAccentBlue": { + "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, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + "colorAccentGray": { + "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)", + }, + "colorAccentLime": { + "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, #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)", + "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, #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, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "normal": "var(--vkui--color_accent_pink, #F45FFF)", + }, + "colorAccentPurple": { + "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)", + "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, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", + }, + "colorAccentSecondary": { + "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, #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, #7CB1ED)", + "hover": "var(--vkui--color_action_sheet_text--hover, #77ADEC)", + "normal": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + "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))", + }, + "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, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "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)", + }, + "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)", + }, + "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)", + }, "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": "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": { - "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": "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": { - "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", - }, + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", - }, + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, "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": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", - }, + "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": { - "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": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", - }, + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "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, #25415B)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", - }, + "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": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", - }, + "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": { - "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": "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": { - "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": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "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)", - }, + "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": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "value": "var(--vkui--color_background_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_background_positive_tint--active", - "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, #364633)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", - }, + "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": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", - }, + "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": { - "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_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "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.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": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", - }, + "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": { - "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_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "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.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": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", - }, - "normal": { - "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", - }, + "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": { - "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": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #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": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #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": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #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": "var(--vkui--color_field_background--active, #2B2B2C)", + "hover": "var(--vkui--color_field_background--hover, #222223)", + "normal": "var(--vkui--color_field_background, #19191A)", }, "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "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.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": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", - }, + "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": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "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": { - "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": "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": { - "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": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #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": "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": { - "name": "--vkui--color_icon_contrast_themed--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", - }, + "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": { - "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": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "normal": "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))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "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(241, 247, 255, 0.66))", - }, + "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": { - "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": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, "colorIconPositive": { - "active": { - "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", - }, + "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": { - "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": "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": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", - }, + "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": { - "name": "--vkui--color_icon_secondary_alpha--active", - "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(241, 247, 255, 0.47000000000000003))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, rgba(241, 247, 255, 0.43))", - }, + "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": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "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": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.34))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "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.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": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", - }, + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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": "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": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", - }, + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "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(241, 247, 255, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))", - }, + "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": { - "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": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "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.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.40))", - }, + "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))", }, "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", - }, + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", - }, + "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": { - "name": "--vkui--color_search_field_background--active", - "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, #3E3F40)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", - }, + "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": { - "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": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, "colorSeparatorPrimary": { - "active": { - "name": "--vkui--color_separator_primary--active", - "value": "var(--vkui--color_separator_primary--active, #464748)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", - }, + "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": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", - }, + "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": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", - }, + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, rgba(255, 255, 255, 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": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", - }, + "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": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", - }, + "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": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", - }, + "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": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "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": { - "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": "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": { - "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": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "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)", - }, + "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": { - "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, + "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": { - "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": "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": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "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": { - "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": "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": { - "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": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, "colorTextContrastThemed": { - "active": { - "name": "--vkui--color_text_contrast_themed--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", - }, + "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": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "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": { - "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": "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": { - "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": "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": { - "name": "--vkui--color_text_link_visited--active", - "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, #508BCE)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "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": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", - }, + "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": { - "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": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, "colorTextPositive": { - "active": { - "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, + "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": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e1e3e6)", - }, + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", - }, + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", - }, + "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": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", - }, + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", - }, + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", - }, + "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": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", - }, + "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": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", - }, + "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": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", - }, + "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": { - "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": "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": { - "name": "--vkui--color_write_bar_icon--active", - "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, #7B7D7F)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #76787a)", - }, + "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": { - "name": "--vkui--color_write_bar_input_background--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2c2d2e)", - }, + "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": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3D3E3F)", + "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, 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": { + "regular": { + "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)", }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #343536)", + }, + "fontCaption1Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2c2d2e)", + }, + "fontCaption2": { + "regular": { + "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)", }, }, - "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))", + "fontCaption2Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", }, - "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))", + }, + "fontCaption3": { + "regular": { + "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)", }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))", + }, + "fontCaption3Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", }, }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", + "fontDisplayTitle1": { + "regular": { + "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)", + }, }, - "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))", + "fontDisplayTitle2": { + "compact": { + "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, -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)", + }, }, - "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))", + "fontDisplayTitle3": { + "regular": { + "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)", + }, }, - "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))", + "fontDisplayTitle4": { + "regular": { + "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)", + }, }, - "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))", + "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, 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)", + }, }, - "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))", + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, }, - "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)", - }, - "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)", - }, + "fontHeadline": { + "compact": { + "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", }, "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)", - }, - "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)", - }, - "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)", - }, + "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)", }, }, - "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)", - }, + "fontHeadline1": { + "compact": { + "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", + "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", }, "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)", - }, - "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, 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)", - }, - "textTransform": { - "name": "--vkui--font_caption1_caps--text_transform--regular", - "value": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "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)", }, }, - "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)", - }, - "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)", - }, + "fontHeadline2": { + "compact": { + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "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)", - }, - "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)", - }, - "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)", - }, + "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)", }, }, - "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)", - }, - }, + "fontParagraph": { "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)", - }, - "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, 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)", - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, - }, - }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "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, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, - "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)", - }, - "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)", - }, - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", - }, - "lineHeight": { - "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)", - }, - }, - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, - }, - "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)", - }, - "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)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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_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)", }, }, "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)", - }, - "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)", - }, - }, "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)", - }, - "lineHeight": { - "name": "--vkui--font_subhead--line_height--compact", - "value": "var(--vkui--font_subhead--line_height--compact, 16px)", - }, + "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", + "lineHeight": "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, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, + "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)", }, }, "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)", - }, - "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)", - }, - }, "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)", - }, - "lineHeight": { - "name": "--vkui--font_text--line_height--compact", - "value": "var(--vkui--font_text--line_height--compact, 20px)", - }, + "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", + "lineHeight": "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, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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)", - }, + "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)", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title1--line_height--regular", - "value": "var(--vkui--font_title1--line_height--regular, 28px)", - }, + "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)", }, }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--line_height--regular, 24px)", - }, + "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": { - "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, -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, 17px)", - }, - "fontWeight": { - "name": "--vkui--font_title3--font_weight--regular", - "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)", - }, + "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)", }, }, - "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(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%, var(--vkui--color_background_content, rgba(25, 25, 26, 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(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%, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 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)", - }, + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "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%)", + "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%)", + "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)", "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": "var(--vkui--size_arrow--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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "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": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "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": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "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)", - }, + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "regular": "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)", - }, + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "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, 18px)", - }, - "regular": { - "name": "--vkui--size_switch_pin--regular", - "value": "var(--vkui--size_switch_pin--regular, 20px)", - }, + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "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, 32px)", - }, - "regular": { - "name": "--vkui--size_switch_width--regular", - "value": "var(--vkui--size_switch_width--regular, 34px)", - }, + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "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)", - }, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xl": { - "name": "--vkui--spacing_size_2xl", - "value": "var(--vkui--spacing_size_2xl, 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, 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 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.36, 0.66, 0.04, 1)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, - "spacingSize2Xs": { - "name": "--vkui--spacing_size_2xs", - "value": "var(--vkui--spacing_size_2xs, 2px)", + "colorAccentBlue": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "spacingSize3Xl": { - "name": "--vkui--spacing_size_3xl", - "value": "var(--vkui--spacing_size_3xl, 20px)", + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, - "spacingSize3Xs": { - "name": "--vkui--spacing_size_3xs", - "value": "var(--vkui--spacing_size_3xs, 2px)", + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, - "spacingSize4Xl": { - "name": "--vkui--spacing_size_4xl", - "value": "var(--vkui--spacing_size_4xl, 24px)", + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "spacingSizeL": { - "name": "--vkui--spacing_size_l", - "value": "var(--vkui--spacing_size_l, 10px)", + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#AFF70D", }, - "spacingSizeM": { - "name": "--vkui--spacing_size_m", - "value": "var(--vkui--spacing_size_m, 8px)", + "colorAccentOrange": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", }, - "spacingSizeS": { - "name": "--vkui--spacing_size_s", - "value": "var(--vkui--spacing_size_s, 6px)", + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", }, - "spacingSizeXl": { - "name": "--vkui--spacing_size_xl", - "value": "var(--vkui--spacing_size_xl, 12px)", + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#FFC062", }, - "spacingSizeXs": { - "name": "--vkui--spacing_size_xs", - "value": "var(--vkui--spacing_size_xs, 4px)", + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, - "themeInheritsFrom": { - "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkBaseDark)", + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, vkontakteAndroidDark)", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, vkontakteAndroid)", + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, - "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))", - }, + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, - "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)", - }, + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, - "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))", - }, + "colorActionSheetText": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, - "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)", - }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "rgba(255, 255, 255, 0.85)", }, - "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))", - }, + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, - "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)", - }, + "colorBackgroundAccent": { + "active": "#F58C15", + "hover": "#F38910", + "normal": "#EE8208", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, - "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)", - }, + "colorBackgroundAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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))", - }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundAccentTint": { + "active": "#F49223", + "hover": "#F38E1A", + "normal": "#F38910", }, - "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)", - }, + "colorBackgroundContent": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, - "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)", - }, + "colorBackgroundContentInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundContrastInverse": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, - "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)", - }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.2)", }, - "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)", - }, + "colorBackgroundContrastThemed": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, - "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)", - }, + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, - "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)", - }, + "colorBackgroundModal": { + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, - "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)", - }, + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", - }, + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "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))", - }, + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, - "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)", + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", + }, + "colorBackgroundSecondary": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", + }, + "colorBackgroundTertiary": { + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorFieldBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191A", + }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorHeaderBackground": { + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", + }, + "colorIconAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", + }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorIconContrastSecondary": { + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorIconMedium": { + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", + }, + "colorIconMediumAlpha": { + "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", + }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorIconPrimaryInvariably": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorIconSecondaryAlpha": { + "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", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", + }, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", + }, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", + }, + "colorImagePlaceholderAlpha": { + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", + }, + "colorLinkContrast": { + "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.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", + }, + "colorSeparatorPrimary2x": { + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", + }, + "colorSeparatorPrimary3x": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", + }, + "colorSkeletonFrom": { + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", + }, + "colorSkeletonTo": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "colorStrokeAccent": { + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", + }, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextAccent": { + "active": "#EF8C1C", + "hover": "#EF8712", + "normal": "#EE8208", + }, + "colorTextAccentThemed": { + "active": "#EDEEF1", + "hover": "#ECEEF1", + "normal": "#EBEDF0", + }, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextLink": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", + }, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorTextLinkTint": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787A", + }, + "colorTextLinkVisited": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969A9F", + }, + "colorTextMuted": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", + }, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", + }, + "colorTextPrimaryInvariably": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", + }, + "colorTextSubhead": { + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", + }, + "colorTextTertiary": { + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", + }, + "colorTrackBackground": { + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", + }, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", + }, + "colorTransparent": { + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", + }, + "colorWriteBarInputBackground": { + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", + }, + "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": "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text, #FFFFFF)", + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--active", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--active, #E5D7B3)", + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary--hover, #E4D5AF)", + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_gift_text_secondary", - "value": "var(--vkui--vkontakte_color_im_bubble_gift_text_secondary, #E3D3AC)", + }, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, }, - "vkontakteColorImBubbleIncoming": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--active, #3D3E3F)", + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming--hover, #343536)", + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming, #2C2D2E)", + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-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", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, }, }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--active, #3D3E3F)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate--hover, #343536)", + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_alternate", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_alternate, #2C2D2E)", + }, + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, }, }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--active", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--active, #373C5B)", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring--hover, #2F3354)", + }, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_incoming_expiring", - "value": "var(--vkui--vkontakte_color_im_bubble_incoming_expiring, #262B4D)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, - "vkontakteColorImBubbleOutgoing": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--active, #545556)", + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing--hover, #4C4D4E)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing, #454647)", + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--active, #6671B9)", + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, - "hover": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted--hover, #606BB6)", + }, + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, }, - "normal": { - "name": "--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted", - "value": "var(--vkui--vkontakte_color_im_bubble_outgoing_expiring_highlighted, #5965B3)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, - "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))", + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, }, - "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))", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, - "normal": { - "name": "--vkui--vkontakte_color_im_forward_line_alpha", - "value": "var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24))", + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, - "vkontakteColorImTextName": { + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%", + "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%", + "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, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "sizeBasePaddingHorizontal": { + "regular": 12, + }, + "sizeBasePaddingVertical": { + "regular": 12, + }, + "sizeBorder1x": { + "regular": 1, + }, + "sizeBorder2x": { + "regular": 0.5, + }, + "sizeBorder3x": { + "regular": 0.33, + }, + "sizeBorderRadius": { + "regular": 10, + }, + "sizeBorderRadiusPaper": { + "regular": 12, + }, + "sizeBorderRadiusPromo": { + "regular": 20, + }, + "sizeBorderRadiusRounded": { + "regular": 48, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 10, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, + }, + "sizeSwitchPin": { + "compact": 23, + "regular": 27, + }, + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkIdOkIOSDark", + "themeNameBase": "vkIdOkIOS", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkontakteAndroid 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.4, 0, 0.2, 1))", + }, + "colorAccentAzure": { "active": { - "name": "--vkui--vkontakte_color_im_text_name--active", - "value": "var(--vkui--vkontakte_color_im_text_name--active, #60A6F5)", + "name": "--vkui--color_accent_azure--active", + "value": "var(--vkui--color_accent_azure--active, #006FEF)", }, "hover": { - "name": "--vkui--vkontakte_color_im_text_name--hover", - "value": "var(--vkui--vkontakte_color_im_text_name--hover, #59A2F4)", + "name": "--vkui--color_accent_azure--hover", + "value": "var(--vkui--color_accent_azure--hover, #0073F7)", }, "normal": { - "name": "--vkui--vkontakte_color_im_text_name", - "value": "var(--vkui--vkontakte_color_im_text_name, #529EF4)", + "name": "--vkui--color_accent_azure", + "value": "var(--vkui--color_accent_azure, #0077FF)", }, }, - "vkontakteColorInputBorder": { + "colorAccentBlue": { "active": { - "name": "--vkui--vkontakte_color_input_border--active", - "value": "var(--vkui--vkontakte_color_input_border--active, #3D3E3F)", + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #237EDD)", }, "hover": { - "name": "--vkui--vkontakte_color_input_border--hover", - "value": "var(--vkui--vkontakte_color_input_border--hover, #343536)", + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #2483E4)", }, "normal": { - "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #2688eb)", }, }, - "vkontakteColorLandingSnippetBorderAlpha": { + "colorAccentCyan": { "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))", + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #11ECC4)", }, "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))", + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #12F5CA)", }, "normal": { - "name": "--vkui--vkontakte_color_landing_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_landing_snippet_border_alpha, rgba(255, 255, 255, 0.15))", + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", }, }, - "vkontakteColorLoaderBackground": { + "colorAccentGray": { "active": { - "name": "--vkui--vkontakte_color_loader_background--active", - "value": "var(--vkui--vkontakte_color_loader_background--active, #2B2B2C)", + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #96A0AE)", }, "hover": { - "name": "--vkui--vkontakte_color_loader_background--hover", - "value": "var(--vkui--vkontakte_color_loader_background--hover, #222223)", + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #9CA7B3)", }, "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", }, }, - "vkontakteColorLoaderTint": { + "colorAccentGreen": { "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "value": "var(--vkui--vkontakte_color_loader_tint--active, #818385)", + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #45A64A)", }, "hover": { - "name": "--vkui--vkontakte_color_loader_tint--hover", - "value": "var(--vkui--vkontakte_color_loader_tint--hover, #7B7D7F)", + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #48AC4A)", }, "normal": { - "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", }, }, - "vkontakteColorModalCardBorderAlpha": { + "colorAccentLime": { "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))", + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #A1E511)", }, "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))", + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #A8EE0F)", }, "normal": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", }, }, - "vkontakteColorModalCardHeaderClose": { + "colorAccentOrange": { "active": { - "name": "--vkui--vkontakte_color_modal_card_header_close--active", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #EB9405)", }, "hover": { - "name": "--vkui--vkontakte_color_modal_card_header_close--hover", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0)", + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #F59A02)", }, "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", }, }, - "vkontakteColorMusicPlaybackIcon": { + "colorAccentOrangeFire": { "active": { - "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", + "name": "--vkui--color_accent_orange_fire--active", + "value": "var(--vkui--color_accent_orange_fire--active, #DD5643)", }, "hover": { - "name": "--vkui--vkontakte_color_music_playback_icon--hover", - "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", + "name": "--vkui--color_accent_orange_fire--hover", + "value": "var(--vkui--color_accent_orange_fire--hover, #E65944)", }, "normal": { - "name": "--vkui--vkontakte_color_music_playback_icon", - "value": "var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF)", + "name": "--vkui--color_accent_orange_fire", + "value": "var(--vkui--color_accent_orange_fire, #f05c44)", }, }, - "vkontakteColorPanelTabActiveText": { + "colorAccentOrangePeach": { "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", + "name": "--vkui--color_accent_orange_peach--active", + "value": "var(--vkui--color_accent_orange_peach--active, #E5A84E)", }, "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)", - }, - }, - "vkontakteColorSnippetBackground": { - "active": { - "name": "--vkui--vkontakte_color_snippet_background--active", - "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, #2C2C2D)", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "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.23))", - }, - "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))", - }, - }, - "vkontakteColorSplashScreenIcon": { - "active": { - "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "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, #2B2B2C)", - }, - "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)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "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, #818385)", - }, - "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)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "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, #B1B4B9)", - }, - "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)", - }, - }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", - }, - "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)", - }, - }, - "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)", - }, - }, - "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))", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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))", - }, - }, - "vkontaktePaletteBlack": { - "active": { - "name": "--vkui--vkontakte_palette_black--active", - "value": "var(--vkui--vkontakte_palette_black--active, #141414)", - }, - "hover": { - "name": "--vkui--vkontakte_palette_black--hover", - "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", - }, - "normal": { - "name": "--vkui--vkontakte_palette_black", - "value": "var(--vkui--vkontakte_palette_black, #000000)", - }, - }, - "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)", - }, - }, - "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 vkontakteAndroidDark theme should match cssVars snapshot 2`] = ` -{ - "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.4, 0, 0.2, 1))", - }, - "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)", - }, - }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #529ef4)", - }, - }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13ffd0)", - }, - }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, - }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, - }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #aff70d)", - }, - }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", - }, - }, - "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)", - }, - }, - "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)", + "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, #ffc062)", + "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", }, }, "colorAccentPink": { "active": { "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + "value": "var(--vkui--color_accent_pink--active, #E059EF)", }, "hover": { "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + "value": "var(--vkui--color_accent_pink--hover, #EA5CF7)", }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #f45fff)", + "value": "var(--vkui--color_accent_pink, #F45FFF)", }, }, "colorAccentPurple": { "active": { "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + "value": "var(--vkui--color_accent_purple--active, #6A56D8)", }, "hover": { "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "value": "var(--vkui--color_accent_purple--hover, #6E59DF)", }, "normal": { "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", + "value": "var(--vkui--color_accent_purple, #735ce6)", }, }, "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, #FF4356)", + "value": "var(--vkui--color_accent_red--active, #EB3046)", }, "hover": { "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "value": "var(--vkui--color_accent_red--hover, #F53247)", }, "normal": { "name": "--vkui--color_accent_red", @@ -484324,11 +479733,11 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "colorAccentSecondary": { "active": { "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "value": "var(--vkui--color_accent_secondary--active, #3A80D3)", }, "hover": { "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "value": "var(--vkui--color_accent_secondary--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_accent_secondary", @@ -484338,29 +479747,29 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "colorAccentViolet": { "active": { "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + "value": "var(--vkui--color_accent_violet--active, #6F2CB6)", }, "hover": { "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "value": "var(--vkui--color_accent_violet--hover, #742DBB)", }, "normal": { "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", + "value": "var(--vkui--color_accent_violet, #792ec0)", }, }, "colorActionSheetText": { "active": { "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)", + "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, #59A2F4)", + "value": "var(--vkui--color_action_sheet_text--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #529ef4)", + "value": "var(--vkui--color_action_sheet_text, #3f8ae0)", }, }, "colorAvatarOverlay": { @@ -484374,7 +479783,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, #00000099)", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", }, }, "colorAvatarOverlayInverseAlpha": { @@ -484388,87 +479797,87 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] }, "normal": { "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", + "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, #1E1E1E)", + "value": "var(--vkui--color_background--active, #D8DBE2)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", + "value": "var(--vkui--color_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", + "value": "var(--vkui--color_background, #ebedf0)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #529ef4)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #FFFFFF)", + "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(255, 255, 255, 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(255, 255, 255, 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, #ffffff33)", + "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, #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", @@ -484478,57 +479887,57 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2B)", + "value": "var(--vkui--color_background_content--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222222)", + "value": "var(--vkui--color_background_content--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #191919)", + "value": "var(--vkui--color_background_content, #ffffff)", }, }, "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "value": "var(--vkui--color_background_content_inverse--active, #17181D)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_content_inverse, #19191A)", }, }, "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", - "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, #3E3E3E)", + "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, #353535)", + "value": "var(--vkui--color_background_contrast_inverse--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -484542,101 +479951,101 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] }, "normal": { "name": "--vkui--color_background_contrast_secondary_alpha", - "value": "var(--vkui--color_background_contrast_secondary_alpha, #ffffff33)", + "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "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, #353535)", + "value": "var(--vkui--color_background_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + "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, #2E4962)", + "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, #25415B)", + "value": "var(--vkui--color_background_info_tint--hover, #D5E5F7)", }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1c3954)", + "value": "var(--vkui--color_background_info_tint, #DEEEFF)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2F2F2F)", + "value": "var(--vkui--color_background_modal--active, #EBECEF)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #262626)", + "value": "var(--vkui--color_background_modal--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1d1d1d)", + "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, #1A1C20)", }, "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, #1B1C1F)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #FFFFFF)", + "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, }, "colorBackgroundNegative": { "active": { "name": "--vkui--color_background_negative--active", - "value": "var(--vkui--color_background_negative--active, #FF6969)", + "value": "var(--vkui--color_background_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_background_negative--hover", - "value": "var(--vkui--color_background_negative--hover, #FF6363)", + "value": "var(--vkui--color_background_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_background_negative", - "value": "var(--vkui--color_background_negative, #ff5c5c)", + "value": "var(--vkui--color_background_negative, #e64646)", }, }, "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, #EBD8DB)", }, "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, #F5E0E2)", }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522e2e)", + "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", }, }, "colorBackgroundPositive": { "active": { "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", + "value": "var(--vkui--color_background_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", + "value": "var(--vkui--color_background_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_background_positive", @@ -484646,291 +480055,291 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "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, #D5E6DA)", }, "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, #DFF0E1)", }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", + "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353535)", + "value": "var(--vkui--color_background_secondary--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "value": "var(--vkui--color_background_secondary--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232323)", + "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(255, 255, 255, 0.18))", + "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(255, 255, 255, 0.14))", + "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, #ffffff19)", + "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, #323232)", + "value": "var(--vkui--color_background_tertiary--active, #E5E6EA)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #292929)", + "value": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202020)", + "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(255, 255, 255, 0.11))", + "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(255, 255, 255, 0.07))", + "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, #ffffff07)", + "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, #564328)", + "value": "var(--vkui--color_background_warning--active, #EBE0CA)", }, "hover": { "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "value": "var(--vkui--color_background_warning--hover, #F5E9D0)", }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #473315)", + "value": "var(--vkui--color_background_warning, #FFF2D6)", }, }, "colorButtonIcon": { "active": { "name": "--vkui--color_button_icon--active", - "value": "var(--vkui--color_button_icon--active, #D7D8DB)", + "value": "var(--vkui--color_button_icon--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_icon--hover", - "value": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "value": "var(--vkui--color_button_icon--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_icon", - "value": "var(--vkui--color_button_icon, #FFFFFF)", + "value": "var(--vkui--color_button_icon, #2688eb)", }, }, "colorButtonStroke": { "active": { "name": "--vkui--color_button_stroke--active", - "value": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "value": "var(--vkui--color_button_stroke--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_stroke--hover", - "value": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "value": "var(--vkui--color_button_stroke--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_stroke", - "value": "var(--vkui--color_button_stroke, #FFFFFF)", + "value": "var(--vkui--color_button_stroke, #2688eb)", }, }, "colorButtonText": { "active": { "name": "--vkui--color_button_text--active", - "value": "var(--vkui--color_button_text--active, #D7D8DB)", + "value": "var(--vkui--color_button_text--active, #237EDD)", }, "hover": { "name": "--vkui--color_button_text--hover", - "value": "var(--vkui--color_button_text--hover, #EBEDF0)", + "value": "var(--vkui--color_button_text--hover, #2483E4)", }, "normal": { "name": "--vkui--color_button_text", - "value": "var(--vkui--color_button_text, #FFFFFF)", + "value": "var(--vkui--color_button_text, #2688eb)", }, }, "colorFieldBackground": { "active": { "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", + "value": "var(--vkui--color_field_background--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", + "value": "var(--vkui--color_field_background--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", + "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(255, 255, 255, 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(255, 255, 255, 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, #ffffff1e)", + "value": "var(--vkui--color_field_border_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2B)", + "value": "var(--vkui--color_header_background--active, #EBECEF)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222222)", + "value": "var(--vkui--color_header_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #191919)", + "value": "var(--vkui--color_header_background, #ffffff)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "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", - "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, #F4F4F4)", + "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, #F3F3F3)", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + "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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", + "value": "var(--vkui--color_icon_contrast_themed, #ffffff)", }, }, "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B7B7B7)", + "value": "var(--vkui--color_icon_medium--active, #778292)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + "value": "var(--vkui--color_icon_medium--hover, #7C8795)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b1b1b1)", + "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(246, 246, 246, 0.74))", + "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(246, 246, 246, 0.7000000000000001))", + "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, #f6f6f6a8)", + "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, #FF6969)", + "value": "var(--vkui--color_icon_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_icon_negative--hover", - "value": "var(--vkui--color_icon_negative--hover, #FF6363)", + "value": "var(--vkui--color_icon_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_icon_negative", - "value": "var(--vkui--color_icon_negative, #ff5c5c)", + "value": "var(--vkui--color_icon_negative, #e64646)", }, }, "colorIconPositive": { "active": { "name": "--vkui--color_icon_positive--active", - "value": "var(--vkui--color_icon_positive--active, #59B959)", + "value": "var(--vkui--color_icon_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", + "value": "var(--vkui--color_icon_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_icon_positive", @@ -484940,155 +480349,155 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E5E5E5)", + "value": "var(--vkui--color_icon_primary--active, #282B2F)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e3e3e3)", + "value": "var(--vkui--color_icon_primary, #2c2d2e)", }, }, "colorIconPrimaryInvariably": { "active": { "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #333333)", + "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, #2A2A2A)", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #212121)", + "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #838383)", + "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #787878)", + "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(246, 246, 246, 0.51))", + "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(246, 246, 246, 0.47000000000000003))", + "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, #f6f6f66d)", + "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, #6C6C6C)", + "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #656565)", + "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5f5f5f)", + "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(255, 255, 255, 0.38))", + "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(255, 255, 255, 0.34))", + "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, #ffffff4c)", + "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, #EEB663)", + "value": "var(--vkui--color_icon_warning--active, #E4941F)", }, "hover": { "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "value": "var(--vkui--color_icon_warning--hover, #EE9A1D)", }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #edb055)", + "value": "var(--vkui--color_icon_warning, #F8A01C)", }, }, "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, 0, 0, 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, 0, 0, 0.12))", }, "normal": { "name": "--vkui--color_image_border_alpha", - "value": "var(--vkui--color_image_border_alpha, #ffffff14)", + "value": "var(--vkui--color_image_border_alpha, rgba(0, 0, 0, 0.08))", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333333)", + "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2b2b2b)", + "value": "var(--vkui--color_image_placeholder, #f2f3f5)", }, }, "colorImagePlaceholderAlpha": { "active": { "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(0, 28, 61, 0.16))", }, "hover": { "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(0, 28, 61, 0.12))", }, "normal": { "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + "value": "var(--vkui--color_image_placeholder_alpha, rgba(0, 28, 61, 0.08))", }, }, "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", - "value": "var(--vkui--color_link_contrast, #FFFFFF)", + "value": "var(--vkui--color_link_contrast, #ffffff)", }, }, "colorOverlayPrimary": { @@ -485102,13 +480511,13 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] }, "normal": { "name": "--vkui--color_overlay_primary", - "value": "var(--vkui--color_overlay_primary, #00000066)", + "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(0, 0, 0, 0.35000000000000003))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", @@ -485116,339 +480525,325 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, #00000044)", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_panel_header_icon", - "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + "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, #474747)", + "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, #3F3F3F)", + "value": "var(--vkui--color_search_field_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #373737)", + "value": "var(--vkui--color_search_field_background, #ebedf0)", }, }, "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, #474747)", + "value": "var(--vkui--color_separator_primary--active, #C6C8CD)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #373737)", + "value": "var(--vkui--color_separator_primary, #d7d8d9)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #545454)", + "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #454545)", + "value": "var(--vkui--color_separator_primary2x, #cbcccd)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #606060)", + "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #595959)", + "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #525252)", + "value": "var(--vkui--color_separator_primary3x, #bebfc1)", }, }, "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.2))", }, "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.16))", }, "normal": { "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.12))", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272727)", + "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141414)", + "value": "var(--vkui--color_separator_secondary, #e1e3e6)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + "value": "var(--vkui--color_skeleton_from--active, #E1E3E6)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #353535)", + "value": "var(--vkui--color_skeleton_from--hover, #EBECEE)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2d2d2d)", + "value": "var(--vkui--color_skeleton_from, #f5f5f5)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #353535)", + "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2d2d2d)", + "value": "var(--vkui--color_skeleton_to, #e1e3e6)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "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", - "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, #FF6969)", + "value": "var(--vkui--color_stroke_negative--active, #D44245)", }, "hover": { "name": "--vkui--color_stroke_negative--hover", - "value": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "value": "var(--vkui--color_stroke_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_stroke_negative", - "value": "var(--vkui--color_stroke_negative, #ff5c5c)", + "value": "var(--vkui--color_stroke_negative, #e64646)", }, }, "colorStrokePositive": { "active": { "name": "--vkui--color_stroke_positive--active", - "value": "var(--vkui--color_stroke_positive--active, #59B959)", + "value": "var(--vkui--color_stroke_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + "value": "var(--vkui--color_stroke_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_stroke_positive", "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, - "colorStrokePrimary": { - "active": { - "name": "--vkui--color_stroke_primary--active", - "value": "var(--vkui--color_stroke_primary--active, #E5E5E5)", - }, - "hover": { - "name": "--vkui--color_stroke_primary--hover", - "value": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", - }, - "normal": { - "name": "--vkui--color_stroke_primary", - "value": "var(--vkui--color_stroke_primary, #e3e3e3)", - }, - }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + "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, #7D7D7D)", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #787878)", + "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #60A6F5)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "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, #237EDD)", }, "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, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #FFFFFF)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "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", - "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, #141414)", + "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, #0A0A0A)", + "value": "var(--vkui--color_text_contrast_themed--hover, #F5F5F7)", }, "normal": { "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", + "value": "var(--vkui--color_text_contrast_themed, #ffffff)", }, }, "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "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, #2978D3)", }, "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, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #FFFFFF)", + "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, #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", @@ -485458,11 +480853,11 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "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, #437DC1)", }, "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, #4681C6)", }, "normal": { "name": "--vkui--color_text_link_visited", @@ -485472,39 +480867,39 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "colorTextMuted": { "active": { "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #C9C9C9)", + "value": "var(--vkui--color_text_muted--active, #282B2F)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #C6C6C6)", + "value": "var(--vkui--color_text_muted--hover, #2A2C2F)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #c4c4c4)", + "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, #D44245)", }, "hover": { "name": "--vkui--color_text_negative--hover", - "value": "var(--vkui--color_text_negative--hover, #FF6363)", + "value": "var(--vkui--color_text_negative--hover, #DD4446)", }, "normal": { "name": "--vkui--color_text_negative", - "value": "var(--vkui--color_text_negative, #ff5c5c)", + "value": "var(--vkui--color_text_negative, #e64646)", }, }, "colorTextPositive": { "active": { "name": "--vkui--color_text_positive--active", - "value": "var(--vkui--color_text_positive--active, #59B959)", + "value": "var(--vkui--color_text_positive--active, #45A64A)", }, "hover": { "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", + "value": "var(--vkui--color_text_positive--hover, #48AC4A)", }, "normal": { "name": "--vkui--color_text_positive", @@ -485514,222 +480909,222 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E5E5E5)", + "value": "var(--vkui--color_text_primary--active, #000105)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E4E4E4)", + "value": "var(--vkui--color_text_primary--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e3e3e3)", + "value": "var(--vkui--color_text_primary, #000000)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, }, "colorTextPrimaryInvariably": { "active": { "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #333333)", + "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, #2A2A2A)", + "value": "var(--vkui--color_text_primary_invariably--hover, #000102)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #212121)", + "value": "var(--vkui--color_text_primary_invariably, #000000)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #838383)", + "value": "var(--vkui--color_text_secondary--active, #778292)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + "value": "var(--vkui--color_text_secondary--hover, #7C8795)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #787878)", + "value": "var(--vkui--color_text_secondary, #818c99)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #A2A2A2)", + "value": "var(--vkui--color_text_subhead--active, #64707F)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + "value": "var(--vkui--color_text_subhead--hover, #697482)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #9a9a9a)", + "value": "var(--vkui--color_text_subhead, #6d7885)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #656565)", + "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5f5f5f)", + "value": "var(--vkui--color_text_tertiary, #99a2ad)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #555555)", + "value": "var(--vkui--color_track_background--active, #CFD2D8)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4D4D4D)", + "value": "var(--vkui--color_track_background--hover, #D8DBDF)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #464646)", + "value": "var(--vkui--color_track_background, #e1e3e6)", }, }, "colorTrackBuffer": { "active": { "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", + "value": "var(--vkui--color_track_buffer--active, #93B1D7)", }, "hover": { "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", + "value": "var(--vkui--color_track_buffer--hover, #9AB8DD)", }, "normal": { "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", + "value": "var(--vkui--color_track_buffer, #a0bfe4)", }, }, "colorTransparent": { "active": { "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 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(0, 0, 0, 0.04))", + "value": "var(--vkui--color_transparent--hover, rgba(0, 16, 61, 0.04))", }, "normal": { "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, #00000000)", + "value": "var(--vkui--color_transparent, transparent)", }, }, "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + "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, #59A2F4)", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #529ef4)", + "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, #3E3E3E)", + "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, #353535)", + "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, #2d2d2d)", + "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, #3E3E3E)", + "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, #353535)", + "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, #2d2d2d)", + "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.16))", + "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(0, 0, 0, 0.16))", }, "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.12))", + "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(0, 0, 0, 0.12))", }, "normal": { "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", + "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(0, 0, 0, 0.08))", }, }, "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, 0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.20))", + "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 0px rgba(0, 0, 0, 0.30), 0px 4px 16px 0px rgba(0, 0, 0, 0.30))", + "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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + "value": "var(--vkui--elevation4, 0px 0px 8px rgba(0, 0, 0, 0.12), 0px 16px 16px rgba(0, 0, 0, 0.16))", }, "fontCaption1": { "auto": { @@ -486779,7 +482174,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] }, "gradient": { "name": "--vkui--gradient", - "value": "var(--vkui--gradient, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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%, var(--vkui--color_background_content, rgba(255, 255, 255, 1)) 100%)", }, "gradientBlack": { "name": "--vkui--gradient_black", @@ -486787,7 +482182,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] }, "gradientTint": { "name": "--vkui--gradient_tint", - "value": "var(--vkui--gradient_tint, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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%, var(--vkui--color_background_tertiary, rgba(249, 249, 249, 1)) 100%)", }, "gradientWhite": { "name": "--vkui--gradient_white", @@ -487571,11 +482966,11 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] }, "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, vkontakteAndroidDark)", + "value": "var(--vkui--theme_name, vkontakteAndroid)", }, "themeNameBase": { "name": "--vkui--theme_name_base", @@ -487585,29 +482980,29 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "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(0, 0, 0, 0.12))", }, "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(0, 0, 0, 0.08))", }, "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(0, 0, 0, 0.04))", }, }, "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, #DFE1E6)", }, "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, #E8EAEE)", }, "normal": { "name": "--vkui--vkontakte_button_muted_background", - "value": "var(--vkui--vkontakte_button_muted_background, #2c2d2e)", + "value": "var(--vkui--vkontakte_button_muted_background, #f2f3f5)", }, }, "vkontakteButtonTertiaryBackground": { @@ -487627,53 +483022,53 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "vkontakteButtonTertiaryForeground": { "active": { "name": "--vkui--vkontakte_button_tertiary_foreground--active", - "value": "var(--vkui--vkontakte_button_tertiary_foreground--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--vkontakte_button_tertiary_foreground--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_button_tertiary_foreground", - "value": "var(--vkui--vkontakte_button_tertiary_foreground, #e1e3e6)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)", }, "normal": { "name": "--vkui--vkontakte_color_accent_alternate", - "value": "var(--vkui--vkontakte_color_accent_alternate, #FFFFFF)", + "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(255, 255, 255, 0.2))", + "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(255, 255, 255, 0.16))", + "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(255, 255, 255, 0.12))", + "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(255, 255, 255, 0.08))", + "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(255, 255, 255, 0.04))", + "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", @@ -487683,389 +483078,389 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "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, #CFD2D8)", }, "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, #D8DBDF)", }, "normal": { "name": "--vkui--vkontakte_color_background_keyboard", - "value": "var(--vkui--vkontakte_color_background_keyboard, #2c2d2e)", + "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)", }, "normal": { "name": "--vkui--vkontakte_color_background_suggestions", - "value": "var(--vkui--vkontakte_color_background_suggestions, #2c2d2e)", + "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(82, 158, 244, 0.32))", + "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(82, 158, 244, 0.28))", + "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(82, 158, 244, 0.24))", + "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, #B1B4B9)", + "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, #ADB1B6)", + "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, #aaaeb3)", + "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, #999DA1)", + "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, #94989D)", + "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, #909499)", + "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, #545556)", + "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, #4C4D4E)", + "value": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--vkontakte_color_control_background", - "value": "var(--vkui--vkontakte_color_control_background, #454647)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)", }, "normal": { "name": "--vkui--vkontakte_color_control_foreground", - "value": "var(--vkui--vkontakte_color_control_foreground, #e1e3e6)", + "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, #999DA1)", + "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, #94989D)", + "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, #909499)", + "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, #464748)", + "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, #3E3F40)", + "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, #363738)", + "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, #B1B4B9)", + "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, #ADB1B6)", + "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, #aaaeb3)", + "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, #60A6F5)", + "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, #59A2F4)", + "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, #529ef4)", + "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, #B1B4B9)", + "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, #ADB1B6)", + "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)", }, "normal": { "name": "--vkui--vkontakte_color_icon_name", - "value": "var(--vkui--vkontakte_color_icon_name, #aaaeb3)", + "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, #B1B4B9)", + "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, #ADB1B6)", + "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, #aaaeb3)", + "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, #999DA1)", + "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, #94989D)", + "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, #909499)", + "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, rgba(0, 0, 0, 0.08))", + "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, rgba(0, 0, 0, 0.04))", + "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(0, 0, 0, 0.00))", + "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, #D7D8DB)", + "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, #EBEDF0)", + "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, #FFFFFF)", + "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, #E5D7B3)", + "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, #E4D5AF)", + "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, #E3D3AC)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2C2D2E)", + "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, #3D3E3F)", + "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, #343536)", + "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, #2C2D2E)", + "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, #373C5B)", + "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, #2F3354)", + "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, #262B4D)", + "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, #545556)", + "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, #4C4D4E)", + "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, #454647)", + "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, #6671B9)", + "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, #606BB6)", + "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, #5965B3)", + "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(255, 255, 255, 0.32))", + "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(255, 255, 255, 0.28))", + "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(255, 255, 255, 0.24))", + "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, #60A6F5)", + "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, #59A2F4)", + "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, #529EF4)", + "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--vkontakte_color_input_border--hover, #D8DBDF)", }, "normal": { "name": "--vkui--vkontakte_color_input_border", - "value": "var(--vkui--vkontakte_color_input_border, #2C2D2E)", + "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(255, 255, 255, 0.23))", + "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(255, 255, 255, 0.19))", + "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(255, 255, 255, 0.15))", + "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, #2B2B2C)", + "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, #222223)", + "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #19191a)", + "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, #818385)", + "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, #7B7D7F)", + "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)", }, "normal": { "name": "--vkui--vkontakte_color_loader_tint", @@ -488075,309 +483470,309 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "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))", + "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(255, 255, 255, 0.16))", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(0, 0, 0, 0.04))", }, "normal": { "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12))", + "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", }, }, "vkontakteColorModalCardHeaderClose": { "active": { "name": "--vkui--vkontakte_color_modal_card_header_close--active", - "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)", }, "normal": { "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF)", + "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", }, }, "vkontakteColorMusicPlaybackIcon": { "active": { "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB)", + "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", }, "hover": { "name": "--vkui--vkontakte_color_music_playback_icon--hover", - "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0)", + "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, #FFFFFF)", + "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)", }, }, "vkontakteColorPanelTabActiveText": { "active": { "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8)", + "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, #E2E4E7)", + "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, #e1e3e6)", + "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", }, }, "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, #8D96A4)", }, "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, #939CA9)", }, "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, #99a2ad)", }, }, "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, #A0AAB7)", }, "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, #A7B0BD)", }, "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, #aeb7c2)", }, }, "vkontakteColorPlaceholderIconTint": { "active": { "name": "--vkui--vkontakte_color_placeholder_icon_tint--active", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB)", + "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, #EBEDF0)", + "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, #FFFFFF)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "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, #FFFFFF)", + "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, #2B2B2C)", + "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, #222223)", + "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, #19191a)", + "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", }, }, "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, #778292)", }, "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, #7C8795)", }, "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, #818c99)", }, }, "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, #EBECEF)", }, "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, #F5F5F7)", }, "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, #FFFFFF)", }, }, "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, #EBECEF)", }, "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, #F5F5F7)", }, "normal": { "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", + "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", }, }, "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(0, 0, 0, 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.19))", + "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(255, 255, 255, 0.15))", + "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, #3D3E3F)", + "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, #343536)", + "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, #2c2d2e)", + "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, #2B2B2C)", + "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, #222223)", + "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)", }, "normal": { "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #19191a)", + "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, #D7D8DB)", + "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, #EBEDF0)", + "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, #FFFFFF)", + "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, #3D3E3F)", + "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, #343536)", + "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)", }, "normal": { "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", }, }, "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, #8D96A4)", }, "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, #939CA9)", }, "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, #99a2ad)", }, }, "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, #848992)", }, "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, #8A8F95)", }, "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, #909499)", }, }, "vkontakteColorTextName": { "active": { "name": "--vkui--vkontakte_color_text_name--active", - "value": "var(--vkui--vkontakte_color_text_name--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + "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, #818385)", + "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, #7B7D7F)", + "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, #76787a)", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", }, }, "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, #8D96A4)", }, "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, #939CA9)", }, "normal": { "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", }, }, "vkontakteGradientAquamarineBlue": { @@ -488519,207 +483914,207 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "vkontakteImAttachTint": { "active": { "name": "--vkui--vkontakte_im_attach_tint--active", - "value": "var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #FFFFFF)", + "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", }, }, "vkontakteImBubbleButtonForeground": { "active": { "name": "--vkui--vkontakte_im_bubble_button_foreground--active", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_button_foreground", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6)", + "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", }, }, "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.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.24))", + "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.20))", + "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))", }, }, "vkontakteImBubbleGiftBackground": { "active": { "name": "--vkui--vkontakte_im_bubble_gift_background--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E)", + "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_gift_background--hover", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857)", + "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, #857250)", + "value": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)", }, }, "vkontakteImBubbleGiftBackgroundHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C)", + "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, #AE9C77)", + "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, #ab9871)", + "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", }, }, "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, #E5E6EA)", }, "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, #EFF0F1)", }, "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, #f9f9f9)", }, }, "vkontakteImBubbleIncomingExpiringHighlighted": { "active": { "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #4F588A)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", }, "hover": { "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #485085)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", }, "normal": { "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #404980)", + "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", }, }, "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, #C6C8CD)", }, "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, #CED0D3)", }, "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, #d7d8d9)", }, }, "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, #EBECEF)", }, "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, #F5F5F7)", }, "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, #FFFFFF)", }, }, "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, #9FC3EF)", }, "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, #A6CBF7)", }, "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, #add3ff)", }, }, "vkontakteImReplySeparator": { "active": { "name": "--vkui--vkontakte_im_reply_separator--active", - "value": "var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB)", + "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, #EBEDF0)", + "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)", }, "normal": { "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #FFFFFF)", + "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", }, }, "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, #8D96A4)", }, "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, #939CA9)", }, "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, #99a2ad)", }, }, "vkontakteLandingBackground": { "active": { "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", + "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", }, "hover": { "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #222223)", + "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", }, "normal": { "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #19191a)", + "value": "var(--vkui--vkontakte_landing_background, #ffffff)", }, }, "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(0, 57, 115, 0.18))", }, "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(0, 57, 115, 0.14))", }, "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(0, 57, 115, 0.10))", }, }, "vkontaktePaletteBlack": { "active": { "name": "--vkui--vkontakte_palette_black--active", - "value": "var(--vkui--vkontakte_palette_black--active, #141414)", + "value": "var(--vkui--vkontakte_palette_black--active, #000105)", }, "hover": { "name": "--vkui--vkontakte_palette_black--hover", - "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", }, "normal": { "name": "--vkui--vkontakte_palette_black", @@ -488729,15 +484124,15 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] "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, #3F4246)", }, "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, #424447)", }, "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, #454647)", }, }, "zIndexModal": { @@ -488751,7 +484146,7 @@ exports[`shapshots vkontakteAndroidDark theme should match cssVars snapshot 2`] } `; -exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroid theme should match pixelify theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -488759,84 +484154,84 @@ 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", + "active": "#006FEF", + "hover": "#0073F7", "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", + "active": "#11ECC4", + "hover": "#12F5CA", "normal": "#13FFD0", }, "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", + "active": "#96A0AE", + "hover": "#9CA7B3", "normal": "#a3adb8", }, "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", + "active": "#A1E511", + "hover": "#A8EE0F", "normal": "#AFF70D", }, "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", + "active": "#EB9405", + "hover": "#F59A02", "normal": "#ffa000", }, "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": "#F56CFF", - "hover": "#F465FF", + "active": "#E059EF", + "hover": "#EA5CF7", "normal": "#F45FFF", }, "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", + "active": "#EB3046", + "hover": "#F53247", "normal": "#ff3347", }, "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", + "active": "#3A80D3", + "hover": "#3C85D9", "normal": "#3f8ae0", }, "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", @@ -488849,254 +484244,254 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 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": "#67A6FF", - "hover": "#61A2FF", + "active": "#5393EF", + "hover": "#5698F7", "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorFieldBorderAlpha": { - "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.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", + "active": "#DFE1E6", + "hover": "#E8EAEE", "normal": "#f2f3f5", }, "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", }, "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", + "active": "#282B2F", + "hover": "#2A2C2F", "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", }, "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(0, 28, 61, 0.16)", + "hover": "rgba(0, 28, 61, 0.12)", + "normal": "rgba(0, 28, 61, 0.08)", }, "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", @@ -489109,216 +484504,216 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", }, "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", + "active": "#689EDD", + "hover": "#6CA4E4", "normal": "#71aaeb", }, "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", + "active": "#437DC1", + "hover": "#4681C6", "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", }, "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", + "active": "#45A64A", + "hover": "#48AC4A", "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", }, - "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)", + "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)", "fontCaption1": { "regular": { "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", @@ -489542,9 +484937,9 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "fontWeightBase1": 600, "fontWeightBase2": 500, "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%, var(--vkui--color_background_content, rgba(25, 25, 26, 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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 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%, var(--vkui--color_background_tertiary, 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, @@ -489774,19 +485169,19 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "spacingSizeS": "6px", "spacingSizeXl": "12px", "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkontakteAndroidDark", + "themeInheritsFrom": "vkBase", + "themeName": "vkontakteAndroid", "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)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "vkontakteButtonMutedBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "vkontakteButtonTertiaryBackground": { "active": "rgba(0, 0, 0, 0.08)", @@ -489794,274 +485189,274 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "normal": "rgba(0, 0, 0, 0.00)", }, "vkontakteButtonTertiaryForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteColorAccentAlternate": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, "vkontakteColorActionSheetSeparatorAlpha": { - "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.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", }, "vkontakteColorAlphaSkeletonShimmerTo": { - "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", }, "vkontakteColorBackgroundKeyboard": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "vkontakteColorBackgroundSuggestions": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 0.20)", }, "vkontakteColorContentPlaceholderIcon": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "vkontakteColorContentTintForeground": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#75797F", + "hover": "#7A7D82", + "normal": "#7f8285", }, "vkontakteColorControlBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorControlForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#4B78AE", + "hover": "#4E7CB3", + "normal": "#5181b8", }, "vkontakteColorControlTintMuted": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "vkontakteColorHeaderSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorHeaderSearchFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "vkontakteColorHeaderTabActiveIndicator": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "vkontakteColorIconName": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#6B96CA", + "hover": "#6F9CD0", + "normal": "#74a2d6", }, "vkontakteColorIconOutlineMedium": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "vkontakteColorIconOutlineSecondary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "rgba(215, 216, 217, 1)", }, "vkontakteColorImBubbleGiftText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#7A6A4E", + "hover": "#806E4F", + "normal": "#857250", }, "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#E5D7B3", - "hover": "#E4D5AF", - "normal": "#E3D3AC", + "active": "#9D8D6D", + "hover": "#A4936F", + "normal": "#AB9871", }, "vkontakteColorImBubbleIncoming": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#EBEDF0", }, "vkontakteColorImBubbleIncomingAlternate": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "vkontakteColorImBubbleIncomingExpiring": { - "active": "#373C5B", - "hover": "#2F3354", - "normal": "#262B4D", + "active": "#D4D8EF", + "hover": "#DDE0F7", + "normal": "#E6E9FF", }, "vkontakteColorImBubbleOutgoing": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#BCD3EF", + "hover": "#C4DCF7", + "normal": "#CCE4FF", }, "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#6671B9", - "hover": "#606BB6", - "normal": "#5965B3", + "active": "#9FABEF", + "hover": "#A6B1F7", + "normal": "#ADB8FF", }, "vkontakteColorImForwardLineAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "active": "rgba(69, 103, 143, 0.32)", + "hover": "rgba(69, 103, 143, 0.28)", + "normal": "rgba(69, 103, 143, 0.24)", }, "vkontakteColorImTextName": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2D81E0", }, "vkontakteColorInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#E1E3E6", }, "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, "vkontakteColorLoaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorLoaderTint": { - "active": "#818385", - "hover": "#7B7D7F", + "active": "#6D7075", + "hover": "#717478", "normal": "#76787a", }, "vkontakteColorModalCardBorderAlpha": { - "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.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "rgba(0, 0, 0, 0)", }, "vkontakteColorModalCardHeaderClose": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "vkontakteColorMusicPlaybackIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "vkontakteColorPanelTabActiveText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#6D7075", + "hover": "#717478", + "normal": "#76787a", }, "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#A0AAB7", + "hover": "#A7B0BD", + "normal": "#aeb7c2", }, "vkontakteColorPlaceholderIconTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#001B3D", + "hover": "#001C3D", + "normal": "#001c3d", }, "vkontakteColorPollOptionBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#3F6088", + "hover": "#42648C", + "normal": "#45678f", }, "vkontakteColorSearchBarBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "vkontakteColorSearchBarFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", }, "vkontakteColorSkeletonShimmerFrom": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "vkontakteColorSnippetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(0, 0, 0, 0.23)", + "hover": "rgba(0, 0, 0, 0.19)", + "normal": "rgba(0, 0, 0, 0.15)", }, "vkontakteColorSplashScreenIcon": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", }, "vkontakteColorStatusBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "vkontakteColorTabbarActiveIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#266DC1", + "hover": "#2771C6", + "normal": "#2975cc", }, "vkontakteColorTabbarBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "vkontakteColorTabbarInactiveIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "vkontakteColorTabbarTabletTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#848992", + "hover": "#8A8F95", + "normal": "#909499", }, "vkontakteColorTextName": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", }, "vkontakteFloatButtonForeground": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", @@ -490098,5825 +485493,10435 @@ exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapsh "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", "vkontakteImAttachTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteImBubbleButtonForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#000105", + "hover": "#000102", + "normal": "#000000", }, "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.68)", + "hover": "rgba(255, 255, 255, 0.64)", + "normal": "rgba(255, 255, 255, 0.60)", }, "vkontakteImBubbleGiftBackground": { - "active": "#8F7D5E", - "hover": "#8A7857", - "normal": "#857250", + "active": "#E0D6B8", + "hover": "#EADEBE", + "normal": "#f4e7c3", }, "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#B2A07C", - "hover": "#AE9C77", - "normal": "#ab9871", + "active": "#D1C3A3", + "hover": "#DACBA8", + "normal": "#e3d3ac", }, "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#4F588A", - "hover": "#485085", - "normal": "#404980", + "active": "#BCC3EF", + "hover": "#C4CBF7", + "normal": "#ccd3ff", }, "vkontakteImBubbleIncomingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", }, "vkontakteImBubbleOutgoingAlternate": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "vkontakteImBubbleOutgoingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#9FC3EF", + "hover": "#A6CBF7", + "normal": "#add3ff", }, "vkontakteImReplySeparator": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "vkontakteImToolbarVoiceMsgBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", }, "vkontakteLandingBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "active": "rgba(0, 57, 115, 0.18)", + "hover": "rgba(0, 57, 115, 0.14)", + "normal": "rgba(0, 57, 115, 0.10)", }, "vkontaktePaletteBlack": { - "active": "#141414", - "hover": "#0A0A0A", + "active": "#000105", + "hover": "#000102", "normal": "#000000", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", }, "zIndexModal": 99, "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroidDark theme should match pixelify theme snapshot 2`] = ` +exports[`shapshots vkontakteAndroid 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.4, 0, 0.2, 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))", "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13ffd0", + "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": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#B5F820", - "hover": "#B2F717", - "normal": "#aff70d", + "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": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "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": "#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": "#F56CFF", - "hover": "#F465FF", - "normal": "#f45fff", + "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": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "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": "#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": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "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": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "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": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "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": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "#ffffffd8", + "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": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "var(--vkui--color_background--active, #D8DBE2)", + "hover": "var(--vkui--color_background--hover, #E2E4E9)", + "normal": "var(--vkui--color_background, #ebedf0)", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "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": "#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)", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#222222", - "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)", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_content_inverse--active, #17181D)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "normal": "var(--vkui--color_background_content_inverse, #19191A)", }, "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": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "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": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "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))", }, "colorBackgroundContrastThemed": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "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": "#2E4962", - "hover": "#25415B", - "normal": "#1c3954", + "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": "#2F2F2F", - "hover": "#262626", - "normal": "#1d1d1d", + "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, #1A1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1B1C1F)", + "normal": "var(--vkui--color_background_modal_inverse, #1C1D1E)", }, "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#3F4D3C", - "hover": "#364633", - "normal": "#2e3e2b", + "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": "#353535", - "hover": "#2C2C2C", - "normal": "#232323", + "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": "rgba(255, 255, 255, 0.18)", - "hover": "rgba(255, 255, 255, 0.14)", - "normal": "#ffffff19", + "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": "#323232", - "hover": "#292929", - "normal": "#202020", + "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": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "#ffffff07", + "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": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "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": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#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": "#F4F4F4", - "hover": "#F3F3F3", - "normal": "#f3f3f3", + "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": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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": "#B7B7B7", - "hover": "#B4B4B4", - "normal": "#b1b1b1", + "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": "rgba(246, 246, 246, 0.74)", - "hover": "rgba(246, 246, 246, 0.7000000000000001)", - "normal": "#f6f6f6a8", + "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": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", + "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": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", + "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": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "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": "rgba(246, 246, 246, 0.51)", - "hover": "rgba(246, 246, 246, 0.47000000000000003)", - "normal": "#f6f6f66d", + "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": "#6C6C6C", - "hover": "#656565", - "normal": "#5f5f5f", + "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": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "#ffffff4c", + "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": "#EEB663", - "hover": "#EEB35C", - "normal": "#edb055", + "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": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "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": "#3C3C3C", - "hover": "#333333", - "normal": "#2b2b2b", + "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": "rgba(246, 246, 246, 0.16)", - "hover": "rgba(246, 246, 246, 0.12)", - "normal": "#f6f6f614", + "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": "#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.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "#00000066", + "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))", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35000000000000003)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "#00000044", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "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": "#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": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "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": "#545454", - "hover": "#4C4C4C", - "normal": "#454545", + "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": "#606060", - "hover": "#595959", - "normal": "#525252", + "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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "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": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "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": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "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": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#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, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorStrokePrimary": { - "active": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", + "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": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#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": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#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": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "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": "#C9C9C9", - "hover": "#C6C6C6", - "normal": "#c4c4c4", + "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, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", + "active": "var(--vkui--color_text_primary--active, #000105)", + "hover": "var(--vkui--color_text_primary--hover, #000102)", + "normal": "var(--vkui--color_text_primary, #000000)", }, "colorTextPrimaryAlpha": { - "active": "rgba(248, 248, 248, 0.8)", - "hover": "rgba(248, 248, 248, 0.76)", - "normal": "#f8f8f8b7", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", }, "colorTextPrimaryInvariably": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", + "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": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "active": "var(--vkui--color_text_secondary--active, #778292)", + "hover": "var(--vkui--color_text_secondary--hover, #7C8795)", + "normal": "var(--vkui--color_text_secondary, #818c99)", }, "colorTextSecondaryAlpha": { - "active": "rgba(250, 250, 250, 0.5)", - "hover": "rgba(250, 250, 250, 0.46)", - "normal": "#fafafa6b", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", }, "colorTextSubhead": { - "active": "#A2A2A2", - "hover": "#9E9E9E", - "normal": "#9a9a9a", + "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": "#6C6C6C", - "hover": "#656565", - "normal": "#5f5f5f", + "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": "#555555", - "hover": "#4D4D4D", - "normal": "#464646", + "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": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "#00000000", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "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": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "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.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "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": "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)", + "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))", "fontCaption1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "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)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "14px", + "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)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "14px", - "textTransform": "uppercase", + "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)", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": "12px", + "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)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": "12px", - "textTransform": "uppercase", + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "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)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "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)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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": ""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": "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", + "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)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": "16px", - "textTransform": "uppercase", + "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)", }, }, "fontHeadline": { "compact": { - "fontSize": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", }, }, "fontHeadline2": { "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", + "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "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)", }, }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "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)", }, }, "fontSubhead": { "compact": { - "fontSize": "13px", - "letterSpacing": "0.15px", - "lineHeight": "16px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "18px", + "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": "15px", - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": "20px", + "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)", }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "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)", }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "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)", }, }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "fontWeightBase3": 400, - "gradient": "rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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, + "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, 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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", "sizeArrow": { - "regular": "8px", + "regular": "var(--vkui--size_arrow--regular, 8px)", }, "sizeArrowPadding": { - "regular": "12px", + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { - "regular": "40px", + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "sizeAvatarL": { - "regular": "96px", + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, "sizeAvatarM": { - "regular": "48px", + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, "sizeAvatarS": { - "regular": "32px", + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, "sizeAvatarXL": { - "regular": "128px", + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, "sizeAvatarXS": { - "regular": "24px", + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, "sizeBadgeL": { - "regular": "44px", + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, "sizeBadgeM": { - "regular": "24px", + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, "sizeBadgeS": { - "regular": "16px", + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, "sizeBadgeXL": { - "regular": "56px", + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, "sizeBadgeXS": { - "regular": "12px", + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, "sizeBasePaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, "sizeBasePaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, "sizeBorder1x": { - "regular": "1px", + "regular": "var(--vkui--size_border1x--regular, 1px)", }, "sizeBorder2x": { - "regular": "0.5px", + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, "sizeBorder3x": { - "regular": "0.33px", + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, "sizeBorderRadius": { - "regular": "8px", + "regular": "var(--vkui--size_border_radius--regular, 8px)", }, "sizeBorderRadiusPaper": { - "regular": "12px", + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, "sizeBorderRadiusPromo": { - "regular": "20px", + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, "sizeBorderRadiusRounded": { - "regular": "48px", + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, "sizeButtonGroupGapMedium": { - "regular": "12px", + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, "sizeButtonGroupGapSmall": { - "regular": "8px", + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, "sizeButtonGroupGapSpace": { - "regular": "1px", + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, "sizeButtonMinimumWidth": { - "regular": "80px", + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, "sizeCardBorderRadius": { - "regular": "8px", + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { - "regular": "8px", + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, "sizeCardgridPaddingVertical": { - "regular": "8px", + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, "sizeCheckBorderRadius": { - "regular": "4px", + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, "sizeCheckbox": { - "regular": "16px", + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, "sizeFieldHorizontalPadding": { - "regular": "12px", + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { - "regular": "16px", + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeLabelHorizontalMargin": { - "regular": "16px", + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "sizeOptionHierarchy": { - "regular": "32px", + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, "sizePanelHeaderHeight": { - "compact": "48px", - "regular": "56px", + "compact": "var(--vkui--size_panel_header_height--compact, 48px)", + "regular": "var(--vkui--size_panel_header_height--regular, 56px)", }, "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, "sizePopupLarge": { - "regular": "880px", + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMedium": { - "regular": "680px", + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": "430px", + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, "sizeSubnavigationBarGap": { - "regular": "8px", + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, "sizeSwitchHeight": { - "compact": "12px", - "regular": "14px", + "compact": "var(--vkui--size_switch_height--compact, 12px)", + "regular": "var(--vkui--size_switch_height--regular, 14px)", }, "sizeSwitchPin": { - "compact": "18px", - "regular": "20px", + "compact": "var(--vkui--size_switch_pin--compact, 18px)", + "regular": "var(--vkui--size_switch_pin--regular, 20px)", }, "sizeSwitchWidth": { - "compact": "32px", - "regular": "34px", + "compact": "var(--vkui--size_switch_width--compact, 32px)", + "regular": "var(--vkui--size_switch_width--regular, 34px)", }, "sizeTooltipMargin": { - "regular": "8px", + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkontakteAndroidDark", - "themeNameBase": "vkontakteAndroid", + "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, vkontakteAndroid)", + "themeNameBase": "var(--vkui--theme_name_base, 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)", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E5D7B3", - "hover": "#E4D5AF", - "normal": "#E3D3AC", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "#373C5B", - "hover": "#2F3354", - "normal": "#262B4D", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#6671B9", - "hover": "#606BB6", - "normal": "#5965B3", + "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": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", "vkontakteImAttachTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "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": "#8F7D5E", - "hover": "#8A7857", - "normal": "#857250", + "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": "#B2A07C", - "hover": "#AE9C77", - "normal": "#ab9871", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#4F588A", - "hover": "#485085", - "normal": "#404980", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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))", }, "vkontaktePaletteBlack": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "var(--vkui--vkontakte_palette_black--active, #000105)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", + "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": 99, - "zIndexPopout": 100, + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from CssVars 1`] = ` +exports[`shapshots vkontakteAndroid theme should match root 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.4, 0, 0.2, 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": "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, #7CB1ED)", - "hover": "var(--vkui--color_accent_blue--hover, #77ADEC)", - "normal": "var(--vkui--color_accent_blue, #71aaeb)", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13FFD0", }, "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": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#A1E511", + "hover": "#A8EE0F", + "normal": "#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": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, "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, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "normal": "var(--vkui--color_accent_pink, #F45FFF)", + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#F45FFF", }, "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": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, "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, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "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": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "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": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "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, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688EB", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "rgba(38, 136, 235, 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", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "#17181D", + "hover": "#18191B", + "normal": "#19191A", }, "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, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "rgba(255, 255, 255, 0.20)", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#FFFFFF", }, "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": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#DEEEFF", }, "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": "#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": "#1A1C20", + "hover": "#1B1C1F", + "normal": "#1C1D1E", }, "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": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, "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": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#FFE9E9", }, "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": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#E8F9E8", }, "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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "rgba(0, 0, 0, 0.04)", }, "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": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "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": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "rgba(0, 0, 0, 0.03)", }, "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": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#FFF2D6", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, "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": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", }, "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": "rgba(0, 0, 0, 0.36)", + "hover": "rgba(0, 0, 0, 0.24)", + "normal": "rgba(0, 0, 0, 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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconContrastSecondary": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorIconMedium": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "rgba(0, 0, 0, 0.48)", + }, + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorIconPrimary": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconPrimaryInvariably": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorIconSecondary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "rgba(0, 0, 0, 0.36)", + }, + "colorIconTertiary": { + "active": "#A9B3C1", + "hover": "#B1BAC6", + "normal": "#b8c1cc", + }, + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "rgba(0, 0, 0, 0.24)", + }, + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#F8A01C", + }, + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "rgba(0, 0, 0, 0.08)", + }, + "colorImagePlaceholder": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorImagePlaceholderAlpha": { + "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", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", + }, + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorSearchFieldBackground": { + "active": "#D8DBE2", + "hover": "#E2E4E9", + "normal": "#ebedf0", + }, + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorSeparatorPrimary": { + "active": "#C6C8CD", + "hover": "#CED0D3", + "normal": "#d7d8d9", + }, + "colorSeparatorPrimary2x": { + "active": "#BBBDC1", + "hover": "#C3C4C7", + "normal": "#cbcccd", + }, + "colorSeparatorPrimary3x": { + "active": "#AFB1B6", + "hover": "#B6B8BC", + "normal": "#bebfc1", + }, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "rgba(0, 0, 0, 0.12)", + }, + "colorSeparatorSecondary": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", + }, + "colorSkeletonTo": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorStrokeAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTabbarTextInactive": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTextAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", + }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", + }, + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#282B2F", + "hover": "#2A2C2F", + "normal": "#2c2d2e", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(37, 41, 46, 0.92)", + "hover": "rgba(37, 41, 46, 0.88)", + "normal": "rgba(37, 41, 46, 0.84)", + }, + "colorTextPrimaryInvariably": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "colorTextSecondary": { + "active": "#778292", + "hover": "#7C8795", + "normal": "#818c99", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(37, 41, 46, 0.63)", + "hover": "rgba(37, 41, 46, 0.59)", + "normal": "rgba(37, 41, 46, 0.55)", + }, + "colorTextSubhead": { + "active": "#64707F", + "hover": "#697482", + "normal": "#6d7885", + }, + "colorTextTertiary": { + "active": "#8D96A4", + "hover": "#939CA9", + "normal": "#99a2ad", + }, + "colorTrackBackground": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 16, 61, 0.08)", + "hover": "rgba(0, 16, 61, 0.04)", + "normal": "transparent", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#DFE1E6", + "hover": "#E8EAEE", + "normal": "#f2f3f5", + }, + "colorWriteBarInputBorder": { + "active": "#CFD2D8", + "hover": "#D8DBDF", + "normal": "#e1e3e6", + }, + "colorWriteBarInputBorderAlpha": { + "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 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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": 11, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 14, + }, + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, 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", + "fontSize": 9, + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": 12, + }, + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": 12, + "textTransform": "uppercase", + }, + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontDisplayTitle2": { + "compact": { + "fontFamily": ""VK Sans Display", -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", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontDisplayTitle4": { + "regular": { + "fontFamily": ""VK Sans Display", -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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontFootnote": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + }, + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": 16, + "textTransform": "uppercase", + }, + }, + "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, + }, + }, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, + }, + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, + }, + "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, + }, + }, + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, + }, + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, + }, + "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%, var(--vkui--color_background_content, 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%, var(--vkui--color_background_tertiary, 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, + }, + "sizeArrowPadding": { + "regular": 12, + }, + "sizeArrowPromo": { + "regular": 40, + }, + "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, + }, + "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, + }, + "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, + }, + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, + }, + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, + }, + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, + }, + "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": 8, + }, + "sizeCardgridPadding": { + "regular": 8, + }, + "sizeCardgridPaddingVertical": { + "regular": 8, + }, + "sizeCheckBorderRadius": { + "regular": 4, + }, + "sizeCheckbox": { + "regular": 16, + }, + "sizeFieldHeight": { + "compact": 36, + "regular": 44, + }, + "sizeFieldHorizontalPadding": { + "regular": 12, + }, + "sizeFormItemPaddingVertical": { + "regular": 12, + }, + "sizeIconUI": { + "regular": 16, + }, + "sizeLabelHorizontalMargin": { + "regular": 16, + }, + "sizeOptionHierarchy": { + "regular": 32, + }, + "sizePanelHeaderHeight": { + "compact": 48, + "regular": 56, + }, + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, + }, + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, + }, + "sizePopupLarge": { + "regular": 880, + }, + "sizePopupMedium": { + "regular": 680, + }, + "sizePopupSmall": { + "regular": 430, + }, + "sizeSearchHeight": { + "compact": 32, + "regular": 36, + }, + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, + }, + "sizeSplitColPaddingHorizontal": { + "regular": 16, + }, + "sizeSubnavigationBarGap": { + "regular": 8, + }, + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, + }, + "sizeSwitchHeight": { + "compact": 12, + "regular": 14, + }, + "sizeSwitchPin": { + "compact": 18, + "regular": 20, + }, + "sizeSwitchWidth": { + "compact": 32, + "regular": 34, + }, + "sizeTooltipMargin": { + "regular": 8, + }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkBase", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "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)", + }, + "vkontaktePaletteBlack": { + "active": "#000105", + "hover": "#000102", + "normal": "#000000", + }, + "vkontakteStoriesSkeletonLoaderBackground": { + "active": "#3F4246", + "hover": "#424447", + "normal": "#454647", + }, + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots vkontakteAndroidDark 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.4, 0, 0.2, 1))", + }, + "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)", + }, + }, + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #71aaeb)", + }, + }, + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13FFD0)", + }, + }, + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, + }, + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, + }, + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #AFF70D)", + }, + }, + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #F45FFF)", + }, + }, + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, + }, + "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, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, + }, + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, + }, + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, + }, + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + }, + }, + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + }, + }, + "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, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, + }, + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, + }, + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "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, #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": { + "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": { + "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)", + }, + }, + "colorBackgroundContent": { + "active": { + "name": "--vkui--color_background_content--active", + "value": "var(--vkui--color_background_content--active, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_background_content--hover", + "value": "var(--vkui--color_background_content--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #19191a)", + }, + }, + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, + }, + "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)", + }, + }, + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #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))", + }, + }, + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + }, + }, + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1C3954)", + }, + }, + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2E2F30)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #252627)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1C1D1E)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "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)", + }, + "hover": { + "name": "--vkui--color_background_positive_tint--hover", + "value": "var(--vkui--color_background_positive_tint--hover, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + }, + }, + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353536)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232324)", + }, + }, + "colorBackgroundSecondaryAlpha": { + "active": { + "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_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.12))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, rgba(255, 255, 255, 0.10))", + }, + }, + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323233)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202021)", + }, + }, + "colorBackgroundTertiaryAlpha": { + "active": { + "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_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, rgba(255, 255, 255, 0.03))", + }, + }, + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "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, #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": { + "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": { + "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": { + "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": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "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, #2B2B2C)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222223)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #19191a)", + }, + }, + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, + }, + "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)", + }, + }, + "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)", + }, + }, + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #000000)", + }, + }, + "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(241, 247, 255, 0.74))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "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(241, 247, 255, 0.66))", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, + }, + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e1e3e6)", + }, + }, + "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, #818385)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "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(241, 247, 255, 0.51))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "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(241, 247, 255, 0.43))", + }, + }, + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "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))", + }, + "hover": { + "name": "--vkui--color_icon_tertiary_alpha--hover", + "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.30))", + }, + }, + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "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(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, #3B3C3D)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333334)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "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(241, 247, 255, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "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(241, 247, 255, 0.08))", + }, + }, + "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.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.40))", + }, + }, + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + }, + }, + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "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)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #363738)", + }, + }, + "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, #464748)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #363738)", + }, + }, + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #535455)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #444546)", + }, + }, + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "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(255, 255, 255, 0.2))", + }, + "hover": { + "name": "--vkui--color_separator_primary_alpha--hover", + "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(255, 255, 255, 0.12))", + }, + }, + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272728)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141415)", + }, + }, + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #353536)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #232324)", + }, + }, + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #343536)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + }, + }, + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, + }, + "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, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", + }, + }, + "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, #141414)", + }, + "hover": { + "name": "--vkui--color_text_contrast_themed--hover", + "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, + }, + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, + }, + "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, #5890D0)", + }, + "hover": { + "name": "--vkui--color_text_link_visited--hover", + "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, + }, + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #e1e3e6)", + }, + }, + "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, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, + }, + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e1e3e6)", + }, + }, + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + }, + }, + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #000000)", + }, + }, + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #818385)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #76787a)", + }, + }, + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + }, + }, + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #969a9f)", + }, + }, + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #636567)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5d5f61)", + }, + }, + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #545556)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #454647)", + }, + }, + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, + }, + "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, #818385)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "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, #3D3E3F)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "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, #2c2d2e)", + }, + }, + "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, 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 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 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 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 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.20))", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 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)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, + }, + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", + }, + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "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, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + "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)", + }, + "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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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.2px)", + }, + "lineHeight": { + "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)", + }, + }, + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "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)", + }, + "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)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "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)", + }, + }, }, - "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)", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, }, - "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_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)", + }, + }, + "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)", + }, + "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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, }, - "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)", + "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, -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, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "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)", + }, + }, }, - "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)", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B6B7BC)", - "hover": "var(--vkui--color_icon_medium--hover, #B3B4B9)", - "normal": "var(--vkui--color_icon_medium, #b0b1b6)", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "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))", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_primary, #e1e3e6)", + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "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)", + "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%, var(--vkui--color_background_content, rgba(25, 25, 26, 1)) 100%)", }, - "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #818385)", - "hover": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_icon_secondary, #76787a)", + "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%)", }, - "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))", + "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%, var(--vkui--color_background_tertiary, rgba(32, 32, 33, 1)) 100%)", }, - "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_icon_tertiary--hover, #636567)", - "normal": "var(--vkui--color_icon_tertiary, #5d5f61)", + "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%)", }, - "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))", + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", }, - "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "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))", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", + }, + "regular": { + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", + }, }, - "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", - "hover": "var(--vkui--color_image_placeholder--hover, #333334)", - "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "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)", + }, }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #464748)", - "hover": "var(--vkui--color_separator_primary--hover, #3E3F40)", - "normal": "var(--vkui--color_separator_primary, #363738)", + "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)", + }, }, - "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #535455)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", - "normal": "var(--vkui--color_separator_primary2x, #444546)", + "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)", + }, }, - "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", - "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", - "normal": "var(--vkui--color_separator_primary3x, #505253)", + "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)", + }, }, - "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))", + "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)", + }, }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272728)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", - "normal": "var(--vkui--color_separator_secondary, #141415)", + "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)", + }, }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #353536)", - "hover": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", - "normal": "var(--vkui--color_skeleton_from, #232324)", + "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)", + }, }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3D3E3F)", - "hover": "var(--vkui--color_skeleton_to--hover, #343536)", - "normal": "var(--vkui--color_skeleton_to, #2c2d2e)", + "sizeBorder1x": { + "auto": { + "name": "--vkui--size_border1x", + "value": "var(--vkui--size_border1x)", + }, + "regular": { + "name": "--vkui--size_border1x--regular", + "value": "var(--vkui--size_border1x--regular, 1px)", + }, }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_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)", + }, }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "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)", + }, }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #E3E5E8)", - "hover": "var(--vkui--color_text_muted--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_muted, #e1e3e6)", + "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)", + }, }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "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)", + }, }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "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)", + }, }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E3E5E8)", - "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_primary, #e1e3e6)", + "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)", + }, }, - "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "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)", + }, }, - "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)", + "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)", + }, }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #818385)", - "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", - "normal": "var(--vkui--color_text_secondary, #76787a)", + "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)", + }, }, - "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "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)", + }, }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #9EA2A7)", - "hover": "var(--vkui--color_text_subhead--hover, #9A9EA3)", - "normal": "var(--vkui--color_text_subhead, #969a9f)", + "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)", + }, }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6A6C6E)", - "hover": "var(--vkui--color_text_tertiary--hover, #636567)", - "normal": "var(--vkui--color_text_tertiary, #5d5f61)", + "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)", + }, }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #545556)", - "hover": "var(--vkui--color_track_background--hover, #4C4D4E)", - "normal": "var(--vkui--color_track_background, #454647)", + "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)", + }, }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "sizeCheckbox": { + "auto": { + "name": "--vkui--size_checkbox", + "value": "var(--vkui--size_checkbox)", + }, + "regular": { + "name": "--vkui--size_checkbox--regular", + "value": "var(--vkui--size_checkbox--regular, 16px)", + }, }, - "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": { + "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": { - "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)", + "name": "--vkui--size_field_height--regular", + "value": "var(--vkui--size_field_height--regular, 44px)", }, }, - "fontCaption1Caps": { + "sizeFieldHorizontalPadding": { + "auto": { + "name": "--vkui--size_field_horizontal_padding", + "value": "var(--vkui--size_field_horizontal_padding)", + }, "regular": { - "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)", + "name": "--vkui--size_field_horizontal_padding--regular", + "value": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, }, - "fontCaption2": { + "sizeFormItemPaddingVertical": { + "auto": { + "name": "--vkui--size_form_item_padding_vertical", + "value": "var(--vkui--size_form_item_padding_vertical)", + }, "regular": { - "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)", + "name": "--vkui--size_form_item_padding_vertical--regular", + "value": "var(--vkui--size_form_item_padding_vertical--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, -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)", + "name": "--vkui--size_icon_u_i--regular", + "value": "var(--vkui--size_icon_u_i--regular, 16px)", }, }, - "fontCaption3": { + "sizeLabelHorizontalMargin": { + "auto": { + "name": "--vkui--size_label_horizontal_margin", + "value": "var(--vkui--size_label_horizontal_margin)", + }, "regular": { - "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)", + "name": "--vkui--size_label_horizontal_margin--regular", + "value": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, }, - "fontCaption3Caps": { + "sizeOptionHierarchy": { + "auto": { + "name": "--vkui--size_option_hierarchy", + "value": "var(--vkui--size_option_hierarchy)", + }, "regular": { - "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)", + "name": "--vkui--size_option_hierarchy--regular", + "value": "var(--vkui--size_option_hierarchy--regular, 32px)", }, }, - "fontDisplayTitle1": { + "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": { - "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)", + "name": "--vkui--size_panel_header_height--regular", + "value": "var(--vkui--size_panel_header_height--regular, 56px)", }, }, - "fontDisplayTitle2": { + "sizePopupBasePadding": { + "auto": { + "name": "--vkui--size_popup_base_padding", + "value": "var(--vkui--size_popup_base_padding)", + }, "compact": { - "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)", + "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": { - "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)", + "name": "--vkui--size_popup_header_padding--regular", + "value": "var(--vkui--size_popup_header_padding--regular, 24px)", }, }, - "fontDisplayTitle3": { - "regular": { - "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)", + "sizePopupLarge": { + "auto": { + "name": "--vkui--size_popup_large", + "value": "var(--vkui--size_popup_large)", }, - }, - "fontDisplayTitle4": { "regular": { - "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)", + "name": "--vkui--size_popup_large--regular", + "value": "var(--vkui--size_popup_large--regular, 880px)", }, }, - "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": { + "sizePopupMedium": { + "auto": { + "name": "--vkui--size_popup_medium", + "value": "var(--vkui--size_popup_medium)", + }, "regular": { - "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)", + "name": "--vkui--size_popup_medium--regular", + "value": "var(--vkui--size_popup_medium--regular, 680px)", }, }, - "fontFootnoteCaps": { + "sizePopupSmall": { + "auto": { + "name": "--vkui--size_popup_small", + "value": "var(--vkui--size_popup_small)", + }, "regular": { - "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)", + "name": "--vkui--size_popup_small--regular", + "value": "var(--vkui--size_popup_small--regular, 430px)", }, }, - "fontHeadline": { + "sizeSearchHeight": { + "auto": { + "name": "--vkui--size_search_height", + "value": "var(--vkui--size_search_height)", + }, "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)", + "name": "--vkui--size_search_height--compact", + "value": "var(--vkui--size_search_height--compact, 32px)", }, "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)", + "name": "--vkui--size_search_height--regular", + "value": "var(--vkui--size_search_height--regular, 36px)", }, }, - "fontHeadline1": { + "sizeSelectIconPadding": { + "auto": { + "name": "--vkui--size_select_icon_padding", + "value": "var(--vkui--size_select_icon_padding)", + }, "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)", + "name": "--vkui--size_select_icon_padding--compact", + "value": "var(--vkui--size_select_icon_padding--compact, 7px)", }, "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)", + "name": "--vkui--size_select_icon_padding--regular", + "value": "var(--vkui--size_select_icon_padding--regular, 6px)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "sizeSplitColPaddingHorizontal": { + "auto": { + "name": "--vkui--size_split_col_padding_horizontal", + "value": "var(--vkui--size_split_col_padding_horizontal)", }, "regular": { - "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)", + "name": "--vkui--size_split_col_padding_horizontal--regular", + "value": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, }, - "fontParagraph": { + "sizeSubnavigationBarGap": { + "auto": { + "name": "--vkui--size_subnavigation_bar_gap", + "value": "var(--vkui--size_subnavigation_bar_gap)", + }, "regular": { - "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)", + "name": "--vkui--size_subnavigation_bar_gap--regular", + "value": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, }, - "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)", + "sizeSubnavigationBarPaddingVertical": { + "auto": { + "name": "--vkui--size_subnavigation_bar_padding_vertical", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical)", }, "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)", + "name": "--vkui--size_subnavigation_bar_padding_vertical--regular", + "value": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, }, - "fontText": { + "sizeSwitchHeight": { + "auto": { + "name": "--vkui--size_switch_height", + "value": "var(--vkui--size_switch_height)", + }, "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)", + "name": "--vkui--size_switch_height--compact", + "value": "var(--vkui--size_switch_height--compact, 12px)", }, "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)", + "name": "--vkui--size_switch_height--regular", + "value": "var(--vkui--size_switch_height--regular, 14px)", }, }, - "fontTitle1": { + "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": { - "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)", + "name": "--vkui--size_switch_pin--regular", + "value": "var(--vkui--size_switch_pin--regular, 20px)", }, }, - "fontTitle2": { + "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": { - "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)", + "name": "--vkui--size_switch_width--regular", + "value": "var(--vkui--size_switch_width--regular, 34px)", }, }, - "fontTitle3": { + "sizeTooltipMargin": { + "auto": { + "name": "--vkui--size_tooltip_margin", + "value": "var(--vkui--size_tooltip_margin)", + }, "regular": { - "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)", + "name": "--vkui--size_tooltip_margin--regular", + "value": "var(--vkui--size_tooltip_margin--regular, 8px)", }, }, - "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, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", - "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", - }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", - }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", - }, - "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)", - }, - "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)", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkBaseDark)", }, - "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, vkontakteAndroidDark)", }, - "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, vkontakteAndroid)", }, - "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "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))", + }, }, - "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "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)", + }, }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "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))", + }, }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "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)", + }, }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "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)", + }, }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "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))", + }, }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "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)", + }, }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "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)", + }, }, - "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 8px)", + "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)", + }, }, - "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "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))", + }, }, - "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "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)", + }, }, - "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "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)", + }, }, - "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "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)", + }, }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "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)", + }, }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "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)", + }, }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "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)", + }, }, - "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "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)", + }, }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "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)", + }, }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "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)", + }, }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 48px)", - "regular": "var(--vkui--size_panel_header_height--regular, 56px)", + "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)", + }, }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "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)", + }, }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "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))", + }, }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "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)", + }, }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "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)", + }, }, - "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "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)", + }, }, - "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "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)", + }, }, - "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "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)", + }, }, - "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "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)", + }, }, - "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "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)", + }, }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "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))", + }, }, - "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 12px)", - "regular": "var(--vkui--size_switch_height--regular, 14px)", + "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)", + }, }, - "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 18px)", - "regular": "var(--vkui--size_switch_pin--regular, 20px)", + "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)", + }, }, - "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 32px)", - "regular": "var(--vkui--size_switch_width--regular, 34px)", + "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))", + }, }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "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)", + }, }, - "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, vkBaseDark)", - "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))", + "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)", + }, }, - "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)", + "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))", + }, }, - "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))", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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))", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "vkontakteColorSnippetBackground": { + "active": { + "name": "--vkui--vkontakte_color_snippet_background--active", + "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, #2C2C2D)", + }, + "normal": { + "name": "--vkui--vkontakte_color_snippet_background", + "value": "var(--vkui--vkontakte_color_snippet_background, #232324)", + }, }, - "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)", + "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))", + }, + "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))", + }, }, - "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)", + "vkontakteColorSplashScreenIcon": { + "active": { + "name": "--vkui--vkontakte_color_splash_screen_icon--active", + "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, #343536)", + }, + "normal": { + "name": "--vkui--vkontakte_color_splash_screen_icon", + "value": "var(--vkui--vkontakte_color_splash_screen_icon, #2c2d2e)", + }, }, - "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)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_status_background", + "value": "var(--vkui--vkontakte_color_status_background, #19191a)", + }, }, - "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)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_active_icon", + "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", + }, }, - "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)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_background", + "value": "var(--vkui--vkontakte_color_tabbar_background, #2c2d2e)", + }, }, - "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)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_inactive_icon", + "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #76787a)", + }, }, - "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)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", + "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", + }, }, - "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)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_text_name", + "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", + }, }, - "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))", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_color_toolbar_attach_background_from", + "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #76787a)", + }, }, - "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)", + "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)", + }, + "normal": { + "name": "--vkui--vkontakte_float_button_foreground", + "value": "var(--vkui--vkontakte_float_button_foreground, #aaaeb3)", + }, }, - "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)", + "vkontakteGradientAquamarineBlue": { + "name": "--vkui--vkontakte_gradient_aquamarine_blue", + "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", }, - "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)", + "vkontakteGradientBlue": { + "name": "--vkui--vkontakte_gradient_blue", + "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", }, - "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)", + "vkontakteGradientCandy": { + "name": "--vkui--vkontakte_gradient_candy", + "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "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)", + "vkontakteGradientCrimson": { + "name": "--vkui--vkontakte_gradient_crimson", + "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", }, - "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)", + "vkontakteGradientDisco": { + "name": "--vkui--vkontakte_gradient_disco", + "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", }, - "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)", + "vkontakteGradientEmerald": { + "name": "--vkui--vkontakte_gradient_emerald", + "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", }, - "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))", + "vkontakteGradientFrost": { + "name": "--vkui--vkontakte_gradient_frost", + "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", }, - "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)", + "vkontakteGradientGray": { + "name": "--vkui--vkontakte_gradient_gray", + "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", }, - "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)", + "vkontakteGradientGreen": { + "name": "--vkui--vkontakte_gradient_green", + "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", }, - "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))", + "vkontakteGradientHalloweenOrange": { + "name": "--vkui--vkontakte_gradient_halloween_orange", + "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", }, - "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)", + "vkontakteGradientHalloweenViolet": { + "name": "--vkui--vkontakte_gradient_halloween_violet", + "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", }, - "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)", + "vkontakteGradientLagoon": { + "name": "--vkui--vkontakte_gradient_lagoon", + "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", }, - "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))", + "vkontakteGradientLavender": { + "name": "--vkui--vkontakte_gradient_lavender", + "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", }, - "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)", + "vkontakteGradientMable": { + "name": "--vkui--vkontakte_gradient_mable", + "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", }, - "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)", + "vkontakteGradientMarine": { + "name": "--vkui--vkontakte_gradient_marine", + "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", }, - "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)", + "vkontakteGradientMidnight": { + "name": "--vkui--vkontakte_gradient_midnight", + "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", }, - "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)", + "vkontakteGradientNewYear": { + "name": "--vkui--vkontakte_gradient_new_year", + "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", }, - "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)", + "vkontakteGradientOrange": { + "name": "--vkui--vkontakte_gradient_orange", + "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", }, - "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)", + "vkontakteGradientPink": { + "name": "--vkui--vkontakte_gradient_pink", + "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", }, - "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)", + "vkontakteGradientPurple": { + "name": "--vkui--vkontakte_gradient_purple", + "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", }, - "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)", + "vkontakteGradientRaspberryPink": { + "name": "--vkui--vkontakte_gradient_raspberry_pink", + "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", }, - "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)", + "vkontakteGradientRed": { + "name": "--vkui--vkontakte_gradient_red", + "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", }, - "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)", + "vkontakteGradientRetrowave": { + "name": "--vkui--vkontakte_gradient_retrowave", + "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", }, - "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)", + "vkontakteGradientSberkot": { + "name": "--vkui--vkontakte_gradient_sberkot", + "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", }, - "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))", + "vkontakteGradientSunset": { + "name": "--vkui--vkontakte_gradient_sunset", + "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", }, - "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)", + "vkontakteGradientTurquoise": { + "name": "--vkui--vkontakte_gradient_turquoise", + "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", }, - "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)", + "vkontakteGradientTwilight": { + "name": "--vkui--vkontakte_gradient_twilight", + "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", }, - "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)", + "vkontakteGradientUnicorn": { + "name": "--vkui--vkontakte_gradient_unicorn", + "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", }, - "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)", + "vkontakteGradientValentine": { + "name": "--vkui--vkontakte_gradient_valentine", + "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", }, - "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)", + "vkontakteGradientViolet": { + "name": "--vkui--vkontakte_gradient_violet", + "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", }, - "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)", + "vkontakteGradientWarmValentine": { + "name": "--vkui--vkontakte_gradient_warm_valentine", + "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", }, - "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)", + "vkontakteGradientWomensDay": { + "name": "--vkui--vkontakte_gradient_womens_day", + "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", }, - "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)", + "vkontakteGradientYellow": { + "name": "--vkui--vkontakte_gradient_yellow", + "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", }, - "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)", + "vkontakteGradientYellowBright": { + "name": "--vkui--vkontakte_gradient_yellow_bright", + "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", }, - "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", "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)", + "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)", + }, }, "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)", + "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)", + }, }, "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": { + "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))", + }, }, "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)", + "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)", + }, }, "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)", + "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)", + }, }, "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": { + "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)", + }, }, "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)", + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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)", + }, }, "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)", + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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)", + }, }, "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": { + "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))", + }, }, "vkontaktePaletteBlack": { - "active": "var(--vkui--vkontakte_palette_black--active, #141414)", - "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", - "normal": "var(--vkui--vkontakte_palette_black, #000000)", + "active": { + "name": "--vkui--vkontakte_palette_black--active", + "value": "var(--vkui--vkontakte_palette_black--active, #141414)", + }, + "hover": { + "name": "--vkui--vkontakte_palette_black--hover", + "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + }, + "normal": { + "name": "--vkui--vkontakte_palette_black", + "value": "var(--vkui--vkontakte_palette_black, #000000)", + }, }, "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": { + "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)", + }, + }, + "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)", }, - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteAndroidDark theme should match pseudo theme from CssVars 2`] = ` +exports[`shapshots vkontakteAndroidDark 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.4, 0, 0.2, 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": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077ff)", + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #60A6F5)", - "hover": "var(--vkui--color_accent_blue--hover, #59A2F4)", - "normal": "var(--vkui--color_accent_blue, #529ef4)", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "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": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13FFD0", }, "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": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#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)", + "active": "#59B959", + "hover": "#52B652", + "normal": "#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": "#B5F820", + "hover": "#B2F717", + "normal": "#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": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, "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": "#F16953", + "hover": "#F1634B", + "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": "#FFC56F", + "hover": "#FFC368", + "normal": "#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": "#F56CFF", + "hover": "#F465FF", + "normal": "#F45FFF", }, "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": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, "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": "#F16DC5", + "hover": "#F166C3", + "normal": "#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": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, "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": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, "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": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #60A6F5)", - "hover": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", - "normal": "var(--vkui--color_action_sheet_text, #529ef4)", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "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, #00000099)", + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "rgba(0, 0, 0, 0.60)", }, "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, #ffffffd8)", + "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, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529EF4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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, #ffffff33)", + "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, #67A6FF)", - "hover": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", - "normal": "var(--vkui--color_background_accent_tint, #5a9eff)", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2B)", - "hover": "var(--vkui--color_background_content--hover, #222222)", - "normal": "var(--vkui--color_background_content, #191919)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", - "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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, #ffffff33)", + "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, #3E3E3E)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", - "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "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": "#2E4962", + "hover": "#25415B", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #2F2F2F)", - "hover": "var(--vkui--color_background_modal--hover, #262626)", - "normal": "var(--vkui--color_background_modal, #1d1d1d)", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "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": "#FF6969", + "hover": "#FF6363", + "normal": "#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)", + "active": "#603F3F", + "hover": "#593636", + "normal": "#522E2E", }, "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": "#59B959", + "hover": "#52B652", + "normal": "#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": "#3F4D3C", + "hover": "#364633", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353535)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", - "normal": "var(--vkui--color_background_secondary, #232323)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", - "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323232)", - "hover": "var(--vkui--color_background_tertiary--hover, #292929)", - "normal": "var(--vkui--color_background_tertiary, #202020)", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "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, #ffffff07)", + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "rgba(255, 255, 255, 0.03)", }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#353536", + "hover": "#2C2C2D", + "normal": "#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, #ffffff1e)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2B)", - "hover": "var(--vkui--color_header_background--hover, #222222)", - "normal": "var(--vkui--color_header_background, #191919)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", - "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#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": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B7B7B7)", - "hover": "var(--vkui--color_icon_medium--hover, #B4B4B4)", - "normal": "var(--vkui--color_icon_medium, #b1b1b1)", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "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)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#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": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #E5E5E5)", - "hover": "var(--vkui--color_icon_primary--hover, #E4E4E4)", - "normal": "var(--vkui--color_icon_primary, #e3e3e3)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #333333)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", - "normal": "var(--vkui--color_icon_primary_invariably, #212121)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #838383)", - "hover": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", - "normal": "var(--vkui--color_icon_secondary, #787878)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", - "hover": "var(--vkui--color_icon_tertiary--hover, #656565)", - "normal": "var(--vkui--color_icon_tertiary, #5f5f5f)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#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, #ffffff4c)", + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "rgba(255, 255, 255, 0.30)", }, "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": "#EEB663", + "hover": "#EEB35C", + "normal": "#EDB055", }, "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, #ffffff14)", + "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, #3C3C3C)", - "hover": "var(--vkui--color_image_placeholder--hover, #333333)", - "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "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": "#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, #00000066)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, #00000044)", + "active": "rgba(0, 0, 0, 0.35)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "rgba(0, 0, 0, 0.27)", }, "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": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #474747)", - "hover": "var(--vkui--color_search_field_background--hover, #3F3F3F)", - "normal": "var(--vkui--color_search_field_background, #373737)", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "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": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #474747)", - "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", - "normal": "var(--vkui--color_separator_primary, #373737)", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #545454)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", - "normal": "var(--vkui--color_separator_primary2x, #454545)", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #606060)", - "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", - "normal": "var(--vkui--color_separator_primary3x, #525252)", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "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, #ffffff1e)", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272727)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", - "normal": "var(--vkui--color_separator_secondary, #141414)", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3E3E3E)", - "hover": "var(--vkui--color_skeleton_from--hover, #353535)", - "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3E3E3E)", - "hover": "var(--vkui--color_skeleton_to--hover, #353535)", - "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "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": "#FF6969", + "hover": "#FF6363", + "normal": "#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)", - }, - "colorStrokePrimary": { - "active": "var(--vkui--color_stroke_primary--active, #E5E5E5)", - "hover": "var(--vkui--color_stroke_primary--hover, #E4E4E4)", - "normal": "var(--vkui--color_stroke_primary, #e3e3e3)", + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #838383)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", - "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#141414", + "hover": "#0A0A0A", + "normal": "#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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "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": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#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": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #C9C9C9)", - "hover": "var(--vkui--color_text_muted--hover, #C6C6C6)", - "normal": "var(--vkui--color_text_muted, #c4c4c4)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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)", + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#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": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E5E5E5)", - "hover": "var(--vkui--color_text_primary--hover, #E4E4E4)", - "normal": "var(--vkui--color_text_primary, #e3e3e3)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #333333)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", - "normal": "var(--vkui--color_text_primary_invariably, #212121)", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #838383)", - "hover": "var(--vkui--color_text_secondary--hover, #7D7D7D)", - "normal": "var(--vkui--color_text_secondary, #787878)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #A2A2A2)", - "hover": "var(--vkui--color_text_subhead--hover, #9E9E9E)", - "normal": "var(--vkui--color_text_subhead, #9a9a9a)", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6C6C6C)", - "hover": "var(--vkui--color_text_tertiary--hover, #656565)", - "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #555555)", - "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", - "normal": "var(--vkui--color_track_background, #464646)", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "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": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--color_transparent, #00000000)", + "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, #60A6F5)", - "hover": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", - "normal": "var(--vkui--color_write_bar_icon, #529ef4)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", - "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", - "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", + "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, 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))", + "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": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", }, }, "fontCaption1Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "14px", }, }, "fontCaption2Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "14px", + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "letterSpacing": "0.3px", + "lineHeight": "12px", }, }, "fontCaption3Caps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "letterSpacing": "0.3px", + "lineHeight": "12px", + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, }, "fontDisplayTitle2": { "compact": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, }, "fontDisplayTitle3": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontDisplayTitle4": { "regular": { - "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)", + "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "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, system-ui, "Helvetica Neue", Roboto, sans-serif)", - "fontFamilyFallbacks": "var(--vkui--font_family_fallbacks, -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": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", }, }, "fontFootnoteCaps": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "letterSpacing": "0.2px", + "lineHeight": "16px", + "textTransform": "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": "15px", + "letterSpacing": "0.15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "lineHeight": "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": "15px", + "letterSpacing": "0.15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "letterSpacing": "0.15px", + "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, -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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, "fontParagraph": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, "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": "13px", + "letterSpacing": "0.15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "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": "15px", + "letterSpacing": "0.15px", + "lineHeight": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "letterSpacing": "0.15px", + "lineHeight": "20px", }, }, "fontTitle1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, "fontTitle2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, }, "fontTitle3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "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, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", - "fontWeightBase3": "var(--vkui--font_weight_base3, 400)", - "gradient": "var(--vkui--gradient, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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)", + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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, "sizeArrow": { - "regular": "var(--vkui--size_arrow--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", }, "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", }, "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", }, "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", }, "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", }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "regular": "12px", }, "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, 8px)", + "regular": "8px", }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "regular": "8px", }, "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", }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "compact": "36px", + "regular": "44px", }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": "12px", }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": "12px", }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "regular": "16px", }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": "16px", }, "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, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "compact": "20px", + "regular": "32px", }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "compact": "16px", + "regular": "24px", }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": "880px", }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": "680px", }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": "430px", }, "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, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "compact": "7px", + "regular": "6px", }, "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", }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "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, vkBaseDark)", - "themeName": "var(--vkui--theme_name, vkontakteAndroidDark)", - "themeNameBase": "var(--vkui--theme_name_base, vkontakteAndroid)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkBaseDark", + "themeName": "vkontakteAndroidDark", + "themeNameBase": "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))", + "active": "rgba(255, 255, 255, 0.12)", + "hover": "rgba(255, 255, 255, 0.08)", + "normal": "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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "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)", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "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": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "active": "rgba(82, 158, 244, 0.32)", + "hover": "rgba(82, 158, 244, 0.28)", + "normal": "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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#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)", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "#999DA1", + "hover": "#94989D", + "normal": "#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)", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#999DA1", + "hover": "#94989D", + "normal": "#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)", + "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": "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)", + "active": "#E5D7B3", + "hover": "#E4D5AF", + "normal": "#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": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#373C5B", + "hover": "#2F3354", + "normal": "#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": "#545556", + "hover": "#4C4D4E", + "normal": "#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)", + "active": "#6671B9", + "hover": "#606BB6", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.32)", + "hover": "rgba(255, 255, 255, 0.28)", + "normal": "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": "#60A6F5", + "hover": "#59A2F4", + "normal": "#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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "#999DA1", + "hover": "#94989D", + "normal": "#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)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#2B2B2C", + "hover": "#222223", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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)", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "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)", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#3D3E3F", + "hover": "#343536", + "normal": "#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)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#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)", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "#818385", + "hover": "#7B7D7F", + "normal": "#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)", + "active": "#B1B4B9", + "hover": "#ADB1B6", + "normal": "#aaaeb3", }, - "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", + "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", + "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", + "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", + "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", + "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", + "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", + "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", + "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", + "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", + "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", + "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", + "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", + "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", + "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", + "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", + "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", + "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", + "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", + "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", + "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", + "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", + "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", + "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", + "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", + "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", + "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", + "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", + "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", + "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", + "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", + "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", "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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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)", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#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": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "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)", + "active": "#8F7D5E", + "hover": "#8A7857", + "normal": "#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)", + "active": "#B2A07C", + "hover": "#AE9C77", + "normal": "#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": "#6A6C6E", + "hover": "#636567", + "normal": "#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)", + "active": "#4F588A", + "hover": "#485085", + "normal": "#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": "#6A6C6E", + "hover": "#636567", + "normal": "#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)", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#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)", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#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)", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#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": "#545556", + "hover": "#4C4D4E", + "normal": "#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)", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#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))", + "active": "rgba(255, 255, 255, 0.23)", + "hover": "rgba(255, 255, 255, 0.19)", + "normal": "rgba(255, 255, 255, 0.15)", }, "vkontaktePaletteBlack": { - "active": "var(--vkui--vkontakte_palette_black--active, #141414)", - "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", - "normal": "var(--vkui--vkontakte_palette_black, #000000)", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "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": "#C9CCD0", + "hover": "#C6CACE", + "normal": "#c4c8cc", }, - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", + "zIndexModal": 99, + "zIndexPopout": 100, } `; -exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1`] = ` +exports[`shapshots vkontakteAndroidDark 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.4, 0, 0.2, 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))", "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "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": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13FFD0", + "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": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#B5F820", - "hover": "#B2F717", - "normal": "#AFF70D", + "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": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "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": "#F16953", - "hover": "#F1634B", - "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": "#FFC56F", - "hover": "#FFC368", - "normal": "#FFC062", + "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": "#F56CFF", - "hover": "#F465FF", - "normal": "#F45FFF", + "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": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "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": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "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": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "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": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "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": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "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": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "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": "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": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "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(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": "#67A6FF", - "hover": "#61A2FF", - "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)", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "var(--vkui--color_background_content--active, #2B2B2C)", + "hover": "var(--vkui--color_background_content--hover, #222223)", + "normal": "var(--vkui--color_background_content, #19191a)", }, "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", }, "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1C3954", + "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": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#603F3F", - "hover": "#593636", - "normal": "#522E2E", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#3F4D3C", - "hover": "#364633", - "normal": "#2E3E2B", + "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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": "rgba(255, 255, 255, 0.14)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.10)", + "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": "#323233", - "hover": "#29292A", - "normal": "#202021", + "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": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "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": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#F3F4F6", - "hover": "#F3F3F5", - "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": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "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(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "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": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#3D3E3F", - "hover": "#343536", - "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#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": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "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": "#EEB663", - "hover": "#EEB35C", - "normal": "#EDB055", + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #EDB055)", }, "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(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": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "hover": "var(--vkui--color_image_placeholder--hover, #333334)", + "normal": "var(--vkui--color_image_placeholder, #2a2b2c)", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "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.40)", + "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))", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", }, "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "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": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "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": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "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": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "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": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "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": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "hover": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "normal": "var(--vkui--color_separator_primary3x, #505253)", }, "colorSeparatorPrimaryAlpha": { - "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_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": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#D7D8DB", - "hover": "#EBEDF0", - "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": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#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": "#7CB1ED", - "hover": "#77ADEC", - "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": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "var(--vkui--color_text_primary--active, #E3E5E8)", + "hover": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "normal": "var(--vkui--color_text_primary, #e1e3e6)", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "var(--vkui--color_text_secondary--active, #818385)", + "hover": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "normal": "var(--vkui--color_text_secondary, #76787a)", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "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": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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(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(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": "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)", + "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 14, + "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)", }, }, "fontCaption1Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": 14, - "textTransform": "uppercase", + "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)", }, }, "fontCaption2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 14, + "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)", }, }, "fontCaption2Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": 14, - "textTransform": "uppercase", + "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)", }, }, "fontCaption3": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "letterSpacing": "0.3px", - "lineHeight": 12, + "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)", }, }, "fontCaption3Caps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "letterSpacing": "0.3px", - "lineHeight": 12, - "textTransform": "uppercase", + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, + "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)", }, }, "fontDisplayTitle2": { "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 22, - "fontWeight": 600, - "lineHeight": 24, + "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": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, + "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)", }, }, "fontDisplayTitle3": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, + "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)", }, }, "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "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": ""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": "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": 16, + "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)", }, }, "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "letterSpacing": "0.2px", - "lineHeight": 16, - "textTransform": "uppercase", + "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)", }, }, "fontHeadline": { "compact": { - "fontSize": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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)", }, }, "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, + "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)", }, }, "fontParagraph": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, + "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)", }, }, "fontSubhead": { "compact": { - "fontSize": 13, - "letterSpacing": "0.15px", - "lineHeight": 16, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": 18, + "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": 15, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "letterSpacing": "0.15px", - "lineHeight": 20, + "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)", }, }, "fontTitle1": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, + "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)", }, }, "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, + "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": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, + "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)", }, }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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, + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "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%, var(--vkui--color_background_content, 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(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%, var(--vkui--color_background_tertiary, 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)", "sizeArrow": { - "regular": 8, + "regular": "var(--vkui--size_arrow--regular, 8px)", }, "sizeArrowPadding": { - "regular": 12, + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, "sizeArrowPromo": { - "regular": 40, + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, "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)", }, "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)", }, "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)", }, "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)", }, "sizeButtonPaddingHorizontal": { - "regular": 12, + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, "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": 8, + "regular": "var(--vkui--size_card_border_radius--regular, 8px)", }, "sizeCardgridPadding": { - "regular": 8, + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, "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)", }, "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, "sizeFieldHorizontalPadding": { - "regular": 12, + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, "sizeFormItemPaddingVertical": { - "regular": 12, + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, "sizeIconUI": { - "regular": 16, + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, "sizeLabelHorizontalMargin": { - "regular": 16, + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, "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": 20, - "regular": 32, + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, "sizePopupLarge": { - "regular": 880, + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, "sizePopupMedium": { - "regular": 680, + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, "sizePopupSmall": { - "regular": 430, + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, "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)", }, "sizeTooltipMargin": { - "regular": 8, + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkBaseDark", - "themeName": "vkontakteAndroidDark", - "themeNameBase": "vkontakteAndroid", - "themeType": "root", + "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, vkBaseDark)", + "themeName": "var(--vkui--theme_name, vkontakteAndroidDark)", + "themeNameBase": "var(--vkui--theme_name_base, 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)", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E5D7B3", - "hover": "#E4D5AF", - "normal": "#E3D3AC", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "#373C5B", - "hover": "#2F3354", - "normal": "#262B4D", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#6671B9", - "hover": "#606BB6", - "normal": "#5965B3", + "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": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "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": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "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": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", + "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", + "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", "vkontakteImAttachTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "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": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "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": "#8F7D5E", - "hover": "#8A7857", - "normal": "#857250", + "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": "#B2A07C", - "hover": "#AE9C77", - "normal": "#ab9871", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#4F588A", - "hover": "#485085", - "normal": "#404980", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "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": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "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": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "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": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "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))", }, "vkontaktePaletteBlack": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "var(--vkui--vkontakte_palette_black--active, #141414)", + "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", + "normal": "var(--vkui--vkontakte_palette_black, #000000)", }, "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", + "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": 99, - "zIndexPopout": 100, + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", } `; -exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2`] = ` +exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 1`] = ` { "animationDurationL": "0.4s", "animationDurationM": "0.2s", @@ -495926,17 +495931,17 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", - "normal": "#0077ff", + "normal": "#0077FF", }, "colorAccentBlue": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAccentCyan": { "active": "#26FFD4", "hover": "#1CFFD2", - "normal": "#13ffd0", + "normal": "#13FFD0", }, "colorAccentGray": { "active": "#AAB4BE", @@ -495951,7 +495956,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "colorAccentLime": { "active": "#B5F820", "hover": "#B2F717", - "normal": "#aff70d", + "normal": "#AFF70D", }, "colorAccentOrange": { "active": "#FFA814", @@ -495966,12 +495971,12 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "colorAccentOrangePeach": { "active": "#FFC56F", "hover": "#FFC368", - "normal": "#ffc062", + "normal": "#FFC062", }, "colorAccentPink": { "active": "#F56CFF", "hover": "#F465FF", - "normal": "#f45fff", + "normal": "#F45FFF", }, "colorAccentPurple": { "active": "#A18FFF", @@ -495999,19 +496004,19 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "normal": "rgba(0, 0, 0, 0.60)", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "#ffffffd8", + "normal": "rgba(255, 255, 255, 0.85)", }, "colorBackground": { "active": "#1E1E1E", @@ -496026,7 +496031,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "colorBackgroundAccentAlternative": { "active": "#60A6F5", "hover": "#59A2F4", - "normal": "#529ef4", + "normal": "#529EF4", }, "colorBackgroundAccentThemed": { "active": "#D7D8DB", @@ -496036,7 +496041,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "colorBackgroundAccentThemedAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundAccentTint": { "active": "#67A6FF", @@ -496044,9 +496049,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -496059,29 +496064,29 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "normal": "rgba(255, 255, 255, 0.2)", }, "colorBackgroundContrastThemed": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2C2D2E", }, "colorBackgroundInfoTint": { "active": "#2E4962", "hover": "#25415B", - "normal": "#1c3954", + "normal": "#1C3954", }, "colorBackgroundModal": { - "active": "#2F2F2F", - "hover": "#262626", - "normal": "#1d1d1d", + "active": "#2E2F30", + "hover": "#252627", + "normal": "#1C1D1E", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -496096,7 +496101,7 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522e2e", + "normal": "#522E2E", }, "colorBackgroundPositive": { "active": "#59B959", @@ -496106,27 +496111,27 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "colorBackgroundPositiveTint": { "active": "#3F4D3C", "hover": "#364633", - "normal": "#2e3e2b", + "normal": "#2E3E2B", }, "colorBackgroundSecondary": { - "active": "#353535", - "hover": "#2C2C2C", - "normal": "#232323", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.18)", - "hover": "rgba(255, 255, 255, 0.14)", - "normal": "#ffffff19", + "active": "rgba(255, 255, 255, 0.14)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "rgba(255, 255, 255, 0.10)", }, "colorBackgroundTertiary": { - "active": "#323232", - "hover": "#292929", - "normal": "#202020", + "active": "#323233", + "hover": "#29292A", + "normal": "#202021", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", "hover": "rgba(255, 255, 255, 0.07)", - "normal": "#ffffff07", + "normal": "rgba(255, 255, 255, 0.03)", }, "colorBackgroundWarning": { "active": "#564328", @@ -496149,19 +496154,19 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorHeaderBackground": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "active": "#2B2B2C", + "hover": "#222223", + "normal": "#19191a", }, "colorIconAccent": { "active": "#60A6F5", @@ -496179,9 +496184,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F4F4F4", - "hover": "#F3F3F3", - "normal": "#f3f3f3", + "active": "#F3F4F6", + "hover": "#F3F3F5", + "normal": "#f2f3f5", }, "colorIconContrastThemed": { "active": "#141414", @@ -496189,14 +496194,14 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#000000", }, "colorIconMedium": { - "active": "#B7B7B7", - "hover": "#B4B4B4", - "normal": "#b1b1b1", + "active": "#B6B7BC", + "hover": "#B3B4B9", + "normal": "#b0b1b6", }, "colorIconMediumAlpha": { - "active": "rgba(246, 246, 246, 0.74)", - "hover": "rgba(246, 246, 246, 0.7000000000000001)", - "normal": "#f6f6f6a8", + "active": "rgba(241, 247, 255, 0.74)", + "hover": "rgba(241, 247, 255, 0.7000000000000001)", + "normal": "rgba(241, 247, 255, 0.66)", }, "colorIconNegative": { "active": "#FF6969", @@ -496209,54 +496214,54 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorIconPrimaryInvariably": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorIconSecondary": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorIconSecondaryAlpha": { - "active": "rgba(246, 246, 246, 0.51)", - "hover": "rgba(246, 246, 246, 0.47000000000000003)", - "normal": "#f6f6f66d", + "active": "rgba(241, 247, 255, 0.51)", + "hover": "rgba(241, 247, 255, 0.47000000000000003)", + "normal": "rgba(241, 247, 255, 0.43)", }, "colorIconTertiary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5f5f5f", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorIconTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.38)", "hover": "rgba(255, 255, 255, 0.34)", - "normal": "#ffffff4c", + "normal": "rgba(255, 255, 255, 0.30)", }, "colorIconWarning": { "active": "#EEB663", "hover": "#EEB35C", - "normal": "#edb055", + "normal": "#EDB055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "normal": "rgba(255, 255, 255, 0.08)", }, "colorImagePlaceholder": { - "active": "#3C3C3C", - "hover": "#333333", - "normal": "#2b2b2b", + "active": "#3B3C3D", + "hover": "#333334", + "normal": "#2a2b2c", }, "colorImagePlaceholderAlpha": { - "active": "rgba(246, 246, 246, 0.16)", - "hover": "rgba(246, 246, 246, 0.12)", - "normal": "#f6f6f614", + "active": "rgba(241, 247, 255, 0.16)", + "hover": "rgba(241, 247, 255, 0.12)", + "normal": "rgba(241, 247, 255, 0.08)", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -496266,12 +496271,12 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "#00000066", + "normal": "rgba(0, 0, 0, 0.40)", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35000000000000003)", + "active": "rgba(0, 0, 0, 0.35)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "#00000044", + "normal": "rgba(0, 0, 0, 0.27)", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -496279,9 +496284,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -496289,39 +496294,39 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "active": "#464748", + "hover": "#3E3F40", + "normal": "#363738", }, "colorSeparatorPrimary2x": { - "active": "#545454", - "hover": "#4C4C4C", - "normal": "#454545", + "active": "#535455", + "hover": "#4B4C4D", + "normal": "#444546", }, "colorSeparatorPrimary3x": { - "active": "#606060", - "hover": "#595959", - "normal": "#525252", + "active": "#5E6061", + "hover": "#57595A", + "normal": "#505253", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "normal": "rgba(255, 255, 255, 0.12)", }, "colorSeparatorSecondary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "active": "#272728", + "hover": "#1D1D1E", + "normal": "#141415", }, "colorSkeletonFrom": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#353536", + "hover": "#2C2C2D", + "normal": "#232324", }, "colorSkeletonTo": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorStrokeAccent": { "active": "#60A6F5", @@ -496348,15 +496353,10 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "hover": "#52B652", "normal": "#4bb34b", }, - "colorStrokePrimary": { - "active": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", - }, "colorTabbarTextInactive": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextAccent": { "active": "#60A6F5", @@ -496399,9 +496399,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#4986cc", }, "colorTextMuted": { - "active": "#C9C9C9", - "hover": "#C6C6C6", - "normal": "#c4c4c4", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextNegative": { "active": "#FF6969", @@ -496414,44 +496414,44 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", + "active": "#E3E5E8", + "hover": "#E2E4E7", + "normal": "#e1e3e6", }, "colorTextPrimaryAlpha": { - "active": "rgba(248, 248, 248, 0.8)", - "hover": "rgba(248, 248, 248, 0.76)", - "normal": "#f8f8f8b7", + "active": "rgba(249, 252, 255, 0.8)", + "hover": "rgba(249, 252, 255, 0.76)", + "normal": "rgba(249, 252, 255, 0.72)", }, "colorTextPrimaryInvariably": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, "colorTextSecondary": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorTextSecondaryAlpha": { - "active": "rgba(250, 250, 250, 0.5)", - "hover": "rgba(250, 250, 250, 0.46)", - "normal": "#fafafa6b", + "active": "rgba(247, 251, 255, 0.5)", + "hover": "rgba(247, 251, 255, 0.46)", + "normal": "rgba(247, 251, 255, 0.42)", }, "colorTextSubhead": { - "active": "#A2A2A2", - "hover": "#9E9E9E", - "normal": "#9a9a9a", + "active": "#9EA2A7", + "hover": "#9A9EA3", + "normal": "#969a9f", }, "colorTextTertiary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5f5f5f", + "active": "#6A6C6E", + "hover": "#636567", + "normal": "#5d5f61", }, "colorTrackBackground": { - "active": "#555555", - "hover": "#4D4D4D", - "normal": "#464646", + "active": "#545556", + "hover": "#4C4D4E", + "normal": "#454647", }, "colorTrackBuffer": { "active": "#4F647D", @@ -496459,29 +496459,29 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "normal": "#405772", }, "colorTransparent": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "#00000000", + "active": "rgba(255, 255, 255, 0.08)", + "hover": "rgba(255, 255, 255, 0.04)", + "normal": "transparent", }, "colorWriteBarIcon": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "active": "#818385", + "hover": "#7B7D7F", + "normal": "#76787a", }, "colorWriteBarInputBackground": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorder": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "active": "#3D3E3F", + "hover": "#343536", + "normal": "#2c2d2e", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "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 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -496712,9 +496712,9 @@ exports[`shapshots vkontakteAndroidDark theme should match root theme snapshot 2 "fontWeightBase1": 600, "fontWeightBase2": 500, "fontWeightBase3": 400, - "gradient": "rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.05) 15%, rgba(25, 25, 25, 0.2) 30%, rgba(25, 25, 25, 0.8) 70%, rgba(25, 25, 25, 0.95) 85%, var(--vkui--color_background_content, rgba(25, 25, 25, 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%, var(--vkui--color_background_content, 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(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.05) 15%, rgba(32, 32, 32, 0.2) 30%, rgba(32, 32, 32, 0.8) 70%, rgba(32, 32, 32, 0.95) 85%, var(--vkui--color_background_tertiary, rgba(32, 32, 32, 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%, var(--vkui--color_background_tertiary, 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, diff --git a/src/lint/__snapshots__/lint.test.ts.snap b/src/lint/__snapshots__/lint.test.ts.snap index fa0a35e0..3547e73d 100644 --- a/src/lint/__snapshots__/lint.test.ts.snap +++ b/src/lint/__snapshots__/lint.test.ts.snap @@ -2,44 +2,44 @@ exports[`lint snapshot 1`] = ` [ - "vkontakteAndroid: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroid: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", - "vkontakteAndroidDark: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroid: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoAndroidDark: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", "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", diff --git a/src/themeDescriptions/themes/lego/android.ts b/src/themeDescriptions/themes/lego/android.ts index 0918ad85..b440c0c6 100644 --- a/src/themeDescriptions/themes/lego/android.ts +++ b/src/themeDescriptions/themes/lego/android.ts @@ -9,12 +9,12 @@ import figma from './figma.json'; import { findFigmaToken } from './helpers/findFigmaToken'; export const legoAndroidTheme: ThemeLegoAndroidDescription = { + ...vkontakteAndroidTheme, // импорт светлой базовой темы + themeName: 'legoAndroid', // название текущей темы themeNameBase: 'legoAndroid', // название светлой (базовой) темы themeInheritsFrom: 'vkontakteAndroid', // название родительской темы - ...vkontakteAndroidTheme, // импорт светлой базовой темы - colors: { // Импорт изначальных токенов ...vkontakteAndroidTheme.colors, @@ -29,7 +29,7 @@ export const legoAndroidTheme: ThemeLegoAndroidDescription = { }, []), ), // Здесь нужно прописать другие цвета с особыми различиями нейминга - // Локальные цвета, используемые только в этой теме + // А также локальные цвета, используемые только в этой теме // Или цвета, которые не выгружаются из фигмы, но переопределяются в этой теме colorStrokePrimary: figma.appearance.strokePrimary.light, }, @@ -38,21 +38,21 @@ export const legoAndroidTheme: ThemeLegoAndroidDescription = { regular: figma.tokens.sizeBasePaddingHorizontal.android, }, // Фигма использует целые проценты, а не сотые единицы - // Поэтому здесь нужно поделить на сто + // Поэтому здесь нужно поделить на 100 // Округление пока не стал писать opacityDisable: figma.tokens.opacityDisabled.android / 100, opacityDisableAccessibility: figma.tokens.opacityDisabled.android / 100, }; export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { + ...legoAndroidTheme, // импорт светлой версии текущей темы, + ...vkontakteAndroidThemeDark, // импорт тёмной базовой темы + themeName: 'legoAndroidDark', // название текущей темы themeNameBase: 'legoAndroid', // название светлой (базовой) темы themeInheritsFrom: 'vkontakteAndroidDark', // название родительской темы colorsScheme: 'dark', // название схемы (светлая — по умолчанию) - ...legoAndroidTheme, // импорт светлой версии текущей темы, - ...vkontakteAndroidThemeDark, // импорт тёмной базовой темы - colors: { ...vkontakteAndroidThemeDark.colors, // Переопределение токенов, которые есть в figma.json @@ -67,7 +67,7 @@ export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { }, []), ), // Здесь нужно прописать другие цвета с особыми различиями нейминга - // Локальные цвета, используемые только в этой теме + // А также локальные цвета, используемые только в этой теме // Или цвета, которые не выгружаются из фигмы, но переопределяются в этой теме colorStrokePrimary: figma.appearance.strokePrimary.dark, }, From 959ac8e5510bf9683e39c424a3e0bd73023940c4 Mon Sep 17 00:00:00 2001 From: nick Date: Wed, 11 Dec 2024 01:45:57 +0300 Subject: [PATCH 08/10] Moved figma generator to separate file --- .../__snapshots__/snapthots.test.ts.snap | 2864 ++++++++--------- src/interfaces/themes/legoIOS/index.ts | 2 + src/interfaces/themes/legoIOSDark/index.ts | 8 +- src/interfaces/themes/vkontakteIOS/index.ts | 12 +- .../themes/vkontakteIOSDark/index.ts | 12 +- src/lint/__snapshots__/lint.test.ts.snap | 38 + src/themeDescriptions/themes/lego/android.ts | 22 +- src/themeDescriptions/themes/lego/figma.json | 2 +- .../themes/lego/helpers/findFigmaToken.ts | 21 - .../lego/helpers/overwriteFromFigmaJSON.ts | 61 + src/themeDescriptions/themes/lego/ios copy.ts | 39 + src/themeDescriptions/themes/lego/ios.ts | 43 +- 12 files changed, 1596 insertions(+), 1528 deletions(-) delete mode 100644 src/themeDescriptions/themes/lego/helpers/findFigmaToken.ts create mode 100644 src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts create mode 100644 src/themeDescriptions/themes/lego/ios copy.ts diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index 8193aa24..fbab70ac 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -89738,15 +89738,15 @@ exports[`shapshots legoAndroid theme should match cssVars snapshot 1`] = ` "colorStrokePrimary": { "active": { "name": "--vkui--color_stroke_primary--active", - "value": "var(--vkui--color_stroke_primary--active, #292B2E)", + "value": "var(--vkui--color_stroke_primary--active, #1E2023)", }, "hover": { "name": "--vkui--color_stroke_primary--hover", - "value": "var(--vkui--color_stroke_primary--hover, #2B2C2E)", + "value": "var(--vkui--color_stroke_primary--hover, #202022)", }, "normal": { "name": "--vkui--color_stroke_primary", - "value": "var(--vkui--color_stroke_primary, #2d2d2d)", + "value": "var(--vkui--color_stroke_primary, #212121)", }, }, "colorTabbarTextInactive": { @@ -93590,9 +93590,9 @@ exports[`shapshots legoAndroid theme should match pixelify theme snapshot 1`] = "normal": "#4bb34b", }, "colorStrokePrimary": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTabbarTextInactive": { "active": "#9FA0A4", @@ -95026,9 +95026,9 @@ exports[`shapshots legoAndroid theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "colorStrokePrimary": { - "active": "var(--vkui--color_stroke_primary--active, #292B2E)", - "hover": "var(--vkui--color_stroke_primary--hover, #2B2C2E)", - "normal": "var(--vkui--color_stroke_primary, #2d2d2d)", + "active": "var(--vkui--color_stroke_primary--active, #1E2023)", + "hover": "var(--vkui--color_stroke_primary--hover, #202022)", + "normal": "var(--vkui--color_stroke_primary, #212121)", }, "colorTabbarTextInactive": { "active": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", @@ -96462,9 +96462,9 @@ exports[`shapshots legoAndroid theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorStrokePrimary": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTabbarTextInactive": { "active": "#9FA0A4", @@ -106440,7 +106440,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "value": "var(--vkui--color_accent_azure, #0077ff)", }, }, "colorAccentBlue": { @@ -106468,7 +106468,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", }, }, "colorAccentGray": { @@ -106510,7 +106510,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #aff70d)", }, }, "colorAccentOrange": { @@ -106552,7 +106552,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #F9B54F)", + "value": "var(--vkui--color_accent_orange_peach, #f9b54f)", }, }, "colorAccentPink": { @@ -106566,7 +106566,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #f45fff)", }, }, "colorAccentPurple": { @@ -106664,7 +106664,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "value": "var(--vkui--color_avatar_overlay, #00000099)", }, }, "colorAvatarOverlayInverseAlpha": { @@ -106678,63 +106678,63 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, }, "colorBackground": { "active": { "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #D8DBE2)", + "value": "var(--vkui--color_background--active, #DADBDF)", }, "hover": { "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #E2E4E9)", + "value": "var(--vkui--color_background--hover, #E4E4E6)", }, "normal": { "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #ebedf0)", + "value": "var(--vkui--color_background, #ededed)", }, }, "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #1E2023)", + "value": "var(--vkui--color_background_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #202022)", + "value": "var(--vkui--color_background_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #212121)", + "value": "var(--vkui--color_background_accent, #2688eb)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_background_accent_alternative--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #212121)", + "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, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_background_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_background_accent_themed", - "value": "var(--vkui--color_background_accent_themed, #212121)", + "value": "var(--vkui--color_background_accent_themed, #2688eb)", }, }, "colorBackgroundAccentThemedAlpha": { @@ -106748,21 +106748,21 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #2688eb33)", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #292B2E)", + "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, #2B2C2E)", + "value": "var(--vkui--color_background_accent_tint--hover, #5698F7)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #2D2D2D)", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, "colorBackgroundContent": { @@ -106782,15 +106782,15 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorBackgroundContentInverse": { "active": { "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #17181D)", + "value": "var(--vkui--color_background_content_inverse--active, #17181C)", }, "hover": { "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #18191B)", + "value": "var(--vkui--color_background_content_inverse--hover, #18191A)", }, "normal": { "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #19191A)", + "value": "var(--vkui--color_background_content_inverse, #191919)", }, }, "colorBackgroundContrast": { @@ -106810,15 +106810,15 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "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, #292B2E)", }, "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, #2B2C2E)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -106832,7 +106832,7 @@ exports[`shapshots legoIOS 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, #ffffff33)", }, }, "colorBackgroundContrastThemed": { @@ -106846,7 +106846,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #FFFFFF)", + "value": "var(--vkui--color_background_contrast_themed, #ffffff)", }, }, "colorBackgroundInfoTint": { @@ -106860,7 +106860,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #DEEEFF)", + "value": "var(--vkui--color_background_info_tint, #deeeff)", }, }, "colorBackgroundModal": { @@ -106874,21 +106874,21 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #FFFFFF)", + "value": "var(--vkui--color_background_modal, #ffffff)", }, }, "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, #1B1C20)", }, "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, #1C1C1E)", }, "normal": { "name": "--vkui--color_background_modal_inverse", - "value": "var(--vkui--color_background_modal_inverse, #1C1D1E)", + "value": "var(--vkui--color_background_modal_inverse, #1d1d1d)", }, }, "colorBackgroundNegative": { @@ -106916,7 +106916,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #FFE9E9)", + "value": "var(--vkui--color_background_negative_tint, #ffe9e9)", }, }, "colorBackgroundPositive": { @@ -106944,7 +106944,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #E8F9E8)", + "value": "var(--vkui--color_background_positive_tint, #e8f9e8)", }, }, "colorBackgroundSecondary": { @@ -106972,7 +106972,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 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, #0000000a)", }, }, "colorBackgroundTertiary": { @@ -107000,7 +107000,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #00000007)", }, }, "colorBackgroundWarning": { @@ -107014,7 +107014,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_warning", - "value": "var(--vkui--color_background_warning, #FFF2D6)", + "value": "var(--vkui--color_background_warning, #fff2d6)", }, }, "colorButtonIcon": { @@ -107062,29 +107062,29 @@ exports[`shapshots legoIOS 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, #D8D9DD)", }, "hover": { "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #E8EAEE)", + "value": "var(--vkui--color_field_background--hover, #E2E2E4)", }, "normal": { "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #f2f3f5)", + "value": "var(--vkui--color_field_background, #ebebeb)", }, }, "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, 0, 0, 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, 0, 0, 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, #0000001e)", }, }, "colorHeaderBackground": { @@ -107104,29 +107104,29 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #1E2023)", + "value": "var(--vkui--color_icon_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #202022)", + "value": "var(--vkui--color_icon_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #212121)", + "value": "var(--vkui--color_icon_accent, #2688eb)", }, }, "colorIconAccentThemed": { "active": { "name": "--vkui--color_icon_accent_themed--active", - "value": "var(--vkui--color_icon_accent_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_icon_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_icon_accent_themed", - "value": "var(--vkui--color_icon_accent_themed, #212121)", + "value": "var(--vkui--color_icon_accent_themed, #2688eb)", }, }, "colorIconContrast": { @@ -107146,15 +107146,15 @@ exports[`shapshots legoIOS 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, #E0E1E4)", }, "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, #E9EAEC)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, }, "colorIconContrastThemed": { @@ -107174,15 +107174,15 @@ exports[`shapshots legoIOS 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, #7F8084)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #7C8795)", + "value": "var(--vkui--color_icon_medium--hover, #848587)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #818c99)", + "value": "var(--vkui--color_icon_medium, #8a8a8a)", }, }, "colorIconMediumAlpha": { @@ -107196,7 +107196,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #0000007a)", }, }, "colorIconNegative": { @@ -107230,43 +107230,43 @@ exports[`shapshots legoIOS 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, #1E2023)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #2A2C2F)", + "value": "var(--vkui--color_icon_primary--hover, #202022)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #2c2d2e)", + "value": "var(--vkui--color_icon_primary, #212121)", }, }, "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, #1E2023)", }, "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, #202022)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #8D96A4)", + "value": "var(--vkui--color_icon_secondary--active, #96979B)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #939CA9)", + "value": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #99a2ad)", + "value": "var(--vkui--color_icon_secondary, #a3a3a3)", }, }, "colorIconSecondaryAlpha": { @@ -107280,21 +107280,21 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #0000005b)", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #A9B3C1)", + "value": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #B1BAC6)", + "value": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #b8c1cc)", + "value": "var(--vkui--color_icon_tertiary, #c2c2c2)", }, }, "colorIconTertiaryAlpha": { @@ -107308,7 +107308,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #0000003d)", }, }, "colorIconWarning": { @@ -107322,7 +107322,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #F8A01C)", + "value": "var(--vkui--color_icon_warning, #f8a01c)", }, }, "colorImageBorderAlpha": { @@ -107336,35 +107336,35 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #00000014)", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #DFE1E6)", + "value": "var(--vkui--color_image_placeholder--active, #E0E1E4)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #E8EAEE)", + "value": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #f2f3f5)", + "value": "var(--vkui--color_image_placeholder, #f3f3f3)", }, }, "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(33, 33, 33, 0.14))", }, "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(33, 33, 33, 0.1))", }, "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, #2121210f)", }, }, "colorLinkContrast": { @@ -107392,13 +107392,13 @@ exports[`shapshots legoIOS 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, #00000066)", }, }, "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", @@ -107406,7 +107406,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "value": "var(--vkui--color_overlay_secondary, #00000044)", }, }, "colorPanelHeaderIcon": { @@ -107426,15 +107426,15 @@ exports[`shapshots legoIOS 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, #D8D9DD)", }, "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, #E2E2E4)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #ebedf0)", + "value": "var(--vkui--color_search_field_background, #ebebeb)", }, }, "colorSegmentedControl": { @@ -107454,43 +107454,43 @@ exports[`shapshots legoIOS 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, #C7C8CC)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #CED0D3)", + "value": "var(--vkui--color_separator_primary--hover, #CFD0D2)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #d7d8d9)", + "value": "var(--vkui--color_separator_primary, #d8d8d8)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #BBBDC1)", + "value": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #C3C4C7)", + "value": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #cbcccd)", + "value": "var(--vkui--color_separator_primary2x, #cccccc)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #AFB1B6)", + "value": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #B6B8BC)", + "value": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #bebfc1)", + "value": "var(--vkui--color_separator_primary3x, #bfbfbf)", }, }, "colorSeparatorPrimaryAlpha": { @@ -107504,21 +107504,21 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #0000001e)", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #CFD2D8)", + "value": "var(--vkui--color_separator_secondary--active, #D1D2D6)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #D8DBDF)", + "value": "var(--vkui--color_separator_secondary--hover, #DADBDC)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #e1e3e6)", + "value": "var(--vkui--color_separator_secondary, #e3e3e3)", }, }, "colorSkeletonFrom": { @@ -107538,43 +107538,43 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #CFD2D8)", + "value": "var(--vkui--color_skeleton_to--active, #D8D9DD)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #D8DBDF)", + "value": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #e1e3e6)", + "value": "var(--vkui--color_skeleton_to, #ebebeb)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #1E2023)", + "value": "var(--vkui--color_stroke_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #202022)", + "value": "var(--vkui--color_stroke_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #212121)", + "value": "var(--vkui--color_stroke_accent, #2688eb)", }, }, "colorStrokeAccentThemed": { "active": { "name": "--vkui--color_stroke_accent_themed--active", - "value": "var(--vkui--color_stroke_accent_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_stroke_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_stroke_accent_themed", - "value": "var(--vkui--color_stroke_accent_themed, #212121)", + "value": "var(--vkui--color_stroke_accent_themed, #2688eb)", }, }, "colorStrokeContrast": { @@ -107622,43 +107622,43 @@ exports[`shapshots legoIOS 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, #9FA0A4)", }, "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, #A6A7A9)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)", + "value": "var(--vkui--color_tabbar_text_inactive, #adadad)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #1E2023)", + "value": "var(--vkui--color_text_accent--active, #237EDD)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #202022)", + "value": "var(--vkui--color_text_accent--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #212121)", + "value": "var(--vkui--color_text_accent, #2688eb)", }, }, "colorTextAccentThemed": { "active": { "name": "--vkui--color_text_accent_themed--active", - "value": "var(--vkui--color_text_accent_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_text_accent_themed--hover, #2483E4)", }, "normal": { "name": "--vkui--color_text_accent_themed", - "value": "var(--vkui--color_text_accent_themed, #212121)", + "value": "var(--vkui--color_text_accent_themed, #2688eb)", }, }, "colorTextContrast": { @@ -107692,43 +107692,43 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #1E2023)", + "value": "var(--vkui--color_text_link--active, #2978D3)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #202022)", + "value": "var(--vkui--color_text_link--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #212121)", + "value": "var(--vkui--color_text_link, #2d81e0)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_text_link_themed--hover, #2B7CD9)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #212121)", + "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, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_text_link_tint--hover, #6CA4E4)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #212121)", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, "colorTextLinkVisited": { @@ -107748,15 +107748,15 @@ exports[`shapshots legoIOS 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": { @@ -107804,99 +107804,99 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "value": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", }, }, "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, #1E2023)", }, "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, #202022)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #212121)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #778292)", + "value": "var(--vkui--color_text_secondary--active, #7C8086)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7C8795)", + "value": "var(--vkui--color_text_secondary--hover, #828589)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #818c99)", + "value": "var(--vkui--color_text_secondary, #878a8c)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "value": "var(--vkui--color_text_secondary_alpha, #2929298c)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #64707F)", + "value": "var(--vkui--color_text_subhead--active, #6C6D71)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #697482)", + "value": "var(--vkui--color_text_subhead--hover, #707173)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #6d7885)", + "value": "var(--vkui--color_text_subhead, #757575)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #8D96A4)", + "value": "var(--vkui--color_text_tertiary--active, #949599)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #939CA9)", + "value": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #99a2ad)", + "value": "var(--vkui--color_text_tertiary, #a1a1a1)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #CFD2D8)", + "value": "var(--vkui--color_track_background--active, #D8D9DD)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #D8DBDF)", + "value": "var(--vkui--color_track_background--hover, #E2E2E4)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #e1e3e6)", + "value": "var(--vkui--color_track_background, #ebebeb)", }, }, "colorTrackBuffer": { @@ -107916,57 +107916,57 @@ exports[`shapshots legoIOS 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(0, 0, 0, 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(0, 0, 0, 0.04))", }, "normal": { "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "value": "var(--vkui--color_transparent, #00000000)", }, }, "colorWriteBarIcon": { "active": { "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #1E2023)", + "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, #202022)", + "value": "var(--vkui--color_write_bar_icon--hover, #3C85D9)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #212121)", + "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, #DFE1E6)", + "value": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", }, "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, #E9EAEC)", }, "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, #f3f3f3)", }, }, "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, #D8D9DD)", }, "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, #E2E2E4)", }, "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, #ebebeb)", }, }, "colorWriteBarInputBorderAlpha": { @@ -107980,7 +107980,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, #00000014)", }, }, "colorsScheme": { @@ -109102,7 +109102,7 @@ exports[`shapshots legoIOS 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": { @@ -110925,7 +110925,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { "active": "#237EDD", @@ -110935,7 +110935,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAccentCyan": { "active": "#11ECC4", "hover": "#12F5CA", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#96A0AE", @@ -110950,7 +110950,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAccentLime": { "active": "#A1E511", "hover": "#A8EE0F", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#EB9405", @@ -110965,12 +110965,12 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAccentOrangePeach": { "active": "#E5A84E", "hover": "#EFAE4E", - "normal": "#F9B54F", + "normal": "#f9b54f", }, "colorAccentPink": { "active": "#E059EF", "hover": "#EA5CF7", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#6A56D8", @@ -111005,42 +111005,42 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", }, "colorBackgroundAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "normal": "#2688eb33", }, "colorBackgroundAccentTint": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2D2D2D", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -111048,9 +111048,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -111058,34 +111058,34 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundInfoTint": { "active": "#CCDCEF", "hover": "#D5E5F7", - "normal": "#DEEEFF", + "normal": "#deeeff", }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", }, "colorBackgroundNegative": { "active": "#D44245", @@ -111095,7 +111095,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#EBD8DB", "hover": "#F5E0E2", - "normal": "#FFE9E9", + "normal": "#ffe9e9", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -111105,7 +111105,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#E8F9E8", + "normal": "#e8f9e8", }, "colorBackgroundSecondary": { "active": "#E1E3E6", @@ -111115,7 +111115,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "normal": "#0000000a", }, "colorBackgroundTertiary": { "active": "#E5E6EA", @@ -111125,12 +111125,12 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "normal": "#00000007", }, "colorBackgroundWarning": { "active": "#EBE0CA", "hover": "#F5E9D0", - "normal": "#FFF2D6", + "normal": "#fff2d6", }, "colorButtonIcon": { "active": "#237EDD", @@ -111148,14 +111148,14 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "colorHeaderBackground": { "active": "#EBECEF", @@ -111163,14 +111163,14 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -111178,9 +111178,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#EBECEF", @@ -111188,14 +111188,14 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "normal": "#0000007a", }, "colorIconNegative": { "active": "#D44245", @@ -111208,54 +111208,54 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "normal": "#0000005b", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "normal": "#0000003d", }, "colorIconWarning": { "active": "#E4941F", "hover": "#EE9A1D", - "normal": "#F8A01C", + "normal": "#f8a01c", }, "colorImageBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", }, "colorLinkContrast": { "active": "#EBECEF", @@ -111265,12 +111265,12 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -111278,9 +111278,9 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -111288,29 +111288,29 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "normal": "#0000001e", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", }, "colorSkeletonFrom": { "active": "#E1E3E6", @@ -111318,19 +111318,19 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorStrokeAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -111348,19 +111348,19 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", }, "colorTextAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -111373,19 +111373,19 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { "active": "#437DC1", @@ -111393,9 +111393,9 @@ exports[`shapshots legoIOS 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", @@ -111413,39 +111413,39 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#212121", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorTrackBuffer": { "active": "#93B1D7", @@ -111453,29 +111453,29 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "normal": "#a0bfe4", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorsScheme": "light", "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", @@ -111736,7 +111736,7 @@ exports[`shapshots legoIOS theme should match pixelify theme snapshot 1`] = ` "regular": "12px", }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "regular": "16px", }, "sizeBasePaddingVertical": { "regular": "12px", @@ -112340,7 +112340,7 @@ exports[`shapshots legoIOS 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)", - "normal": "var(--vkui--color_accent_azure, #0077FF)", + "normal": "var(--vkui--color_accent_azure, #0077ff)", }, "colorAccentBlue": { "active": "var(--vkui--color_accent_blue--active, #237EDD)", @@ -112350,7 +112350,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", }, "colorAccentGray": { "active": "var(--vkui--color_accent_gray--active, #96A0AE)", @@ -112365,7 +112365,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "colorAccentLime": { "active": "var(--vkui--color_accent_lime--active, #A1E511)", "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #EB9405)", @@ -112380,12 +112380,12 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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)", + "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)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #6A56D8)", @@ -112420,42 +112420,42 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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))", + "normal": "var(--vkui--color_avatar_overlay, #00000099)", }, "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))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, "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, #DADBDF)", + "hover": "var(--vkui--color_background--hover, #E4E4E6)", + "normal": "var(--vkui--color_background, #ededed)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #1E2023)", - "hover": "var(--vkui--color_background_accent--hover, #202022)", - "normal": "var(--vkui--color_background_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #202022)", - "normal": "var(--vkui--color_background_accent_alternative, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_background_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_background_accent_themed, #212121)", + "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(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))", + "normal": "var(--vkui--color_background_accent_themed_alpha, #2688eb33)", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #292B2E)", - "hover": "var(--vkui--color_background_accent_tint--hover, #2B2C2E)", - "normal": "var(--vkui--color_background_accent_tint, #2D2D2D)", + "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)", @@ -112463,9 +112463,9 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_background_content, #ffffff)", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181D)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191B)", - "normal": "var(--vkui--color_background_content_inverse, #19191A)", + "active": "var(--vkui--color_background_content_inverse--active, #17181C)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", + "normal": "var(--vkui--color_background_content_inverse, #191919)", }, "colorBackgroundContrast": { "active": "var(--vkui--color_background_contrast--active, #EBECEF)", @@ -112473,34 +112473,34 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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, #292B2E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, "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, #ffffff33)", }, "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)", + "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)", + "normal": "var(--vkui--color_background_info_tint, #deeeff)", }, "colorBackgroundModal": { "active": "var(--vkui--color_background_modal--active, #EBECEF)", "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", - "normal": "var(--vkui--color_background_modal, #FFFFFF)", + "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, #1B1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", }, "colorBackgroundNegative": { "active": "var(--vkui--color_background_negative--active, #D44245)", @@ -112510,7 +112510,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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)", + "normal": "var(--vkui--color_background_negative_tint, #ffe9e9)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #45A64A)", @@ -112520,7 +112520,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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)", + "normal": "var(--vkui--color_background_positive_tint, #e8f9e8)", }, "colorBackgroundSecondary": { "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", @@ -112530,7 +112530,7 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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))", + "normal": "var(--vkui--color_background_secondary_alpha, #0000000a)", }, "colorBackgroundTertiary": { "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", @@ -112540,12 +112540,12 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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))", + "normal": "var(--vkui--color_background_tertiary_alpha, #00000007)", }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #EBE0CA)", "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", - "normal": "var(--vkui--color_background_warning, #FFF2D6)", + "normal": "var(--vkui--color_background_warning, #fff2d6)", }, "colorButtonIcon": { "active": "var(--vkui--color_button_icon--active, #237EDD)", @@ -112563,14 +112563,14 @@ exports[`shapshots legoIOS 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, #D8D9DD)", + "hover": "var(--vkui--color_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_field_background, #ebebeb)", }, "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, 0, 0, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, #0000001e)", }, "colorHeaderBackground": { "active": "var(--vkui--color_header_background--active, #EBECEF)", @@ -112578,14 +112578,14 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_header_background, #ffffff)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #1E2023)", - "hover": "var(--vkui--color_icon_accent--hover, #202022)", - "normal": "var(--vkui--color_icon_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_icon_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_icon_accent_themed, #212121)", + "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)", @@ -112593,9 +112593,9 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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)", + "active": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #EBECEF)", @@ -112603,14 +112603,14 @@ exports[`shapshots legoIOS 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, #7F8084)", + "hover": "var(--vkui--color_icon_medium--hover, #848587)", + "normal": "var(--vkui--color_icon_medium, #8a8a8a)", }, "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))", + "normal": "var(--vkui--color_icon_medium_alpha, #0000007a)", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #D44245)", @@ -112623,54 +112623,54 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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, #1E2023)", + "hover": "var(--vkui--color_icon_primary--hover, #202022)", + "normal": "var(--vkui--color_icon_primary, #212121)", }, "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, #1E2023)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", }, "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, #96979B)", + "hover": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + "normal": "var(--vkui--color_icon_secondary, #a3a3a3)", }, "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))", + "normal": "var(--vkui--color_icon_secondary_alpha, #0000005b)", }, "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, #B2B4B7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + "normal": "var(--vkui--color_icon_tertiary, #c2c2c2)", }, "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))", + "normal": "var(--vkui--color_icon_tertiary_alpha, #0000003d)", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #E4941F)", "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", - "normal": "var(--vkui--color_icon_warning, #F8A01C)", + "normal": "var(--vkui--color_icon_warning, #f8a01c)", }, "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))", + "normal": "var(--vkui--color_image_border_alpha, #00000014)", }, "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, #E0E1E4)", + "hover": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + "normal": "var(--vkui--color_image_placeholder, #f3f3f3)", }, "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(33, 33, 33, 0.14))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + "normal": "var(--vkui--color_image_placeholder_alpha, #2121210f)", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #EBECEF)", @@ -112680,12 +112680,12 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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, #00000066)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #237EDD)", @@ -112693,9 +112693,9 @@ exports[`shapshots legoIOS 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, #D8D9DD)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_search_field_background, #ebebeb)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #EBECEF)", @@ -112703,29 +112703,29 @@ exports[`shapshots legoIOS 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, #C7C8CC)", + "hover": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + "normal": "var(--vkui--color_separator_primary, #d8d8d8)", }, "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, #BCBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + "normal": "var(--vkui--color_separator_primary2x, #cccccc)", }, "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, #B0B1B5)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + "normal": "var(--vkui--color_separator_primary3x, #bfbfbf)", }, "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))", + "normal": "var(--vkui--color_separator_primary_alpha, #0000001e)", }, "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, #D1D2D6)", + "hover": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + "normal": "var(--vkui--color_separator_secondary, #e3e3e3)", }, "colorSkeletonFrom": { "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", @@ -112733,19 +112733,19 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, "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, #D8D9DD)", + "hover": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + "normal": "var(--vkui--color_skeleton_to, #ebebeb)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #1E2023)", - "hover": "var(--vkui--color_stroke_accent--hover, #202022)", - "normal": "var(--vkui--color_stroke_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_stroke_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_stroke_accent_themed, #212121)", + "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)", @@ -112763,19 +112763,19 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "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, #9FA0A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #adadad)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #1E2023)", - "hover": "var(--vkui--color_text_accent--hover, #202022)", - "normal": "var(--vkui--color_text_accent, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_accent_themed--hover, #202022)", - "normal": "var(--vkui--color_text_accent_themed, #212121)", + "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)", @@ -112788,19 +112788,19 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_contrast_themed, #ffffff)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #1E2023)", - "hover": "var(--vkui--color_text_link--hover, #202022)", - "normal": "var(--vkui--color_text_link, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_link_themed--hover, #202022)", - "normal": "var(--vkui--color_text_link_themed, #212121)", + "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, #1E2023)", - "hover": "var(--vkui--color_text_link_tint--hover, #202022)", - "normal": "var(--vkui--color_text_link_tint, #212121)", + "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, #437DC1)", @@ -112808,9 +112808,9 @@ exports[`shapshots legoIOS 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)", @@ -112828,39 +112828,39 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_text_primary, #212121)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(37, 41, 46, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(37, 41, 46, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(37, 41, 46, 0.84))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", }, "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, #1E2023)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", }, "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, #7C8086)", + "hover": "var(--vkui--color_text_secondary--hover, #828589)", + "normal": "var(--vkui--color_text_secondary, #878a8c)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(37, 41, 46, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(37, 41, 46, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(37, 41, 46, 0.55))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, #2929298c)", }, "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, #6C6D71)", + "hover": "var(--vkui--color_text_subhead--hover, #707173)", + "normal": "var(--vkui--color_text_subhead, #757575)", }, "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, #949599)", + "hover": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + "normal": "var(--vkui--color_text_tertiary, #a1a1a1)", }, "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, #D8D9DD)", + "hover": "var(--vkui--color_track_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_track_background, #ebebeb)", }, "colorTrackBuffer": { "active": "var(--vkui--color_track_buffer--active, #93B1D7)", @@ -112868,29 +112868,29 @@ exports[`shapshots legoIOS theme should match pseudo theme from CssVars 1`] = ` "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, "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": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", }, "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #1E2023)", - "hover": "var(--vkui--color_write_bar_icon--hover, #202022)", - "normal": "var(--vkui--color_write_bar_icon, #212121)", + "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, #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, #E0E1E4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + "normal": "var(--vkui--color_write_bar_input_background, #f3f3f3)", }, "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, #D8D9DD)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + "normal": "var(--vkui--color_write_bar_input_border, #ebebeb)", }, "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))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #00000014)", }, "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))", @@ -113151,7 +113151,7 @@ exports[`shapshots legoIOS 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)", @@ -113755,7 +113755,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAccentAzure": { "active": "#006FEF", "hover": "#0073F7", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { "active": "#237EDD", @@ -113765,7 +113765,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAccentCyan": { "active": "#11ECC4", "hover": "#12F5CA", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#96A0AE", @@ -113780,7 +113780,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAccentLime": { "active": "#A1E511", "hover": "#A8EE0F", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#EB9405", @@ -113795,12 +113795,12 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAccentOrangePeach": { "active": "#E5A84E", "hover": "#EFAE4E", - "normal": "#F9B54F", + "normal": "#f9b54f", }, "colorAccentPink": { "active": "#E059EF", "hover": "#EA5CF7", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#6A56D8", @@ -113835,42 +113835,42 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", }, "colorBackgroundAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentAlternative": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorBackgroundAccentThemedAlpha": { "active": "rgba(38, 136, 235, 0.28)", "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.2)", + "normal": "#2688eb33", }, "colorBackgroundAccentTint": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2D2D2D", + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "colorBackgroundContent": { "active": "#EBECEF", @@ -113878,9 +113878,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "#17181D", - "hover": "#18191B", - "normal": "#19191A", + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", }, "colorBackgroundContrast": { "active": "#EBECEF", @@ -113888,34 +113888,34 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundInfoTint": { "active": "#CCDCEF", "hover": "#D5E5F7", - "normal": "#DEEEFF", + "normal": "#deeeff", }, "colorBackgroundModal": { "active": "#EBECEF", "hover": "#F5F5F7", - "normal": "#FFFFFF", + "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "#1A1C20", - "hover": "#1B1C1F", - "normal": "#1C1D1E", + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", }, "colorBackgroundNegative": { "active": "#D44245", @@ -113925,7 +113925,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#EBD8DB", "hover": "#F5E0E2", - "normal": "#FFE9E9", + "normal": "#ffe9e9", }, "colorBackgroundPositive": { "active": "#45A64A", @@ -113935,7 +113935,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#D5E6DA", "hover": "#DFF0E1", - "normal": "#E8F9E8", + "normal": "#e8f9e8", }, "colorBackgroundSecondary": { "active": "#E1E3E6", @@ -113945,7 +113945,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.12)", "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "normal": "#0000000a", }, "colorBackgroundTertiary": { "active": "#E5E6EA", @@ -113955,12 +113955,12 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorBackgroundTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.11)", "hover": "rgba(0, 0, 0, 0.07)", - "normal": "rgba(0, 0, 0, 0.03)", + "normal": "#00000007", }, "colorBackgroundWarning": { "active": "#EBE0CA", "hover": "#F5E9D0", - "normal": "#FFF2D6", + "normal": "#fff2d6", }, "colorButtonIcon": { "active": "#237EDD", @@ -113978,14 +113978,14 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorFieldBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "colorHeaderBackground": { "active": "#EBECEF", @@ -113993,14 +113993,14 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorIconContrast": { "active": "#EBECEF", @@ -114008,9 +114008,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#EBECEF", @@ -114018,14 +114018,14 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorIconMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", }, "colorIconMediumAlpha": { "active": "rgba(0, 0, 0, 0.56)", "hover": "rgba(0, 0, 0, 0.52)", - "normal": "rgba(0, 0, 0, 0.48)", + "normal": "#0000007a", }, "colorIconNegative": { "active": "#D44245", @@ -114038,54 +114038,54 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconPrimaryInvariably": { - "active": "#282B2F", - "hover": "#2A2C2F", - "normal": "#2c2d2e", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", }, "colorIconSecondaryAlpha": { "active": "rgba(0, 0, 0, 0.44)", "hover": "rgba(0, 0, 0, 0.4)", - "normal": "rgba(0, 0, 0, 0.36)", + "normal": "#0000005b", }, "colorIconTertiary": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", }, "colorIconTertiaryAlpha": { "active": "rgba(0, 0, 0, 0.32)", "hover": "rgba(0, 0, 0, 0.28)", - "normal": "rgba(0, 0, 0, 0.24)", + "normal": "#0000003d", }, "colorIconWarning": { "active": "#E4941F", "hover": "#EE9A1D", - "normal": "#F8A01C", + "normal": "#f8a01c", }, "colorImageBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorImagePlaceholder": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorImagePlaceholderAlpha": { - "active": "rgba(0, 28, 61, 0.16)", - "hover": "rgba(0, 28, 61, 0.12)", - "normal": "rgba(0, 28, 61, 0.08)", + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", }, "colorLinkContrast": { "active": "#EBECEF", @@ -114095,12 +114095,12 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#237EDD", @@ -114108,9 +114108,9 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorSegmentedControl": { "active": "#EBECEF", @@ -114118,29 +114118,29 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", }, "colorSeparatorPrimary2x": { - "active": "#BBBDC1", - "hover": "#C3C4C7", - "normal": "#cbcccd", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "colorSeparatorPrimary3x": { - "active": "#AFB1B6", - "hover": "#B6B8BC", - "normal": "#bebfc1", + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(0, 0, 0, 0.2)", "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "normal": "#0000001e", }, "colorSeparatorSecondary": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", }, "colorSkeletonFrom": { "active": "#E1E3E6", @@ -114148,19 +114148,19 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorStrokeAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorStrokeContrast": { "active": "#EBECEF", @@ -114178,19 +114178,19 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", }, "colorTextAccent": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextAccentThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorTextContrast": { "active": "#EBECEF", @@ -114203,19 +114203,19 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#ffffff", }, "colorTextLink": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkThemed": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "colorTextLinkTint": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", }, "colorTextLinkVisited": { "active": "#437DC1", @@ -114223,9 +114223,9 @@ exports[`shapshots legoIOS 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", @@ -114243,39 +114243,39 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#212121", }, "colorTextPrimaryAlpha": { - "active": "rgba(37, 41, 46, 0.92)", - "hover": "rgba(37, 41, 46, 0.88)", - "normal": "rgba(37, 41, 46, 0.84)", + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", }, "colorTextPrimaryInvariably": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", }, "colorTextSecondaryAlpha": { - "active": "rgba(37, 41, 46, 0.63)", - "hover": "rgba(37, 41, 46, 0.59)", - "normal": "rgba(37, 41, 46, 0.55)", + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", }, "colorTextSubhead": { - "active": "#64707F", - "hover": "#697482", - "normal": "#6d7885", + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", }, "colorTextTertiary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", }, "colorTrackBackground": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorTrackBuffer": { "active": "#93B1D7", @@ -114283,29 +114283,29 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "normal": "#a0bfe4", }, "colorTransparent": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorWriteBarInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorWriteBarInputBorderAlpha": { "active": "rgba(0, 0, 0, 0.16)", "hover": "rgba(0, 0, 0, 0.12)", - "normal": "rgba(0, 0, 0, 0.08)", + "normal": "#00000014", }, "colorsScheme": "light", "elevation1": "0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06)", @@ -114566,7 +114566,7 @@ exports[`shapshots legoIOS theme should match root theme snapshot 1`] = ` "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": 12, + "regular": 16, }, "sizeBasePaddingVertical": { "regular": 12, @@ -115193,21 +115193,21 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_azure", - "value": "var(--vkui--color_accent_azure, #0077FF)", + "value": "var(--vkui--color_accent_azure, #0077ff)", }, }, "colorAccentBlue": { "active": { "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #7CB1ED)", + "value": "var(--vkui--color_accent_blue--active, #60A6F5)", }, "hover": { "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #77ADEC)", + "value": "var(--vkui--color_accent_blue--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #71aaeb)", + "value": "var(--vkui--color_accent_blue, #529ef4)", }, }, "colorAccentCyan": { @@ -115221,7 +115221,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13FFD0)", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", }, }, "colorAccentGray": { @@ -115263,7 +115263,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #AFF70D)", + "value": "var(--vkui--color_accent_lime, #aff70d)", }, }, "colorAccentOrange": { @@ -115305,7 +115305,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_orange_peach", - "value": "var(--vkui--color_accent_orange_peach, #FFC062)", + "value": "var(--vkui--color_accent_orange_peach, #ffc062)", }, }, "colorAccentPink": { @@ -115319,7 +115319,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #F45FFF)", + "value": "var(--vkui--color_accent_pink, #f45fff)", }, }, "colorAccentPurple": { @@ -115395,15 +115395,15 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #71aaeb)", + "value": "var(--vkui--color_action_sheet_text, #529ef4)", }, }, "colorAvatarOverlay": { @@ -115417,7 +115417,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))", + "value": "var(--vkui--color_avatar_overlay, #00000099)", }, }, "colorAvatarOverlayInverseAlpha": { @@ -115431,7 +115431,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_avatar_overlay_inverse_alpha", - "value": "var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85))", + "value": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, }, "colorBackground": { @@ -115451,43 +115451,43 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorBackgroundAccent": { "active": { "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #E3E5E8)", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #E1E3E6)", + "value": "var(--vkui--color_background_accent, #529ef4)", }, }, "colorBackgroundAccentAlternative": { "active": { "name": "--vkui--color_background_accent_alternative--active", - "value": "var(--vkui--color_background_accent_alternative--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_background_accent_alternative", - "value": "var(--vkui--color_background_accent_alternative, #E1E3E6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "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": { @@ -115501,35 +115501,35 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff33)", }, }, "colorBackgroundAccentTint": { "active": { "name": "--vkui--color_background_accent_tint--active", - "value": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", + "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, #EBEEF1)", + "value": "var(--vkui--color_background_accent_tint--hover, #61A2FF)", }, "normal": { "name": "--vkui--color_background_accent_tint", - "value": "var(--vkui--color_background_accent_tint, #EAEDF0)", + "value": "var(--vkui--color_background_accent_tint, #5a9eff)", }, }, "colorBackgroundContent": { "active": { "name": "--vkui--color_background_content--active", - "value": "var(--vkui--color_background_content--active, #2B2B2C)", + "value": "var(--vkui--color_background_content--active, #2B2B2B)", }, "hover": { "name": "--vkui--color_background_content--hover", - "value": "var(--vkui--color_background_content--hover, #222223)", + "value": "var(--vkui--color_background_content--hover, #222222)", }, "normal": { "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #19191a)", + "value": "var(--vkui--color_background_content, #191919)", }, }, "colorBackgroundContentInverse": { @@ -115563,15 +115563,15 @@ exports[`shapshots legoIOSDark 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, #3E3E3E)", }, "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, #353535)", }, "normal": { "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, }, "colorBackgroundContrastSecondaryAlpha": { @@ -115585,21 +115585,21 @@ exports[`shapshots legoIOSDark 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, #ffffff33)", }, }, "colorBackgroundContrastThemed": { "active": { "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", + "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", }, "hover": { "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #343536)", + "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", }, "normal": { "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", }, }, "colorBackgroundInfoTint": { @@ -115613,21 +115613,21 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1C3954)", + "value": "var(--vkui--color_background_info_tint, #1c3954)", }, }, "colorBackgroundModal": { "active": { "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2E2F30)", + "value": "var(--vkui--color_background_modal--active, #2F2F2F)", }, "hover": { "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #252627)", + "value": "var(--vkui--color_background_modal--hover, #262626)", }, "normal": { "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1C1D1E)", + "value": "var(--vkui--color_background_modal, #1d1d1d)", }, }, "colorBackgroundModalInverse": { @@ -115669,7 +115669,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_negative_tint", - "value": "var(--vkui--color_background_negative_tint, #522E2E)", + "value": "var(--vkui--color_background_negative_tint, #522e2e)", }, }, "colorBackgroundPositive": { @@ -115697,49 +115697,49 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2E3E2B)", + "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", }, }, "colorBackgroundSecondary": { "active": { "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353536)", + "value": "var(--vkui--color_background_secondary--active, #353535)", }, "hover": { "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2D)", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", }, "normal": { "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232324)", + "value": "var(--vkui--color_background_secondary, #232323)", }, }, "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.18))", }, "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.14))", }, "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, #ffffff19)", }, }, "colorBackgroundTertiary": { "active": { "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323233)", + "value": "var(--vkui--color_background_tertiary--active, #323232)", }, "hover": { "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #29292A)", + "value": "var(--vkui--color_background_tertiary--hover, #292929)", }, "normal": { "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202021)", + "value": "var(--vkui--color_background_tertiary, #202020)", }, }, "colorBackgroundTertiaryAlpha": { @@ -115753,7 +115753,7 @@ exports[`shapshots legoIOSDark 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.03))", + "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", }, }, "colorBackgroundWarning": { @@ -115815,15 +115815,15 @@ exports[`shapshots legoIOSDark 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, #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": { @@ -115837,49 +115837,49 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff1e)", }, }, "colorHeaderBackground": { "active": { "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2C)", + "value": "var(--vkui--color_header_background--active, #2B2B2B)", }, "hover": { "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222223)", + "value": "var(--vkui--color_header_background--hover, #222222)", }, "normal": { "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #19191a)", + "value": "var(--vkui--color_header_background, #191919)", }, }, "colorIconAccent": { "active": { "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #E3E5E8)", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #E1E3E6)", + "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": { @@ -115899,15 +115899,15 @@ exports[`shapshots legoIOSDark 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, #F4F4F4)", }, "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, #F3F3F3)", }, "normal": { "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, }, "colorIconContrastThemed": { @@ -115927,29 +115927,29 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorIconMedium": { "active": { "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B6B7BC)", + "value": "var(--vkui--color_icon_medium--active, #B7B7B7)", }, "hover": { "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)", + "value": "var(--vkui--color_icon_medium--hover, #B4B4B4)", }, "normal": { "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b0b1b6)", + "value": "var(--vkui--color_icon_medium, #b1b1b1)", }, }, "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(246, 246, 246, 0.74))", }, "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(246, 246, 246, 0.7000000000000001))", }, "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, #f6f6f6a8)", }, }, "colorIconNegative": { @@ -115983,71 +115983,71 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorIconPrimary": { "active": { "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E3E5E8)", + "value": "var(--vkui--color_icon_primary--active, #E5E5E5)", }, "hover": { "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_icon_primary--hover, #E4E4E4)", }, "normal": { "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e1e3e6)", + "value": "var(--vkui--color_icon_primary, #e3e3e3)", }, }, "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, #333333)", }, "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, #2A2A2A)", }, "normal": { "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", }, }, "colorIconSecondary": { "active": { "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #818385)", + "value": "var(--vkui--color_icon_secondary--active, #838383)", }, "hover": { "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", }, "normal": { "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #76787a)", + "value": "var(--vkui--color_icon_secondary, #787878)", }, }, "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(246, 246, 246, 0.51))", }, "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(246, 246, 246, 0.47000000000000003))", }, "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, #f6f6f66d)", }, }, "colorIconTertiary": { "active": { "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", }, "hover": { "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #636567)", + "value": "var(--vkui--color_icon_tertiary--hover, #656565)", }, "normal": { "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5d5f61)", + "value": "var(--vkui--color_icon_tertiary, #5f5f5f)", }, }, "colorIconTertiaryAlpha": { @@ -116061,7 +116061,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff4c)", }, }, "colorIconWarning": { @@ -116075,7 +116075,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_icon_warning", - "value": "var(--vkui--color_icon_warning, #EDB055)", + "value": "var(--vkui--color_icon_warning, #edb055)", }, }, "colorImageBorderAlpha": { @@ -116089,35 +116089,35 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff14)", }, }, "colorImagePlaceholder": { "active": { "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)", + "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", }, "hover": { "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333334)", + "value": "var(--vkui--color_image_placeholder--hover, #333333)", }, "normal": { "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2a2b2c)", + "value": "var(--vkui--color_image_placeholder, #2b2b2b)", }, }, "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(246, 246, 246, 0.16))", }, "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(246, 246, 246, 0.12))", }, "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, #f6f6f614)", }, }, "colorLinkContrast": { @@ -116145,13 +116145,13 @@ exports[`shapshots legoIOSDark 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, #00000066)", }, }, "colorOverlaySecondary": { "active": { "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", }, "hover": { "name": "--vkui--color_overlay_secondary--hover", @@ -116159,7 +116159,7 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "normal": { "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "value": "var(--vkui--color_overlay_secondary, #00000044)", }, }, "colorPanelHeaderIcon": { @@ -116179,15 +116179,15 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "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, #474747)", }, "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, #3F3F3F)", }, "normal": { "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #363738)", + "value": "var(--vkui--color_search_field_background, #373737)", }, }, "colorSegmentedControl": { @@ -116207,43 +116207,43 @@ exports[`shapshots legoIOSDark 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, #474747)", }, "hover": { "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3E3F40)", + "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", }, "normal": { "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #363738)", + "value": "var(--vkui--color_separator_primary, #373737)", }, }, "colorSeparatorPrimary2x": { "active": { "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #535455)", + "value": "var(--vkui--color_separator_primary2x--active, #545454)", }, "hover": { "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4B4C4D)", + "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", }, "normal": { "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #444546)", + "value": "var(--vkui--color_separator_primary2x, #454545)", }, }, "colorSeparatorPrimary3x": { "active": { "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #5E6061)", + "value": "var(--vkui--color_separator_primary3x--active, #606060)", }, "hover": { "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #57595A)", + "value": "var(--vkui--color_separator_primary3x--hover, #595959)", }, "normal": { "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #505253)", + "value": "var(--vkui--color_separator_primary3x, #525252)", }, }, "colorSeparatorPrimaryAlpha": { @@ -116257,77 +116257,77 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` }, "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, #ffffff1e)", }, }, "colorSeparatorSecondary": { "active": { "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272728)", + "value": "var(--vkui--color_separator_secondary--active, #272727)", }, "hover": { "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", }, "normal": { "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141415)", + "value": "var(--vkui--color_separator_secondary, #141414)", }, }, "colorSkeletonFrom": { "active": { "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #353536)", + "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", }, "hover": { "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #2C2C2D)", + "value": "var(--vkui--color_skeleton_from--hover, #353535)", }, "normal": { "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #232324)", + "value": "var(--vkui--color_skeleton_from, #2d2d2d)", }, }, "colorSkeletonTo": { "active": { "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3D3E3F)", + "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", }, "hover": { "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #343536)", + "value": "var(--vkui--color_skeleton_to--hover, #353535)", }, "normal": { "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2c2d2e)", + "value": "var(--vkui--color_skeleton_to, #2d2d2d)", }, }, "colorStrokeAccent": { "active": { "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #E3E5E8)", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #E1E3E6)", + "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": { @@ -116375,43 +116375,43 @@ exports[`shapshots legoIOSDark 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, #838383)", }, "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, #7D7D7D)", }, "normal": { "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #76787a)", + "value": "var(--vkui--color_tabbar_text_inactive, #787878)", }, }, "colorTextAccent": { "active": { "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #E3E5E8)", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #E2E4E7)", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #E1E3E6)", + "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": { @@ -116445,43 +116445,43 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorTextLink": { "active": { "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #E3E5E8)", + "value": "var(--vkui--color_text_link--active, #60A6F5)", }, "hover": { "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #E2E4E7)", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", }, "normal": { "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #E1E3E6)", + "value": "var(--vkui--color_text_link, #529ef4)", }, }, "colorTextLinkThemed": { "active": { "name": "--vkui--color_text_link_themed--active", - "value": "var(--vkui--color_text_link_themed--active, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_text_link_themed--hover, #EBEDF0)", }, "normal": { "name": "--vkui--color_text_link_themed", - "value": "var(--vkui--color_text_link_themed, #E1E3E6)", + "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, #E3E5E8)", + "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, #E2E4E7)", + "value": "var(--vkui--color_text_link_tint--hover, #77ADEC)", }, "normal": { "name": "--vkui--color_text_link_tint", - "value": "var(--vkui--color_text_link_tint, #E1E3E6)", + "value": "var(--vkui--color_text_link_tint, #71aaeb)", }, }, "colorTextLinkVisited": { @@ -116501,15 +116501,15 @@ exports[`shapshots legoIOSDark 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, #C9C9C9)", }, "hover": { "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #E2E4E7)", + "value": "var(--vkui--color_text_muted--hover, #C6C6C6)", }, "normal": { "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #e1e3e6)", + "value": "var(--vkui--color_text_muted, #c4c4c4)", }, }, "colorTextNegative": { @@ -116543,113 +116543,113 @@ exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` "colorTextPrimary": { "active": { "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E3E5E8)", + "value": "var(--vkui--color_text_primary--active, #E5E5E5)", }, "hover": { "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E2E4E7)", + "value": "var(--vkui--color_text_primary--hover, #E4E4E4)", }, "normal": { "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #E1E3E6)", + "value": "var(--vkui--color_text_primary, #e3e3e3)", }, }, "colorTextPrimaryAlpha": { "active": { "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", }, "hover": { "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", }, "normal": { "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "value": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", }, }, "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, #333333)", }, "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, #2A2A2A)", }, "normal": { "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #000000)", + "value": "var(--vkui--color_text_primary_invariably, #212121)", }, }, "colorTextSecondary": { "active": { "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #818385)", + "value": "var(--vkui--color_text_secondary--active, #838383)", }, "hover": { "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)", + "value": "var(--vkui--color_text_secondary--hover, #7D7D7D)", }, "normal": { "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #76787a)", + "value": "var(--vkui--color_text_secondary, #787878)", }, }, "colorTextSecondaryAlpha": { "active": { "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", }, "hover": { "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", }, "normal": { "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "value": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", }, }, "colorTextSubhead": { "active": { "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #9EA2A7)", + "value": "var(--vkui--color_text_subhead--active, #A2A2A2)", }, "hover": { "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9A9EA3)", + "value": "var(--vkui--color_text_subhead--hover, #9E9E9E)", }, "normal": { "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #969a9f)", + "value": "var(--vkui--color_text_subhead, #9a9a9a)", }, }, "colorTextTertiary": { "active": { "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6A6C6E)", + "value": "var(--vkui--color_text_tertiary--active, #6C6C6C)", }, "hover": { "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #636567)", + "value": "var(--vkui--color_text_tertiary--hover, #656565)", }, "normal": { "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5d5f61)", + "value": "var(--vkui--color_text_tertiary, #5f5f5f)", }, }, "colorTrackBackground": { "active": { "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #545556)", + "value": "var(--vkui--color_track_background--active, #555555)", }, "hover": { "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4C4D4E)", + "value": "var(--vkui--color_track_background--hover, #4D4D4D)", }, "normal": { "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #454647)", + "value": "var(--vkui--color_track_background, #464646)", }, }, "colorTrackBuffer": { @@ -116669,71 +116669,71 @@ exports[`shapshots legoIOSDark 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, 0, 0, 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, 0, 0, 0.04))", }, "normal": { "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, transparent)", + "value": "var(--vkui--color_transparent, #00000000)", }, }, "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, #60A6F5)", }, "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, #59A2F4)", }, "normal": { "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #E1E3E6)", + "value": "var(--vkui--color_write_bar_icon, #529ef4)", }, }, "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, #3E3E3E)", }, "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, #353535)", }, "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, #2d2d2d)", }, }, "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, #3E3E3E)", }, "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, #353535)", }, "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, #2d2d2d)", }, }, "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(255, 255, 255, 0.16))", }, "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(255, 255, 255, 0.12))", }, "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, #ffffff14)", }, }, "colorsScheme": { @@ -119678,17 +119678,17 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAccentCyan": { "active": "#26FFD4", "hover": "#1CFFD2", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#AAB4BE", @@ -119703,7 +119703,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorAccentLime": { "active": "#B5F820", "hover": "#B2F717", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#FFA814", @@ -119718,12 +119718,12 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorAccentOrangePeach": { "active": "#FFC56F", "hover": "#FFC368", - "normal": "#FFC062", + "normal": "#ffc062", }, "colorAccentPink": { "active": "#F56CFF", "hover": "#F465FF", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#A18FFF", @@ -119751,19 +119751,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { "active": "#1E1E1E", @@ -119771,34 +119771,34 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "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)", + "normal": "#ffffff33", }, "colorBackgroundAccentTint": { - "active": "#ECEEF1", - "hover": "#EBEEF1", - "normal": "#EAEDF0", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -119811,29 +119811,29 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundInfoTint": { "active": "#2E4962", "hover": "#25415B", - "normal": "#1C3954", + "normal": "#1c3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -119848,7 +119848,7 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundPositive": { "active": "#59B959", @@ -119858,27 +119858,27 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorBackgroundPositiveTint": { "active": "#3F4D3C", "hover": "#364633", - "normal": "#2E3E2B", + "normal": "#2e3e2b", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", }, "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.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#323232", + "hover": "#292929", + "normal": "#202020", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "normal": "#ffffff07", }, "colorBackgroundWarning": { "active": "#564328", @@ -119901,29 +119901,29 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorIconAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -119931,9 +119931,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#141414", @@ -119941,14 +119941,14 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#000000", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", }, "colorIconNegative": { "active": "#FF6969", @@ -119961,54 +119961,54 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorIconTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.38)", "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "normal": "#ffffff4c", }, "colorIconWarning": { "active": "#EEB663", "hover": "#EEB35C", - "normal": "#EDB055", + "normal": "#edb055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "#ffffff14", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -120018,12 +120018,12 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -120031,9 +120031,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -120041,49 +120041,49 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#606060", + "hover": "#595959", + "normal": "#525252", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorStrokeAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -120101,19 +120101,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -120126,19 +120126,19 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#000000", }, "colorTextLink": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { "active": "#5890D0", @@ -120146,9 +120146,9 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", }, "colorTextNegative": { "active": "#FF6969", @@ -120161,44 +120161,44 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", }, "colorTrackBuffer": { "active": "#4F647D", @@ -120206,29 +120206,29 @@ exports[`shapshots legoIOSDark theme should match pixelify theme snapshot 1`] = "normal": "#405772", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", @@ -121093,17 +121093,17 @@ exports[`shapshots legoIOSDark 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)", + "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, #60A6F5)", + "hover": "var(--vkui--color_accent_blue--hover, #59A2F4)", + "normal": "var(--vkui--color_accent_blue, #529ef4)", }, "colorAccentCyan": { "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13FFD0)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", }, "colorAccentGray": { "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", @@ -121118,7 +121118,7 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "colorAccentLime": { "active": "var(--vkui--color_accent_lime--active, #B5F820)", "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "normal": "var(--vkui--color_accent_lime, #AFF70D)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", }, "colorAccentOrange": { "active": "var(--vkui--color_accent_orange--active, #FFA814)", @@ -121133,12 +121133,12 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "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)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", }, "colorAccentPurple": { "active": "var(--vkui--color_accent_purple--active, #A18FFF)", @@ -121166,19 +121166,19 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_accent_violet, #a94fff)", }, "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, #60A6F5)", + "hover": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + "normal": "var(--vkui--color_action_sheet_text, #529ef4)", }, "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))", + "normal": "var(--vkui--color_avatar_overlay, #00000099)", }, "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))", + "normal": "var(--vkui--color_avatar_overlay_inverse_alpha, #ffffffd8)", }, "colorBackground": { "active": "var(--vkui--color_background--active, #1E1E1E)", @@ -121186,34 +121186,34 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_background, #0a0a0a)", }, "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_background_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_background_accent, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_background_accent_alternative--hover, #E2E4E7)", - "normal": "var(--vkui--color_background_accent_alternative, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_background_accent_themed--hover, #E2E4E7)", - "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))", "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))", + "normal": "var(--vkui--color_background_accent_themed_alpha, #ffffff33)", }, "colorBackgroundAccentTint": { - "active": "var(--vkui--color_background_accent_tint--active, #ECEEF1)", - "hover": "var(--vkui--color_background_accent_tint--hover, #EBEEF1)", - "normal": "var(--vkui--color_background_accent_tint, #EAEDF0)", + "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)", - "hover": "var(--vkui--color_background_content--hover, #222223)", - "normal": "var(--vkui--color_background_content, #19191a)", + "active": "var(--vkui--color_background_content--active, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #222222)", + "normal": "var(--vkui--color_background_content, #191919)", }, "colorBackgroundContentInverse": { "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", @@ -121226,29 +121226,29 @@ exports[`shapshots legoIOSDark 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, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, "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, #ffffff33)", }, "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #3D3E3F)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #343536)", - "normal": "var(--vkui--color_background_contrast_themed, #2C2D2E)", + "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", }, "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)", + "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, #2F2F2F)", + "hover": "var(--vkui--color_background_modal--hover, #262626)", + "normal": "var(--vkui--color_background_modal, #1d1d1d)", }, "colorBackgroundModalInverse": { "active": "var(--vkui--color_background_modal_inverse--active, #D7D8DB)", @@ -121263,7 +121263,7 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "normal": "var(--vkui--color_background_negative_tint, #522e2e)", }, "colorBackgroundPositive": { "active": "var(--vkui--color_background_positive--active, #59B959)", @@ -121273,27 +121273,27 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "normal": "var(--vkui--color_background_positive_tint, #2e3e2b)", }, "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, #353535)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "normal": "var(--vkui--color_background_secondary, #232323)", }, "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.18))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", }, "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, #323232)", + "hover": "var(--vkui--color_background_tertiary--hover, #292929)", + "normal": "var(--vkui--color_background_tertiary, #202020)", }, "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))", + "normal": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", }, "colorBackgroundWarning": { "active": "var(--vkui--color_background_warning--active, #564328)", @@ -121316,29 +121316,29 @@ exports[`shapshots legoIOSDark 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, #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))", "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))", + "normal": "var(--vkui--color_field_border_alpha, #ffffff1e)", }, "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, #2B2B2B)", + "hover": "var(--vkui--color_header_background--hover, #222222)", + "normal": "var(--vkui--color_header_background, #191919)", }, "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_icon_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_icon_accent, #E1E3E6)", + "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, #D7D8DB)", @@ -121346,9 +121346,9 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, "colorIconContrastThemed": { "active": "var(--vkui--color_icon_contrast_themed--active, #141414)", @@ -121356,14 +121356,14 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_icon_contrast_themed, #000000)", }, "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, #B7B7B7)", + "hover": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + "normal": "var(--vkui--color_icon_medium, #b1b1b1)", }, "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(246, 246, 246, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", }, "colorIconNegative": { "active": "var(--vkui--color_icon_negative--active, #FF6969)", @@ -121376,54 +121376,54 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, "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, #E5E5E5)", + "hover": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_icon_primary, #e3e3e3)", }, "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, #333333)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", }, "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, #838383)", + "hover": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_icon_secondary, #787878)", }, "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(246, 246, 246, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", }, "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, #6C6C6C)", + "hover": "var(--vkui--color_icon_tertiary--hover, #656565)", + "normal": "var(--vkui--color_icon_tertiary, #5f5f5f)", }, "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))", + "normal": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", }, "colorIconWarning": { "active": "var(--vkui--color_icon_warning--active, #EEB663)", "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #EDB055)", + "normal": "var(--vkui--color_icon_warning, #edb055)", }, "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))", + "normal": "var(--vkui--color_image_border_alpha, #ffffff14)", }, "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, #3C3C3C)", + "hover": "var(--vkui--color_image_placeholder--hover, #333333)", + "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", }, "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(246, 246, 246, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", }, "colorLinkContrast": { "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", @@ -121433,12 +121433,12 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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, #00000066)", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35))", + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, rgba(0, 0, 0, 0.27))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", }, "colorPanelHeaderIcon": { "active": "var(--vkui--color_panel_header_icon--active, #7CB1ED)", @@ -121446,9 +121446,9 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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, #474747)", + "hover": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + "normal": "var(--vkui--color_search_field_background, #373737)", }, "colorSegmentedControl": { "active": "var(--vkui--color_segmented_control--active, #6F6F70)", @@ -121456,49 +121456,49 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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, #474747)", + "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "normal": "var(--vkui--color_separator_primary, #373737)", }, "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, #545454)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "normal": "var(--vkui--color_separator_primary2x, #454545)", }, "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, #606060)", + "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", + "normal": "var(--vkui--color_separator_primary3x, #525252)", }, "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))", + "normal": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", }, "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, #272727)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "normal": "var(--vkui--color_separator_secondary, #141414)", }, "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, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_from--hover, #353535)", + "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", }, "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, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_to--hover, #353535)", + "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", }, "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_stroke_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_stroke_accent, #E1E3E6)", + "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)", @@ -121516,19 +121516,19 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, "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, #838383)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", }, "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #E3E5E8)", - "hover": "var(--vkui--color_text_accent--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_accent, #E1E3E6)", + "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)", @@ -121541,19 +121541,19 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_text_contrast_themed, #000000)", }, "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #E3E5E8)", - "hover": "var(--vkui--color_text_link--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_link_themed--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link_themed, #E1E3E6)", + "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, #E3E5E8)", - "hover": "var(--vkui--color_text_link_tint--hover, #E2E4E7)", - "normal": "var(--vkui--color_text_link_tint, #E1E3E6)", + "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, #5890D0)", @@ -121561,9 +121561,9 @@ exports[`shapshots legoIOSDark 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, #C9C9C9)", + "hover": "var(--vkui--color_text_muted--hover, #C6C6C6)", + "normal": "var(--vkui--color_text_muted, #c4c4c4)", }, "colorTextNegative": { "active": "var(--vkui--color_text_negative--active, #FF6969)", @@ -121576,44 +121576,44 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "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)", + "active": "var(--vkui--color_text_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_text_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_text_primary, #e3e3e3)", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(249, 252, 255, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(249, 252, 255, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, rgba(249, 252, 255, 0.72))", + "active": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", }, "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, #333333)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", }, "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, #838383)", + "hover": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_text_secondary, #787878)", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(247, 251, 255, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(247, 251, 255, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, rgba(247, 251, 255, 0.42))", + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", }, "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, #A2A2A2)", + "hover": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + "normal": "var(--vkui--color_text_subhead, #9a9a9a)", }, "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, #6C6C6C)", + "hover": "var(--vkui--color_text_tertiary--hover, #656565)", + "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", }, "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, #555555)", + "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", + "normal": "var(--vkui--color_track_background, #464646)", }, "colorTrackBuffer": { "active": "var(--vkui--color_track_buffer--active, #4F647D)", @@ -121621,29 +121621,29 @@ exports[`shapshots legoIOSDark theme should match pseudo theme from CssVars 1`] "normal": "var(--vkui--color_track_buffer, #405772)", }, "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": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", }, "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, #60A6F5)", + "hover": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + "normal": "var(--vkui--color_write_bar_icon, #529ef4)", }, "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, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", }, "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, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", }, "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(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", }, "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))", @@ -122508,17 +122508,17 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorAccentAzure": { "active": "#1482FF", "hover": "#0A7CFF", - "normal": "#0077FF", + "normal": "#0077ff", }, "colorAccentBlue": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAccentCyan": { "active": "#26FFD4", "hover": "#1CFFD2", - "normal": "#13FFD0", + "normal": "#13ffd0", }, "colorAccentGray": { "active": "#AAB4BE", @@ -122533,7 +122533,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorAccentLime": { "active": "#B5F820", "hover": "#B2F717", - "normal": "#AFF70D", + "normal": "#aff70d", }, "colorAccentOrange": { "active": "#FFA814", @@ -122548,12 +122548,12 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorAccentOrangePeach": { "active": "#FFC56F", "hover": "#FFC368", - "normal": "#FFC062", + "normal": "#ffc062", }, "colorAccentPink": { "active": "#F56CFF", "hover": "#F465FF", - "normal": "#F45FFF", + "normal": "#f45fff", }, "colorAccentPurple": { "active": "#A18FFF", @@ -122581,19 +122581,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#a94fff", }, "colorActionSheetText": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorAvatarOverlay": { "active": "rgba(0, 0, 0, 0.68)", "hover": "rgba(0, 0, 0, 0.64)", - "normal": "rgba(0, 0, 0, 0.60)", + "normal": "#00000099", }, "colorAvatarOverlayInverseAlpha": { "active": "rgba(255, 255, 255, 0.93)", "hover": "rgba(255, 255, 255, 0.89)", - "normal": "rgba(255, 255, 255, 0.85)", + "normal": "#ffffffd8", }, "colorBackground": { "active": "#1E1E1E", @@ -122601,34 +122601,34 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#0a0a0a", }, "colorBackgroundAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentAlternative": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorBackgroundAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "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)", + "normal": "#ffffff33", }, "colorBackgroundAccentTint": { - "active": "#ECEEF1", - "hover": "#EBEEF1", - "normal": "#EAEDF0", + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, "colorBackgroundContent": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorBackgroundContentInverse": { "active": "#D7D8DB", @@ -122641,29 +122641,29 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorBackgroundContrastInverse": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundContrastSecondaryAlpha": { "active": "rgba(255, 255, 255, 0.28)", "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.2)", + "normal": "#ffffff33", }, "colorBackgroundContrastThemed": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorBackgroundInfoTint": { "active": "#2E4962", "hover": "#25415B", - "normal": "#1C3954", + "normal": "#1c3954", }, "colorBackgroundModal": { - "active": "#2E2F30", - "hover": "#252627", - "normal": "#1C1D1E", + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", }, "colorBackgroundModalInverse": { "active": "#D7D8DB", @@ -122678,7 +122678,7 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorBackgroundNegativeTint": { "active": "#603F3F", "hover": "#593636", - "normal": "#522E2E", + "normal": "#522e2e", }, "colorBackgroundPositive": { "active": "#59B959", @@ -122688,27 +122688,27 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorBackgroundPositiveTint": { "active": "#3F4D3C", "hover": "#364633", - "normal": "#2E3E2B", + "normal": "#2e3e2b", }, "colorBackgroundSecondary": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", }, "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.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", }, "colorBackgroundTertiary": { - "active": "#323233", - "hover": "#29292A", - "normal": "#202021", + "active": "#323232", + "hover": "#292929", + "normal": "#202020", }, "colorBackgroundTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.11)", "hover": "rgba(255, 255, 255, 0.07)", - "normal": "rgba(255, 255, 255, 0.03)", + "normal": "#ffffff07", }, "colorBackgroundWarning": { "active": "#564328", @@ -122731,29 +122731,29 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorFieldBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, "colorFieldBorderAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorHeaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, "colorIconAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorIconAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorIconContrast": { "active": "#D7D8DB", @@ -122761,9 +122761,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#FFFFFF", }, "colorIconContrastSecondary": { - "active": "#F3F4F6", - "hover": "#F3F3F5", - "normal": "#f2f3f5", + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", }, "colorIconContrastThemed": { "active": "#141414", @@ -122771,14 +122771,14 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorIconMedium": { - "active": "#B6B7BC", - "hover": "#B3B4B9", - "normal": "#b0b1b6", + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", }, "colorIconMediumAlpha": { - "active": "rgba(241, 247, 255, 0.74)", - "hover": "rgba(241, 247, 255, 0.7000000000000001)", - "normal": "rgba(241, 247, 255, 0.66)", + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", }, "colorIconNegative": { "active": "#FF6969", @@ -122791,54 +122791,54 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorIconPrimaryInvariably": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorIconSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorIconSecondaryAlpha": { - "active": "rgba(241, 247, 255, 0.51)", - "hover": "rgba(241, 247, 255, 0.47000000000000003)", - "normal": "rgba(241, 247, 255, 0.43)", + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", }, "colorIconTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorIconTertiaryAlpha": { "active": "rgba(255, 255, 255, 0.38)", "hover": "rgba(255, 255, 255, 0.34)", - "normal": "rgba(255, 255, 255, 0.30)", + "normal": "#ffffff4c", }, "colorIconWarning": { "active": "#EEB663", "hover": "#EEB35C", - "normal": "#EDB055", + "normal": "#edb055", }, "colorImageBorderAlpha": { "active": "rgba(255, 255, 255, 0.16)", "hover": "rgba(255, 255, 255, 0.12)", - "normal": "rgba(255, 255, 255, 0.08)", + "normal": "#ffffff14", }, "colorImagePlaceholder": { - "active": "#3B3C3D", - "hover": "#333334", - "normal": "#2a2b2c", + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", }, "colorImagePlaceholderAlpha": { - "active": "rgba(241, 247, 255, 0.16)", - "hover": "rgba(241, 247, 255, 0.12)", - "normal": "rgba(241, 247, 255, 0.08)", + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", }, "colorLinkContrast": { "active": "#D7D8DB", @@ -122848,12 +122848,12 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "colorOverlayPrimary": { "active": "rgba(0, 0, 0, 0.48)", "hover": "rgba(0, 0, 0, 0.44)", - "normal": "rgba(0, 0, 0, 0.40)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", "hover": "rgba(0, 0, 0, 0.31)", - "normal": "rgba(0, 0, 0, 0.27)", + "normal": "#00000044", }, "colorPanelHeaderIcon": { "active": "#7CB1ED", @@ -122861,9 +122861,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#71aaeb", }, "colorSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSegmentedControl": { "active": "#6F6F70", @@ -122871,49 +122871,49 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#626364", }, "colorSeparatorPrimary": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, "colorSeparatorPrimary2x": { - "active": "#535455", - "hover": "#4B4C4D", - "normal": "#444546", + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", }, "colorSeparatorPrimary3x": { - "active": "#5E6061", - "hover": "#57595A", - "normal": "#505253", + "active": "#606060", + "hover": "#595959", + "normal": "#525252", }, "colorSeparatorPrimaryAlpha": { "active": "rgba(255, 255, 255, 0.2)", "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff1e", }, "colorSeparatorSecondary": { - "active": "#272728", - "hover": "#1D1D1E", - "normal": "#141415", + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, "colorSkeletonFrom": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorSkeletonTo": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorStrokeAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorStrokeAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorStrokeContrast": { "active": "#D7D8DB", @@ -122931,19 +122931,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTabbarTextInactive": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextAccent": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextAccentThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextContrast": { "active": "#D7D8DB", @@ -122956,19 +122956,19 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#000000", }, "colorTextLink": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorTextLinkThemed": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, "colorTextLinkTint": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, "colorTextLinkVisited": { "active": "#5890D0", @@ -122976,9 +122976,9 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4986cc", }, "colorTextMuted": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", }, "colorTextNegative": { "active": "#FF6969", @@ -122991,44 +122991,44 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, "colorTextPrimaryAlpha": { - "active": "rgba(249, 252, 255, 0.8)", - "hover": "rgba(249, 252, 255, 0.76)", - "normal": "rgba(249, 252, 255, 0.72)", + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", }, "colorTextPrimaryInvariably": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, "colorTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, "colorTextSecondaryAlpha": { - "active": "rgba(247, 251, 255, 0.5)", - "hover": "rgba(247, 251, 255, 0.46)", - "normal": "rgba(247, 251, 255, 0.42)", + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", }, "colorTextSubhead": { - "active": "#9EA2A7", - "hover": "#9A9EA3", - "normal": "#969a9f", + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", }, "colorTextTertiary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, "colorTrackBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", }, "colorTrackBuffer": { "active": "#4F647D", @@ -123036,29 +123036,29 @@ exports[`shapshots legoIOSDark theme should match root theme snapshot 1`] = ` "normal": "#405772", }, "colorTransparent": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "colorWriteBarIcon": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#E1E3E6", + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, "colorWriteBarInputBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.88)", - "hover": "rgba(255, 255, 255, 0.84)", - "normal": "rgba(255, 255, 255, 0.8)", + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, "colorsScheme": "dark", "elevation1": "0px 0px 2px 0px rgba(0, 0, 0, 0.10), 0px 2px 2px 0px rgba(0, 0, 0, 0.20)", diff --git a/src/interfaces/themes/legoIOS/index.ts b/src/interfaces/themes/legoIOS/index.ts index 6d817f54..746db930 100644 --- a/src/interfaces/themes/legoIOS/index.ts +++ b/src/interfaces/themes/legoIOS/index.ts @@ -3,3 +3,5 @@ export { ThemeVkontakteIOSCssVars as ThemeLegoIOSCssVars, ThemeVkontakteIOSDescription as ThemeLegoIOSDescription, } from '@/interfaces/themes/vkontakteIOS'; + +// Либо добавить сюда интерфейс StrokePrimary, либо переопределяться с ThemeLegoAndroid, а не ThemeVkontakteIOS diff --git a/src/interfaces/themes/legoIOSDark/index.ts b/src/interfaces/themes/legoIOSDark/index.ts index a5d0e690..798ce54c 100644 --- a/src/interfaces/themes/legoIOSDark/index.ts +++ b/src/interfaces/themes/legoIOSDark/index.ts @@ -1,5 +1,5 @@ export { - ThemeVkontakteIOSDark as ThemeLegoIOSDark, - ThemeVkontakteIOSDarkCssVars as ThemeLegoIOSDarkCssVars, - ThemeVkontakteIOSDarkDescription as ThemeLegoIOSDarkDescription, -} from '@/interfaces/themes/vkontakteIOSDark'; + ThemeLegoIOS as ThemeLegoIOSDark, + ThemeLegoIOSCssVars as ThemeLegoIOSDarkCssVars, + ThemeLegoIOSDescription as ThemeLegoIOSDarkDescription, +} from '@/interfaces/themes/legoIOS'; diff --git a/src/interfaces/themes/vkontakteIOS/index.ts b/src/interfaces/themes/vkontakteIOS/index.ts index a648ba8f..9a6a887a 100644 --- a/src/interfaces/themes/vkontakteIOS/index.ts +++ b/src/interfaces/themes/vkontakteIOS/index.ts @@ -1,9 +1,5 @@ -import { - ThemeVkontakteAndroid, - ThemeVkontakteAndroidCssVars, - ThemeVkontakteAndroidDescription, +export { + ThemeVkontakteAndroid as ThemeVkontakteIOS, + ThemeVkontakteAndroidCssVars as ThemeVkontakteIOSCssVars, + ThemeVkontakteAndroidDescription as ThemeVkontakteIOSDescription, } from '@/interfaces/themes/vkontakteAndroid'; - -export type ThemeVkontakteIOS = ThemeVkontakteAndroid; -export type ThemeVkontakteIOSDescription = ThemeVkontakteAndroidDescription; -export type ThemeVkontakteIOSCssVars = ThemeVkontakteAndroidCssVars; diff --git a/src/interfaces/themes/vkontakteIOSDark/index.ts b/src/interfaces/themes/vkontakteIOSDark/index.ts index cce06c77..bb95ae30 100644 --- a/src/interfaces/themes/vkontakteIOSDark/index.ts +++ b/src/interfaces/themes/vkontakteIOSDark/index.ts @@ -1,9 +1,5 @@ -import { - ThemeVkontakteIOS, - ThemeVkontakteIOSCssVars, - ThemeVkontakteIOSDescription, +export { + ThemeVkontakteIOS as ThemeVkontakteIOSDark, + ThemeVkontakteIOSCssVars as ThemeVkontakteIOSDarkCssVars, + ThemeVkontakteIOSDescription as ThemeVkontakteIOSDarkDescription, } from '@/interfaces/themes/vkontakteIOS'; - -export type ThemeVkontakteIOSDark = ThemeVkontakteIOS; -export type ThemeVkontakteIOSDarkDescription = ThemeVkontakteIOSDescription; -export type ThemeVkontakteIOSDarkCssVars = ThemeVkontakteIOSCssVars; diff --git a/src/lint/__snapshots__/lint.test.ts.snap b/src/lint/__snapshots__/lint.test.ts.snap index 3547e73d..ebe76120 100644 --- a/src/lint/__snapshots__/lint.test.ts.snap +++ b/src/lint/__snapshots__/lint.test.ts.snap @@ -40,6 +40,44 @@ exports[`lint snapshot 1`] = ` "legoAndroidDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", "legoAndroidDark: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOS: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundAccentThemedAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorBackgroundContrastSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorTextPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorTextSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorIconMediumAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorIconSecondaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorIconTertiaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorSeparatorPrimaryAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorImageBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorFieldBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorOverlayPrimary error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorOverlaySecondary error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorAvatarOverlay error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorAvatarOverlayInverseAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorImagePlaceholderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorWriteBarInputBorderAlpha error: Color token type mismatch: alpha token name but opaque value", + "legoIOSDark: colors.colorTransparent error: Color token type mismatch: alpha token name but opaque value", "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", diff --git a/src/themeDescriptions/themes/lego/android.ts b/src/themeDescriptions/themes/lego/android.ts index b440c0c6..d30b34c2 100644 --- a/src/themeDescriptions/themes/lego/android.ts +++ b/src/themeDescriptions/themes/lego/android.ts @@ -6,7 +6,7 @@ import { } from '@/themeDescriptions/themes/vkontakteAndroid'; import figma from './figma.json'; -import { findFigmaToken } from './helpers/findFigmaToken'; +import { overwriteFromFigmaJSON } from './helpers/overwriteFromFigmaJSON'; export const legoAndroidTheme: ThemeLegoAndroidDescription = { ...vkontakteAndroidTheme, // импорт светлой базовой темы @@ -19,15 +19,7 @@ export const legoAndroidTheme: ThemeLegoAndroidDescription = { // Импорт изначальных токенов ...vkontakteAndroidTheme.colors, // Переопределение токенов, которые есть в figma.json - ...Object.fromEntries( - Object.keys(vkontakteAndroidTheme.colors).reduce((acc, key) => { - const figmaToken = findFigmaToken(figma, key); - if (figmaToken) { - acc.push([key, figmaToken.light]); - } - return acc; - }, []), - ), + ...overwriteFromFigmaJSON(vkontakteAndroidTheme.colors, 'appearance', 'light', figma), // Здесь нужно прописать другие цвета с особыми различиями нейминга // А также локальные цвета, используемые только в этой теме // Или цвета, которые не выгружаются из фигмы, но переопределяются в этой теме @@ -57,15 +49,7 @@ export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { ...vkontakteAndroidThemeDark.colors, // Переопределение токенов, которые есть в figma.json // То же самое, что в светлой теме, но ссылаемся на figmaToken.dark вместо light - ...Object.fromEntries( - Object.keys(vkontakteAndroidTheme.colors).reduce((acc, key) => { - const figmaToken = findFigmaToken(figma, key); - if (figmaToken) { - acc.push([key, figmaToken.dark]); - } - return acc; - }, []), - ), + ...overwriteFromFigmaJSON(vkontakteAndroidTheme.colors, 'appearance', 'dark', figma), // Здесь нужно прописать другие цвета с особыми различиями нейминга // А также локальные цвета, используемые только в этой теме // Или цвета, которые не выгружаются из фигмы, но переопределяются в этой теме diff --git a/src/themeDescriptions/themes/lego/figma.json b/src/themeDescriptions/themes/lego/figma.json index 5c021d45..3a7afd58 100644 --- a/src/themeDescriptions/themes/lego/figma.json +++ b/src/themeDescriptions/themes/lego/figma.json @@ -613,7 +613,7 @@ "dark": "#ffffff" }, "strokePrimary": { - "light": "#2d2d2d", + "light": "#212121", "dark": "#e3e3e3" } }, diff --git a/src/themeDescriptions/themes/lego/helpers/findFigmaToken.ts b/src/themeDescriptions/themes/lego/helpers/findFigmaToken.ts deleted file mode 100644 index 82146160..00000000 --- a/src/themeDescriptions/themes/lego/helpers/findFigmaToken.ts +++ /dev/null @@ -1,21 +0,0 @@ -function toFigmaName(key: string, prefix = '') { - const figmaPascalCaseName = key.replace('color', ''); - if (prefix) { - return prefix + figmaPascalCaseName; - } - return figmaPascalCaseName.charAt(0).toLowerCase() + figmaPascalCaseName.slice(1); -} - -export function findFigmaToken(json: any, key: string) { - // Группировка в фигме может различаться, поэтому преобразование имени может быть с разными префиксами - // Токены без особой группы в коде могут лежать в разных группах в фигме: Other, Palette и т.д. - - return ( - json.appearance[toFigmaName(key)] || - json.appearance[toFigmaName(key, 'other')] || - json.appearance[toFigmaName(key, 'palette')] || - json.appearance[toFigmaName(key, 'stroke')] || - json.appearance[toFigmaName(key, 'background')] || - null - ); -} diff --git a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts new file mode 100644 index 00000000..1cd88d09 --- /dev/null +++ b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts @@ -0,0 +1,61 @@ +import figma from '../figma.json'; +/** + * Функция для поиска переопределённых токенов в специальном JSON-файле с фигмовскими переменными + * + * @param originalTokens Токены, замена для которых будет искаться в figma.json + * @param {('appearance' | 'tokens')} [collection='appearance'] Коллекция, среди которой ищется замена + * @param {('light'|'dark')} [mode='light'] Режим переменных фигмы, применяемый для замены. Сейчас ограничивается светлой и тёмной темой + * @param source Объект, используемый вместо figma.json. По умолчанию генерируется дизайнерами плагином Figma Variables To JSON + * @returns Объект с токенами, для которых нашлась замена + */ +// eslint-disable-next-line max-params +export function overwriteFromFigmaJSON( + originalTokens, + collection: 'appearance' | 'tokens' = 'appearance', + mode: 'light' | 'dark' = 'light', + source = figma, +): Partial { + return Object.fromEntries( + Object.keys(originalTokens).reduce((acc, key) => { + const figmaToken = findFigmaVariable(source[collection], key); + if (figmaToken) { + acc.push([key, figmaToken[mode]]); + } + return acc; + }, []), + ); +} + +/** + * Функция для поиска переременной, соответствующей ключу. Названия токенов в интерфейсах и в фигме могут расходится. Эта функция учитывает возможные расхождения названий + * + * @param {string} collection Коллекция, в которой ищется переменная. Прдеставляет из себя объект с переменными + * @param {string} key Оригинальное название переменной + * @returns Фигмовская переменная, внутри которой значения, расписанные по режимам, либо null, если переменная не найдена + */ +function findFigmaVariable(collection, key: string) { + // Группировка в фигме может различаться, поэтому преобразование имени может быть с разными префиксами + // Токены без особой группы в коде могут лежать в разных группах в фигме: Other, Palette и т.д. + return ( + collection[toFigmaName(key)] || + collection[toFigmaName(key, 'other')] || + collection[toFigmaName(key, 'palette')] || + collection[toFigmaName(key, 'stroke')] || + collection[toFigmaName(key, 'background')] || + null + ); +} + +/** + * Фунция для преобразования имени в фигмовский формат + * @param {string} key Изначальное имя токена + * @param {string} [prefix=''] Префикс, имеющийся у переменной в фигмовском формате + * @returns {string} Имя без изначального префикса color и с опционально установленным префиксом в формате camelCase + */ +function toFigmaName(key: string, prefix = '') { + const figmaPascalCaseName = key.replace('color', ''); + if (prefix) { + return prefix + figmaPascalCaseName; + } + return figmaPascalCaseName.charAt(0).toLowerCase() + figmaPascalCaseName.slice(1); +} diff --git a/src/themeDescriptions/themes/lego/ios copy.ts b/src/themeDescriptions/themes/lego/ios copy.ts new file mode 100644 index 00000000..12022685 --- /dev/null +++ b/src/themeDescriptions/themes/lego/ios copy.ts @@ -0,0 +1,39 @@ +import { ThemeVkIOSDescription } from '@/interfaces/themes/vkIOS'; +import { ThemeVkIOSDarkDescription } from '@/interfaces/themes/vkIOSDark'; +import { vkIOSTheme, vkIOSThemeDark } from '@/themeDescriptions/themes/vkIOS'; +import { vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; + +import figma from './figma.json'; +import { overwriteFromFigmaJSON } from './helpers/overwriteFromFigmaJSON'; + +export const legoIOSTheme: ThemeVkIOSDescription = { + ...vkIOSTheme, // импорт светлой базовой темы + + themeName: 'legoIOS', // название текущей темы + themeNameBase: 'legoIOS', // название светлой (базовой) темы + themeInheritsFrom: 'vkIOS', // название родительской темы + + colors: { + ...vkIOSTheme.colors, + // переопределение переменных + ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'light', figma), + }, + sizeBasePaddingHorizontal: { + regular: figma.tokens.sizeBasePaddingHorizontal.iOS, + }, +}; + +export const legoIOSThemeDark: ThemeVkIOSDarkDescription = { + ...legoIOSTheme, // импорт светлой версии текущей темы, + ...vkIOSThemeDark, // импорт тёмной базовой темы + + themeName: 'legoIOSDark', // название текущей темы + themeNameBase: 'legoIOS', // название светлой (базовой) темы + themeInheritsFrom: 'vkIOSDark', // название родительской темы + colorsScheme: 'dark', // название схемы (светлая — по умолчанию) + + colors: { + ...vkIOSThemeDark.colors, + ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'dark', figma), + }, +}; diff --git a/src/themeDescriptions/themes/lego/ios.ts b/src/themeDescriptions/themes/lego/ios.ts index 4466ebd3..50752d17 100644 --- a/src/themeDescriptions/themes/lego/ios.ts +++ b/src/themeDescriptions/themes/lego/ios.ts @@ -2,12 +2,13 @@ import { ThemeLegoIOSDescription } from '@/interfaces/themes/legoIOS'; import { ThemeLegoIOSDarkDescription } from '@/interfaces/themes/legoIOSDark'; import { vkontakteIOSTheme, vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; -const dark = '#212121'; -const light = '#E1E3E6'; +import figma from './figma.json'; +import { overwriteFromFigmaJSON } from './helpers/overwriteFromFigmaJSON'; export const legoIOSTheme: ThemeLegoIOSDescription = { // Мб заменить базу на vkIOS? // Жду ответа Ульяны + // Мб наследовать от legoAndroidTheme ...vkontakteIOSTheme, // импорт светлой базовой темы themeName: 'legoIOS', // название текущей темы @@ -17,22 +18,10 @@ export const legoIOSTheme: ThemeLegoIOSDescription = { colors: { ...vkontakteIOSTheme.colors, // переопределение переменных - colorTextAccent: dark, - colorTextAccentThemed: dark, - colorTextPrimary: dark, - colorTextLink: dark, - colorTextLinkThemed: dark, - colorTextLinkTint: dark, - colorIconAccent: dark, - colorIconAccentThemed: dark, - colorStrokeAccent: dark, - colorStrokeAccentThemed: dark, - colorBackgroundAccent: dark, - colorBackgroundAccentThemed: dark, - colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, 0.2)', - colorBackgroundAccentAlternative: dark, - colorBackgroundAccentTint: '#2D2D2D', - colorWriteBarIcon: dark, + ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'light', figma), + }, + sizeBasePaddingHorizontal: { + regular: figma.tokens.sizeBasePaddingHorizontal.iOS, }, }; @@ -47,22 +36,6 @@ export const legoIOSThemeDark: ThemeLegoIOSDarkDescription = { colors: { ...vkontakteIOSThemeDark.colors, - // переопределение переменных - colorTextAccent: light, - colorTextAccentThemed: light, - colorTextPrimary: light, - colorTextLink: light, - colorTextLinkThemed: light, - colorTextLinkTint: light, - colorIconAccent: light, - colorIconAccentThemed: light, - colorStrokeAccent: light, - colorStrokeAccentThemed: light, - colorBackgroundAccent: light, - colorBackgroundAccentThemed: light, - colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, 0.2)', - colorBackgroundAccentAlternative: light, - colorBackgroundAccentTint: '#EAEDF0', - colorWriteBarIcon: light, + ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'dark', figma), }, }; From b3097e5dade403190aa98247f91fe4ca77427f80 Mon Sep 17 00:00:00 2001 From: nick Date: Wed, 11 Dec 2024 14:21:17 +0300 Subject: [PATCH 09/10] Now LegoIOS inherits from vkIOS --- .../__snapshots__/snapthots.test.ts.snap | 20054 ++++++---------- src/interfaces/themes/legoIOS/index.ts | 29 +- src/themeDescriptions/themes/lego/android.ts | 4 +- .../lego/helpers/overwriteFromFigmaJSON.ts | 33 +- src/themeDescriptions/themes/lego/ios copy.ts | 39 - src/themeDescriptions/themes/lego/ios.ts | 25 +- 6 files changed, 7767 insertions(+), 12417 deletions(-) delete mode 100644 src/themeDescriptions/themes/lego/ios copy.ts diff --git a/src/build/__snapshots__/snapthots.test.ts.snap b/src/build/__snapshots__/snapthots.test.ts.snap index fbab70ac..e36119c1 100644 --- a/src/build/__snapshots__/snapthots.test.ts.snap +++ b/src/build/__snapshots__/snapthots.test.ts.snap @@ -107619,6 +107619,20 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--color_stroke_positive, #4bb34b)", }, }, + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #1E2023)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #202022)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #212121)", + }, + }, "colorTabbarTextInactive": { "active": { "name": "--vkui--color_tabbar_text_inactive--active", @@ -108431,7 +108445,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "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, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, "fontFamilyBase": { "name": "--vkui--font_family_base", @@ -109735,7 +109749,7 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` }, "themeInheritsFrom": { "name": "--vkui--theme_inherits_from", - "value": "var(--vkui--theme_inherits_from, vkontakteIOS)", + "value": "var(--vkui--theme_inherits_from, vkIOS)", }, "themeName": { "name": "--vkui--theme_name", @@ -109746,14168 +109760,9502 @@ exports[`shapshots legoIOS theme should match cssVars snapshot 1`] = ` "value": "var(--vkui--theme_name_base, legoIOS)", }, "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))", - }, + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "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)", - }, + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "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))", - }, +} +`; + +exports[`shapshots legoIOS 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)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#0077ff", }, - "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)", - }, + "colorAccentBlue": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, + "colorAccentCyan": { + "active": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13ffd0", }, - "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))", - }, + "colorAccentGray": { + "active": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#a3adb8", }, - "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)", - }, + "colorAccentGreen": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, - "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)", - }, + "colorAccentLime": { + "active": "#A1E511", + "hover": "#A8EE0F", + "normal": "#aff70d", }, - "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)", - }, + "colorAccentOrange": { + "active": "#EB9405", + "hover": "#F59A02", + "normal": "#ffa000", }, - "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))", - }, + "colorAccentOrangeFire": { + "active": "#DD5643", + "hover": "#E65944", + "normal": "#f05c44", }, - "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)", - }, + "colorAccentOrangePeach": { + "active": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#f9b54f", }, - "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)", - }, + "colorAccentPink": { + "active": "#E059EF", + "hover": "#EA5CF7", + "normal": "#f45fff", }, - "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)", - }, + "colorAccentPurple": { + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#735ce6", }, - "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)", - }, + "colorAccentRaspberryPink": { + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#e03fab", }, - "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)", - }, + "colorAccentRed": { + "active": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, - "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)", - }, + "colorAccentSecondary": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, - "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)", - }, + "colorAccentViolet": { + "active": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, - "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)", - }, + "colorActionSheetText": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, - "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)", - }, + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", }, - "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)", - }, + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", }, - "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)", - }, + "colorBackground": { + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", }, - "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))", - }, + "colorBackgroundAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, + "colorBackgroundAccentAlternative": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, + "colorBackgroundAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "#2688eb33", }, - "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)", - }, + "colorBackgroundAccentTint": { + "active": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, - "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)", - }, + "colorBackgroundContent": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "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)", - }, + "colorBackgroundContentInverse": { + "active": "#17181C", + "hover": "#18191A", + "normal": "#191919", }, - "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)", - }, + "colorBackgroundContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "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))", - }, + "colorBackgroundContrastInverse": { + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", }, - "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)", - }, + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", }, - "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)", - }, + "colorBackgroundContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "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))", - }, + "colorBackgroundInfoTint": { + "active": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#deeeff", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_loader_background", - "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)", - }, + "colorBackgroundModal": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "vkontakteColorLoaderTint": { - "active": { - "name": "--vkui--vkontakte_color_loader_tint--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--vkontakte_color_loader_tint", - "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)", - }, + "colorBackgroundModalInverse": { + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", }, - "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))", - }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_border_alpha", - "value": "var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(0, 0, 0, 0))", - }, + "colorBackgroundNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_modal_card_header_close", - "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)", - }, + "colorBackgroundNegativeTint": { + "active": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#ffe9e9", }, - "vkontakteColorMusicPlaybackIcon": { - "active": { - "name": "--vkui--vkontakte_color_music_playback_icon--active", - "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)", - }, - "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)", - }, + "colorBackgroundPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, - "vkontakteColorPanelTabActiveText": { - "active": { - "name": "--vkui--vkontakte_color_panel_tab_active_text--active", - "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, #717478)", - }, - "normal": { - "name": "--vkui--vkontakte_color_panel_tab_active_text", - "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)", - }, + "colorBackgroundPositiveTint": { + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#e8f9e8", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)", - }, + "colorBackgroundSecondary": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary", - "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)", - }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "#0000000a", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_placeholder_icon_tint", - "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)", - }, + "colorBackgroundTertiary": { + "active": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_poll_option_background", - "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)", - }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "#00000007", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_background", - "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)", - }, + "colorBackgroundWarning": { + "active": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#fff2d6", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_search_bar_field_tint", - "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)", - }, + "colorButtonIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_skeleton_shimmer_from", - "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)", - }, + "colorButtonStroke": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)", - }, + "colorButtonText": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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))", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_border_alpha", - "value": "var(--vkui--vkontakte_color_snippet_border_alpha, rgba(0, 0, 0, 0.15))", - }, + "colorFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)", - }, + "colorFieldBorderAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_status_background", - "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)", - }, + "colorHeaderBackground": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)", - }, + "colorIconAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "vkontakteColorTabbarBackground": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_background--active", - "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, #EFF0F1)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)", - }, + "colorIconAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "vkontakteColorTabbarInactiveIcon": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active", - "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)", - }, - "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)", - }, + "colorIconContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active", - "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, #8A8F95)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)", - }, + "colorIconContrastSecondary": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)", - }, + "colorIconContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active", - "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, #B1BAC6)", - }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)", - }, + "colorIconMedium": { + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_float_button_foreground", - "value": "var(--vkui--vkontakte_float_button_foreground, #99a2ad)", - }, + "colorIconMediumAlpha": { + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "#0000007a", }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", + "colorIconNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", + "colorIconPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "colorIconPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", + "colorIconPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", + "colorIconSecondary": { + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", + "colorIconSecondaryAlpha": { + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "#0000005b", }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", + "colorIconTertiary": { + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", + "colorIconTertiaryAlpha": { + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "#0000003d", }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", + "colorIconWarning": { + "active": "#E4941F", + "hover": "#EE9A1D", + "normal": "#f8a01c", }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", + "colorImageBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", + "colorImagePlaceholder": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", + "colorImagePlaceholderAlpha": { + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", + "colorLinkContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", + "colorPanelHeaderIcon": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", + "colorSearchFieldBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", + "colorSegmentedControl": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", + "colorSeparatorPrimary": { + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", + "colorSeparatorPrimary2x": { + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", + "colorSeparatorPrimary3x": { + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", + "colorSeparatorPrimaryAlpha": { + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", + "colorSeparatorSecondary": { + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", + "colorSkeletonFrom": { + "active": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", + "colorSkeletonTo": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", + "colorStrokeAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", + "colorStrokeAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", + "colorStrokeContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", + "colorStrokeNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", + "colorStrokePositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", + "colorStrokePrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", + "colorTabbarTextInactive": { + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", + "colorTextAccent": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "vkontakteImAttachTint": { - "active": { - "name": "--vkui--vkontakte_im_attach_tint--active", - "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, #2B7CD9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_attach_tint", - "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)", - }, + "colorTextAccentThemed": { + "active": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_button_foreground", - "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)", - }, + "colorTextContrast": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "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))", - }, - "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))", - }, - "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))", - }, + "colorTextContrastThemed": { + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, - "vkontakteImBubbleGiftBackground": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)", - }, - "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)", + "colorTextLink": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkThemed": { + "active": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", + }, + "colorTextLinkTint": { + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#71aaeb", + }, + "colorTextLinkVisited": { + "active": "#437DC1", + "hover": "#4681C6", + "normal": "#4986cc", + }, + "colorTextMuted": { + "active": "#2F3034", + "hover": "#313233", + "normal": "#333333", + }, + "colorTextNegative": { + "active": "#D44245", + "hover": "#DD4446", + "normal": "#e64646", + }, + "colorTextPositive": { + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorTextPrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextPrimaryAlpha": { + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", + }, + "colorTextPrimaryInvariably": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", + }, + "colorTextSecondary": { + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", + }, + "colorTextSecondaryAlpha": { + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", + }, + "colorTextSubhead": { + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", + }, + "colorTextTertiary": { + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", + }, + "colorTrackBackground": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorTrackBuffer": { + "active": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", + }, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", + }, + "colorWriteBarIcon": { + "active": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", + }, + "colorWriteBarInputBackground": { + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", + }, + "colorWriteBarInputBorder": { + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", + }, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", + }, + "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)", + "fontCaption1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", }, }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)", + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)", + }, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)", + }, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", }, }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--active, #E5E6EA)", + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted--hover, #EFF0F1)", + }, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_alternate_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_alternate_highlighted, #f9f9f9)", + }, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--active, #BCC3EF)", + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "22px", + "fontWeight": 600, + "lineHeight": "24px", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted--hover, #C4CBF7)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_expiring_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_expiring_highlighted, #ccd3ff)", + }, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", }, }, - "vkontakteImBubbleIncomingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)", + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)", + }, + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_incoming_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)", + }, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", }, }, - "vkontakteImBubbleOutgoingAlternate": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)", + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_outgoing_alternate", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--active", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--active, #9FC3EF)", - }, - "hover": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted--hover", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted--hover, #A6CBF7)", + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--vkontakte_im_bubble_outgoing_highlighted", - "value": "var(--vkui--vkontakte_im_bubble_outgoing_highlighted, #add3ff)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "vkontakteImReplySeparator": { - "active": { - "name": "--vkui--vkontakte_im_reply_separator--active", - "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, #2B7CD9)", + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--vkontakte_im_reply_separator", - "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", }, }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)", - }, - "hover": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)", - }, - "normal": { - "name": "--vkui--vkontakte_im_toolbar_voice_msg_background", - "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)", + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "vkontakteLandingBackground": { - "active": { - "name": "--vkui--vkontakte_landing_background--active", - "value": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", - }, - "hover": { - "name": "--vkui--vkontakte_landing_background--hover", - "value": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", }, - "normal": { - "name": "--vkui--vkontakte_landing_background", - "value": "var(--vkui--vkontakte_landing_background, #ffffff)", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", }, }, - "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))", - }, - "hover": { - "name": "--vkui--vkontakte_landing_secondary_button_background--hover", - "value": "var(--vkui--vkontakte_landing_secondary_button_background--hover, rgba(0, 57, 115, 0.14))", + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", }, - "normal": { - "name": "--vkui--vkontakte_landing_secondary_button_background", - "value": "var(--vkui--vkontakte_landing_secondary_button_background, rgba(0, 57, 115, 0.10))", + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", }, }, - "vkontaktePaletteBlack": { - "active": { - "name": "--vkui--vkontakte_palette_black--active", - "value": "var(--vkui--vkontakte_palette_black--active, #000105)", - }, - "hover": { - "name": "--vkui--vkontakte_palette_black--hover", - "value": "var(--vkui--vkontakte_palette_black--hover, #000102)", - }, - "normal": { - "name": "--vkui--vkontakte_palette_black", - "value": "var(--vkui--vkontakte_palette_black, #000000)", + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", }, }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background--active", - "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, #424447)", + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", }, - "normal": { - "name": "--vkui--vkontakte_stories_skeleton_loader_background", - "value": "var(--vkui--vkontakte_stories_skeleton_loader_background, #454647)", + }, + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", }, }, - "zIndexModal": { - "name": "--vkui--z_index_modal", - "value": "var(--vkui--z_index_modal, 99)", + "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", }, - "zIndexPopout": { - "name": "--vkui--z_index_popout", - "value": "var(--vkui--z_index_popout, 100)", + "sizeArrowPadding": { + "regular": "12px", }, -} -`; - -exports[`shapshots legoIOS 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)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeArrowPromo": { + "regular": "40px", }, - "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeAvatarL": { + "regular": "96px", }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13ffd0", + "sizeAvatarM": { + "regular": "48px", }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "sizeAvatarS": { + "regular": "32px", }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "sizeAvatarXL": { + "regular": "128px", }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#aff70d", + "sizeAvatarXS": { + "regular": "24px", }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "sizeBadgeL": { + "regular": "44px", }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "sizeBadgeM": { + "regular": "24px", }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#f9b54f", + "sizeBadgeS": { + "regular": "16px", }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#f45fff", + "sizeBadgeXL": { + "regular": "56px", }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "sizeBadgeXS": { + "regular": "12px", }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", - }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", + "sizeBasePaddingHorizontal": { + "regular": "16px", }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "sizeBasePaddingVertical": { + "regular": "12px", }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "sizeBorder1x": { + "regular": "1px", }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "sizeBorder2x": { + "regular": "0.5px", }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "sizeBorder3x": { + "regular": "0.33px", }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "#ffffffd8", + "sizeBorderRadius": { + "regular": "10px", }, - "colorBackground": { - "active": "#DADBDF", - "hover": "#E4E4E6", - "normal": "#ededed", + "sizeBorderRadiusPaper": { + "regular": "12px", }, - "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeBorderRadiusPromo": { + "regular": "20px", }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeBorderRadiusRounded": { + "regular": "48px", }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "#2688eb33", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", }, - "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", }, - "colorBackgroundContentInverse": { - "active": "#17181C", - "hover": "#18191A", - "normal": "#191919", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", }, - "colorBackgroundContrastInverse": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "sizeButtonGroupGapMedium": { + "regular": "12px", }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "sizeButtonGroupGapSmall": { + "regular": "8px", }, - "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonGroupGapSpace": { + "regular": "1px", }, - "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#deeeff", + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", }, - "colorBackgroundModalInverse": { - "active": "#1B1C20", - "hover": "#1C1C1E", - "normal": "#1d1d1d", + "sizeButtonMinimumWidth": { + "regular": "80px", }, - "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "sizeButtonPaddingHorizontal": { + "regular": "12px", }, - "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#ffe9e9", + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", }, - "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", }, - "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#e8f9e8", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", }, - "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "#0000000a", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", }, - "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "#00000007", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", }, - "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#fff2d6", + "sizeCardBorderRadius": { + "regular": "10px", }, - "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeCardgridPadding": { + "regular": "8px", }, - "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeCardgridPaddingVertical": { + "regular": "8px", }, - "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeCheckBorderRadius": { + "regular": "4px", }, - "colorFieldBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "sizeCheckbox": { + "regular": "16px", }, - "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "#0000001e", + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", }, - "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeFormItemPaddingVertical": { + "regular": "12px", }, - "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeIconUI": { + "regular": "16px", }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeLabelHorizontalMargin": { + "regular": "16px", }, - "colorIconContrastSecondary": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "sizeOptionHierarchy": { + "regular": "32px", }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", }, - "colorIconMedium": { - "active": "#7F8084", - "hover": "#848587", - "normal": "#8a8a8a", + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", }, - "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "#0000007a", + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", }, - "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "sizePopupLarge": { + "regular": "880px", }, - "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "sizePopupMedium": { + "regular": "680px", }, - "colorIconPrimary": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "sizePopupSmall": { + "regular": "430px", }, - "colorIconPrimaryInvariably": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", }, - "colorIconSecondary": { - "active": "#96979B", - "hover": "#9C9D9F", - "normal": "#a3a3a3", + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", }, - "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "#0000005b", + "sizeSplitColPaddingHorizontal": { + "regular": "16px", }, - "colorIconTertiary": { - "active": "#B2B4B7", - "hover": "#BABBBD", - "normal": "#c2c2c2", + "sizeSubnavigationBarGap": { + "regular": "8px", }, - "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "#0000003d", + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", }, - "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#f8a01c", + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", }, - "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "#00000014", + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", }, - "colorImagePlaceholder": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", }, - "colorImagePlaceholderAlpha": { - "active": "rgba(33, 33, 33, 0.14)", - "hover": "rgba(33, 33, 33, 0.1)", - "normal": "#2121210f", + "sizeTooltipMargin": { + "regular": "8px", }, - "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOS 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))", + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #006FEF)", + "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", + "normal": "var(--vkui--color_accent_azure, #0077ff)", }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "#00000066", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #237EDD)", + "hover": "var(--vkui--color_accent_blue--hover, #2483E4)", + "normal": "var(--vkui--color_accent_blue, #2688eb)", }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35000000000000003)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "#00000044", + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #11ECC4)", + "hover": "var(--vkui--color_accent_cyan--hover, #12F5CA)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", }, - "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #96A0AE)", + "hover": "var(--vkui--color_accent_gray--hover, #9CA7B3)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, - "colorSearchFieldBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #45A64A)", + "hover": "var(--vkui--color_accent_green--hover, #48AC4A)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #A1E511)", + "hover": "var(--vkui--color_accent_lime--hover, #A8EE0F)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", }, - "colorSeparatorPrimary": { - "active": "#C7C8CC", - "hover": "#CFD0D2", - "normal": "#d8d8d8", + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #EB9405)", + "hover": "var(--vkui--color_accent_orange--hover, #F59A02)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, - "colorSeparatorPrimary2x": { - "active": "#BCBDC1", - "hover": "#C4C4C6", - "normal": "#cccccc", + "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)", }, - "colorSeparatorPrimary3x": { - "active": "#B0B1B5", - "hover": "#B7B8BA", - "normal": "#bfbfbf", + "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)", }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "#0000001e", + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #E059EF)", + "hover": "var(--vkui--color_accent_pink--hover, #EA5CF7)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", }, - "colorSeparatorSecondary": { - "active": "#D1D2D6", - "hover": "#DADBDC", - "normal": "#e3e3e3", + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #6A56D8)", + "hover": "var(--vkui--color_accent_purple--hover, #6E59DF)", + "normal": "var(--vkui--color_accent_purple, #735ce6)", }, - "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "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)", }, - "colorSkeletonTo": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #EB3046)", + "hover": "var(--vkui--color_accent_red--hover, #F53247)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, - "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #3A80D3)", + "hover": "var(--vkui--color_accent_secondary--hover, #3C85D9)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, - "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #6F2CB6)", + "hover": "var(--vkui--color_accent_violet--hover, #742DBB)", + "normal": "var(--vkui--color_accent_violet, #792ec0)", }, - "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", }, - "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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, #00000099)", }, - "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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, #ffffffd8)", }, - "colorTabbarTextInactive": { - "active": "#9FA0A4", - "hover": "#A6A7A9", - "normal": "#adadad", + "colorBackground": { + "active": "var(--vkui--color_background--active, #DADBDF)", + "hover": "var(--vkui--color_background--hover, #E4E4E6)", + "normal": "var(--vkui--color_background, #ededed)", }, - "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #237EDD)", + "hover": "var(--vkui--color_background_accent--hover, #2483E4)", + "normal": "var(--vkui--color_background_accent, #2688eb)", }, - "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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, #2688eb33)", }, - "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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)", }, - "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #EBECEF)", + "hover": "var(--vkui--color_background_content--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_content, #ffffff)", }, - "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #17181C)", + "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", + "normal": "var(--vkui--color_background_content_inverse, #191919)", }, - "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_background_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_contrast, #ffffff)", }, - "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, - "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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, #ffffff33)", }, - "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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)", }, - "colorTextPrimary": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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)", }, - "colorTextPrimaryAlpha": { - "active": "rgba(43, 43, 43, 0.92)", - "hover": "rgba(43, 43, 43, 0.88)", - "normal": "#2b2b2bd6", + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #EBECEF)", + "hover": "var(--vkui--color_background_modal--hover, #F5F5F7)", + "normal": "var(--vkui--color_background_modal, #ffffff)", }, - "colorTextPrimaryInvariably": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "colorBackgroundModalInverse": { + "active": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", + "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", + "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", }, - "colorTextSecondary": { - "active": "#7C8086", - "hover": "#828589", - "normal": "#878a8c", + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #D44245)", + "hover": "var(--vkui--color_background_negative--hover, #DD4446)", + "normal": "var(--vkui--color_background_negative, #e64646)", }, - "colorTextSecondaryAlpha": { - "active": "rgba(41, 41, 41, 0.63)", - "hover": "rgba(41, 41, 41, 0.59)", - "normal": "#2929298c", + "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)", }, - "colorTextSubhead": { - "active": "#6C6D71", - "hover": "#707173", - "normal": "#757575", + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #45A64A)", + "hover": "var(--vkui--color_background_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, - "colorTextTertiary": { - "active": "#949599", - "hover": "#9B9B9D", - "normal": "#a1a1a1", + "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)", }, - "colorTrackBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #E1E3E6)", + "hover": "var(--vkui--color_background_secondary--hover, #EBECEE)", + "normal": "var(--vkui--color_background_secondary, #f5f5f5)", }, - "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", + "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, #0000000a)", }, - "colorTransparent": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "#00000000", + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #E5E6EA)", + "hover": "var(--vkui--color_background_tertiary--hover, #EFF0F1)", + "normal": "var(--vkui--color_background_tertiary, #f9f9f9)", }, - "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "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, #00000007)", }, - "colorWriteBarInputBackground": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #EBE0CA)", + "hover": "var(--vkui--color_background_warning--hover, #F5E9D0)", + "normal": "var(--vkui--color_background_warning, #fff2d6)", }, - "colorWriteBarInputBorder": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #237EDD)", + "hover": "var(--vkui--color_button_icon--hover, #2483E4)", + "normal": "var(--vkui--color_button_icon, #2688eb)", }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "#00000014", + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #237EDD)", + "hover": "var(--vkui--color_button_stroke--hover, #2483E4)", + "normal": "var(--vkui--color_button_stroke, #2688eb)", }, - "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)", - "fontCaption1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "14px", - }, + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #237EDD)", + "hover": "var(--vkui--color_button_text--hover, #2483E4)", + "normal": "var(--vkui--color_button_text, #2688eb)", }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", - }, + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #D8D9DD)", + "hover": "var(--vkui--color_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_field_background, #ebebeb)", }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", - }, + "colorFieldBorderAlpha": { + "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", + "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", + "normal": "var(--vkui--color_field_border_alpha, #0000001e)", }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", - }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", - }, + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #EBECEF)", + "hover": "var(--vkui--color_header_background--hover, #F5F5F7)", + "normal": "var(--vkui--color_header_background, #ffffff)", }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "lineHeight": "12px", - "textTransform": "uppercase", - }, + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #237EDD)", + "hover": "var(--vkui--color_icon_accent--hover, #2483E4)", + "normal": "var(--vkui--color_icon_accent, #2688eb)", }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", - }, + "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)", }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "-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", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", - }, + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_icon_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_icon_contrast, #ffffff)", }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", - }, + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", - }, + "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)", }, - "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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - }, + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #7F8084)", + "hover": "var(--vkui--color_icon_medium--hover, #848587)", + "normal": "var(--vkui--color_icon_medium, #8a8a8a)", }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - "textTransform": "uppercase", - }, + "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, #0000007a)", }, - "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", - }, + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #D44245)", + "hover": "var(--vkui--color_icon_negative--hover, #DD4446)", + "normal": "var(--vkui--color_icon_negative, #e64646)", }, - "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", - }, + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #45A64A)", + "hover": "var(--vkui--color_icon_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, - "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", - }, + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #1E2023)", + "hover": "var(--vkui--color_icon_primary--hover, #202022)", + "normal": "var(--vkui--color_icon_primary, #212121)", }, - "fontParagraph": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", }, - "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "16px", - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", - }, + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #96979B)", + "hover": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", + "normal": "var(--vkui--color_icon_secondary, #a3a3a3)", }, - "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", - }, + "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, #0000005b)", }, - "fontTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", - }, + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", + "hover": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", + "normal": "var(--vkui--color_icon_tertiary, #c2c2c2)", }, - "fontTitle2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", - }, + "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, #0000003d)", }, - "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", - }, + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #E4941F)", + "hover": "var(--vkui--color_icon_warning--hover, #EE9A1D)", + "normal": "var(--vkui--color_icon_warning, #f8a01c)", }, - "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", + "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, #00000014)", }, - "sizeArrowPadding": { - "regular": "12px", + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #E0E1E4)", + "hover": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", + "normal": "var(--vkui--color_image_placeholder, #f3f3f3)", }, - "sizeArrowPromo": { - "regular": "40px", + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", + "normal": "var(--vkui--color_image_placeholder_alpha, #2121210f)", }, - "sizeAvatarL": { - "regular": "96px", - }, - "sizeAvatarM": { - "regular": "48px", + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_link_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_link_contrast, #ffffff)", }, - "sizeAvatarS": { - "regular": "32px", + "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, #00000066)", }, - "sizeAvatarXL": { - "regular": "128px", + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", }, - "sizeAvatarXS": { - "regular": "24px", + "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)", }, - "sizeBadgeL": { - "regular": "44px", + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #D8D9DD)", + "hover": "var(--vkui--color_search_field_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_search_field_background, #ebebeb)", }, - "sizeBadgeM": { - "regular": "24px", + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #EBECEF)", + "hover": "var(--vkui--color_segmented_control--hover, #F5F5F7)", + "normal": "var(--vkui--color_segmented_control, #ffffff)", }, - "sizeBadgeS": { - "regular": "16px", + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #C7C8CC)", + "hover": "var(--vkui--color_separator_primary--hover, #CFD0D2)", + "normal": "var(--vkui--color_separator_primary, #d8d8d8)", }, - "sizeBadgeXL": { - "regular": "56px", + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", + "hover": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", + "normal": "var(--vkui--color_separator_primary2x, #cccccc)", }, - "sizeBadgeXS": { - "regular": "12px", + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", + "hover": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", + "normal": "var(--vkui--color_separator_primary3x, #bfbfbf)", }, - "sizeBasePaddingHorizontal": { - "regular": "16px", + "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, #0000001e)", }, - "sizeBasePaddingVertical": { - "regular": "12px", + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #D1D2D6)", + "hover": "var(--vkui--color_separator_secondary--hover, #DADBDC)", + "normal": "var(--vkui--color_separator_secondary, #e3e3e3)", }, - "sizeBorder1x": { - "regular": "1px", + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #E1E3E6)", + "hover": "var(--vkui--color_skeleton_from--hover, #EBECEE)", + "normal": "var(--vkui--color_skeleton_from, #f5f5f5)", }, - "sizeBorder2x": { - "regular": "0.5px", + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #D8D9DD)", + "hover": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", + "normal": "var(--vkui--color_skeleton_to, #ebebeb)", }, - "sizeBorder3x": { - "regular": "0.33px", + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #237EDD)", + "hover": "var(--vkui--color_stroke_accent--hover, #2483E4)", + "normal": "var(--vkui--color_stroke_accent, #2688eb)", }, - "sizeBorderRadius": { - "regular": "10px", + "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)", }, - "sizeBorderRadiusPaper": { - "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)", }, - "sizeBorderRadiusPromo": { - "regular": "20px", + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #D44245)", + "hover": "var(--vkui--color_stroke_negative--hover, #DD4446)", + "normal": "var(--vkui--color_stroke_negative, #e64646)", }, - "sizeBorderRadiusRounded": { - "regular": "48px", + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #45A64A)", + "hover": "var(--vkui--color_stroke_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "20px", + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #1E2023)", + "hover": "var(--vkui--color_stroke_primary--hover, #202022)", + "normal": "var(--vkui--color_stroke_primary, #212121)", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "16px", + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", + "normal": "var(--vkui--color_tabbar_text_inactive, #adadad)", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "16px", + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #237EDD)", + "hover": "var(--vkui--color_text_accent--hover, #2483E4)", + "normal": "var(--vkui--color_text_accent, #2688eb)", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "12px", + "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)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "16px", + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #EBECEF)", + "hover": "var(--vkui--color_text_contrast--hover, #F5F5F7)", + "normal": "var(--vkui--color_text_contrast, #ffffff)", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "12px", + "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)", }, - "sizeButtonGroupGapMedium": { - "regular": "12px", + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #2978D3)", + "hover": "var(--vkui--color_text_link--hover, #2B7CD9)", + "normal": "var(--vkui--color_text_link, #2d81e0)", }, - "sizeButtonGroupGapSmall": { - "regular": "8px", + "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)", }, - "sizeButtonGroupGapSpace": { - "regular": "1px", + "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)", }, - "sizeButtonLargeHeight": { - "compact": "36px", - "regular": "44px", + "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)", }, - "sizeButtonMediumHeight": { - "compact": "32px", - "regular": "36px", + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #2F3034)", + "hover": "var(--vkui--color_text_muted--hover, #313233)", + "normal": "var(--vkui--color_text_muted, #333333)", }, - "sizeButtonMinimumWidth": { - "regular": "80px", + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #D44245)", + "hover": "var(--vkui--color_text_negative--hover, #DD4446)", + "normal": "var(--vkui--color_text_negative, #e64646)", }, - "sizeButtonPaddingHorizontal": { - "regular": "12px", + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #45A64A)", + "hover": "var(--vkui--color_text_positive--hover, #48AC4A)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, - "sizeButtonSmallHeight": { - "compact": "28px", - "regular": "30px", + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #1E2023)", + "hover": "var(--vkui--color_text_primary--hover, #202022)", + "normal": "var(--vkui--color_text_primary, #212121)", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "16px", + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", + "normal": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "12px", + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #1E2023)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #202022)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "12px", + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #7C8086)", + "hover": "var(--vkui--color_text_secondary--hover, #828589)", + "normal": "var(--vkui--color_text_secondary, #878a8c)", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "8px", + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", + "normal": "var(--vkui--color_text_secondary_alpha, #2929298c)", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "12px", + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #6C6D71)", + "hover": "var(--vkui--color_text_subhead--hover, #707173)", + "normal": "var(--vkui--color_text_subhead, #757575)", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "8px", + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #949599)", + "hover": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", + "normal": "var(--vkui--color_text_tertiary, #a1a1a1)", }, - "sizeCardBorderRadius": { - "regular": "10px", + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #D8D9DD)", + "hover": "var(--vkui--color_track_background--hover, #E2E2E4)", + "normal": "var(--vkui--color_track_background, #ebebeb)", }, - "sizeCardgridPadding": { - "regular": "8px", + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #93B1D7)", + "hover": "var(--vkui--color_track_buffer--hover, #9AB8DD)", + "normal": "var(--vkui--color_track_buffer, #a0bfe4)", }, - "sizeCardgridPaddingVertical": { - "regular": "8px", + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", }, - "sizeCheckBorderRadius": { - "regular": "4px", + "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)", }, - "sizeCheckbox": { - "regular": "16px", - }, - "sizeFieldHeight": { - "compact": "36px", - "regular": "44px", + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", + "normal": "var(--vkui--color_write_bar_input_background, #f3f3f3)", }, - "sizeFieldHorizontalPadding": { - "regular": "12px", + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", + "normal": "var(--vkui--color_write_bar_input_border, #ebebeb)", }, - "sizeFormItemPaddingVertical": { - "regular": "12px", + "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, #00000014)", }, - "sizeIconUI": { - "regular": "16px", + "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))", + "fontCaption1": { + "regular": { + "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)", + }, }, - "sizeLabelHorizontalMargin": { - "regular": "16px", + "fontCaption1Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, }, - "sizeOptionHierarchy": { - "regular": "32px", + "fontCaption2": { + "regular": { + "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)", + }, }, - "sizePanelHeaderHeight": { - "compact": "52px", - "regular": "52px", + "fontCaption2Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, }, - "sizePopupBasePadding": { - "compact": "20px", - "regular": "32px", + "fontCaption3": { + "regular": { + "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)", + }, }, - "sizePopupHeaderPadding": { - "compact": "16px", - "regular": "24px", + "fontCaption3Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, }, - "sizePopupLarge": { - "regular": "880px", + "fontDisplayTitle1": { + "regular": { + "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)", + }, }, - "sizePopupMedium": { - "regular": "680px", + "fontDisplayTitle2": { + "compact": { + "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, -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)", + }, }, - "sizePopupSmall": { - "regular": "430px", + "fontDisplayTitle3": { + "regular": { + "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)", + }, }, - "sizeSearchHeight": { - "compact": "32px", - "regular": "36px", + "fontDisplayTitle4": { + "regular": { + "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)", + }, }, - "sizeSelectIconPadding": { - "compact": "7px", - "regular": "6px", + "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, 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)", + }, }, - "sizeSplitColPaddingHorizontal": { - "regular": "16px", + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, }, - "sizeSubnavigationBarGap": { - "regular": "8px", + "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)", + "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)", + }, }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "12px", + "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, -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)", + }, }, - "sizeSwitchHeight": { - "compact": "27px", - "regular": "31px", + "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, -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)", + }, }, - "sizeSwitchPin": { - "compact": "23px", - "regular": "27px", + "fontParagraph": { + "regular": { + "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)", + }, }, - "sizeSwitchWidth": { - "compact": "47px", - "regular": "51px", + "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, -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)", + }, }, - "sizeTooltipMargin": { - "regular": "8px", + "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, -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)", + }, }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkontakteIOS", - "themeName": "legoIOS", - "themeNameBase": "legoIOS", - "themeType": "pixelify", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "rgba(0, 0, 0, 0.04)", + "fontTitle1": { + "regular": { + "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)", + }, }, - "vkontakteButtonMutedBackground": { - "active": "#DFE1E6", - "hover": "#E8EAEE", - "normal": "#f2f3f5", + "fontTitle2": { + "regular": { + "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)", + }, }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "fontTitle3": { + "regular": { + "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)", + }, }, - "vkontakteButtonTertiaryForeground": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "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, 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(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.4)", + "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--regular, 8px)", }, - "vkontakteColorAccentAlternate": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "rgba(0, 0, 0, 0.12)", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(0, 16, 61, 0.08)", - "hover": "rgba(0, 16, 61, 0.04)", - "normal": "transparent", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "vkontakteColorBackgroundKeyboard": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "vkontakteColorBackgroundSuggestions": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "rgba(38, 136, 235, 0.20)", + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "vkontakteColorContentTintForeground": { - "active": "#75797F", - "hover": "#7A7D82", - "normal": "#7f8285", + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "vkontakteColorControlBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "vkontakteColorControlForeground": { - "active": "#4B78AE", - "hover": "#4E7CB3", - "normal": "#5181b8", + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", }, - "vkontakteColorControlTintMuted": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, - "vkontakteColorIconName": { - "active": "#6B96CA", - "hover": "#6F9CD0", - "normal": "#74a2d6", + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", }, - "vkontakteColorIconOutlineMedium": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, - "vkontakteColorIconOutlineSecondary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "rgba(215, 216, 217, 1)", + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, - "vkontakteColorImBubbleGiftText": { - "active": "#7A6A4E", - "hover": "#806E4F", - "normal": "#857250", + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#9D8D6D", - "hover": "#A4936F", - "normal": "#AB9871", + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, - "vkontakteColorImBubbleIncoming": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#EBEDF0", + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#D4D8EF", - "hover": "#DDE0F7", - "normal": "#E6E9FF", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, - "vkontakteColorImBubbleOutgoing": { - "active": "#BCD3EF", - "hover": "#C4DCF7", - "normal": "#CCE4FF", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#9FABEF", - "hover": "#A6B1F7", - "normal": "#ADB8FF", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, - "vkontakteColorImForwardLineAlpha": { - "active": "rgba(69, 103, 143, 0.32)", - "hover": "rgba(69, 103, 143, 0.28)", - "normal": "rgba(69, 103, 143, 0.24)", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, - "vkontakteColorImTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2D81E0", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, - "vkontakteColorInputBorder": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#E1E3E6", + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, - "vkontakteColorLoaderBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "vkontakteColorLoaderTint": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, - "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0)", + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, - "vkontakteColorModalCardHeaderClose": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, - "vkontakteColorMusicPlaybackIcon": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, - "vkontakteColorPanelTabActiveText": { - "active": "#6D7075", - "hover": "#717478", - "normal": "#76787a", + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", - }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#A0AAB7", - "hover": "#A7B0BD", - "normal": "#aeb7c2", - }, - "vkontakteColorPlaceholderIconTint": { - "active": "#001B3D", - "hover": "#001C3D", - "normal": "#001c3d", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "vkontakteColorPollOptionBackground": { - "active": "#3F6088", - "hover": "#42648C", - "normal": "#45678f", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, - "vkontakteColorSearchBarBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, - "vkontakteColorSearchBarFieldTint": { - "active": "#778292", - "hover": "#7C8795", - "normal": "#818c99", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, - "vkontakteColorSnippetBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, - "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(0, 0, 0, 0.23)", - "hover": "rgba(0, 0, 0, 0.19)", - "normal": "rgba(0, 0, 0, 0.15)", + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, - "vkontakteColorSplashScreenIcon": { - "active": "#CFD2D8", - "hover": "#D8DBDF", - "normal": "#e1e3e6", + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, - "vkontakteColorStatusBackground": { - "active": "#D8DBE2", - "hover": "#E2E4E9", - "normal": "#ebedf0", + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, - "vkontakteColorTabbarActiveIcon": { - "active": "#266DC1", - "hover": "#2771C6", - "normal": "#2975cc", + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, - "vkontakteColorTabbarBackground": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "vkontakteColorTabbarInactiveIcon": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "#848992", - "hover": "#8A8F95", - "normal": "#909499", + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "vkontakteColorTextName": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#A9B3C1", - "hover": "#B1BAC6", - "normal": "#b8c1cc", + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "vkontakteFloatButtonForeground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "vkontakteImAttachTint": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "vkontakteImBubbleButtonForeground": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.68)", - "hover": "rgba(255, 255, 255, 0.64)", - "normal": "rgba(255, 255, 255, 0.60)", + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, - "vkontakteImBubbleGiftBackground": { - "active": "#E0D6B8", - "hover": "#EADEBE", - "normal": "#f4e7c3", + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#D1C3A3", - "hover": "#DACBA8", - "normal": "#e3d3ac", + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#BCC3EF", - "hover": "#C4CBF7", - "normal": "#ccd3ff", + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#C6C8CD", - "hover": "#CED0D3", - "normal": "#d7d8d9", + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#FFFFFF", + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#9FC3EF", - "hover": "#A6CBF7", - "normal": "#add3ff", + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, - "vkontakteImReplySeparator": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#8D96A4", - "hover": "#939CA9", - "normal": "#99a2ad", + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, - "vkontakteLandingBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(0, 57, 115, 0.18)", - "hover": "rgba(0, 57, 115, 0.14)", - "normal": "rgba(0, 57, 115, 0.10)", + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, - "vkontaktePaletteBlack": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots legoIOS 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))", - "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #006FEF)", - "hover": "var(--vkui--color_accent_azure--hover, #0073F7)", - "normal": "var(--vkui--color_accent_azure, #0077ff)", + "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, legoIOS)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "themeType": "pixelify", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots legoIOS 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)", + "colorAccentAzure": { + "active": "#006FEF", + "hover": "#0073F7", + "normal": "#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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#11ECC4", + "hover": "#12F5CA", + "normal": "#13ffd0", }, "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": "#96A0AE", + "hover": "#9CA7B3", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#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": "#A1E511", + "hover": "#A8EE0F", + "normal": "#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": "#EB9405", + "hover": "#F59A02", + "normal": "#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)", + "active": "#DD5643", + "hover": "#E65944", + "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": "#E5A84E", + "hover": "#EFAE4E", + "normal": "#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": "#E059EF", + "hover": "#EA5CF7", + "normal": "#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)", + "active": "#6A56D8", + "hover": "#6E59DF", + "normal": "#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)", + "active": "#CE3BA2", + "hover": "#D73DA7", + "normal": "#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": "#EB3046", + "hover": "#F53247", + "normal": "#ff3347", }, "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "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": "#6F2CB6", + "hover": "#742DBB", + "normal": "#792ec0", }, "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "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, #00000099)", + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", }, "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, #ffffffd8)", + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", }, "colorBackground": { - "active": "var(--vkui--color_background--active, #DADBDF)", - "hover": "var(--vkui--color_background--hover, #E4E4E6)", - "normal": "var(--vkui--color_background, #ededed)", + "active": "#DADBDF", + "hover": "#E4E4E6", + "normal": "#ededed", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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, #2688eb33)", + "active": "rgba(38, 136, 235, 0.28)", + "hover": "rgba(38, 136, 235, 0.24)", + "normal": "#2688eb33", }, "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": "#5393EF", + "hover": "#5698F7", + "normal": "#5a9eff", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #17181C)", - "hover": "var(--vkui--color_background_content_inverse--hover, #18191A)", - "normal": "var(--vkui--color_background_content_inverse, #191919)", + "active": "#17181C", + "hover": "#18191A", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #292B2E)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #2B2C2E)", - "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "active": "#292B2E", + "hover": "#2B2C2E", + "normal": "#2d2d2d", }, "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, #ffffff33)", + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#CCDCEF", + "hover": "#D5E5F7", + "normal": "#deeeff", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorBackgroundModalInverse": { - "active": "var(--vkui--color_background_modal_inverse--active, #1B1C20)", - "hover": "var(--vkui--color_background_modal_inverse--hover, #1C1C1E)", - "normal": "var(--vkui--color_background_modal_inverse, #1d1d1d)", + "active": "#1B1C20", + "hover": "#1C1C1E", + "normal": "#1d1d1d", }, "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": "#D44245", + "hover": "#DD4446", + "normal": "#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": "#EBD8DB", + "hover": "#F5E0E2", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "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)", + "active": "#D5E6DA", + "hover": "#DFF0E1", + "normal": "#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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "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, #0000000a)", + "active": "rgba(0, 0, 0, 0.12)", + "hover": "rgba(0, 0, 0, 0.08)", + "normal": "#0000000a", }, "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": "#E5E6EA", + "hover": "#EFF0F1", + "normal": "#f9f9f9", }, "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, #00000007)", + "active": "rgba(0, 0, 0, 0.11)", + "hover": "rgba(0, 0, 0, 0.07)", + "normal": "#00000007", }, "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": "#EBE0CA", + "hover": "#F5E9D0", + "normal": "#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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #D8D9DD)", - "hover": "var(--vkui--color_field_background--hover, #E2E2E4)", - "normal": "var(--vkui--color_field_background, #ebebeb)", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "colorFieldBorderAlpha": { - "active": "var(--vkui--color_field_border_alpha--active, rgba(0, 0, 0, 0.2))", - "hover": "var(--vkui--color_field_border_alpha--hover, rgba(0, 0, 0, 0.16))", - "normal": "var(--vkui--color_field_border_alpha, #0000001e)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #E0E1E4)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #E9EAEC)", - "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #7F8084)", - "hover": "var(--vkui--color_icon_medium--hover, #848587)", - "normal": "var(--vkui--color_icon_medium, #8a8a8a)", + "active": "#7F8084", + "hover": "#848587", + "normal": "#8a8a8a", }, "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, #0000007a)", + "active": "rgba(0, 0, 0, 0.56)", + "hover": "rgba(0, 0, 0, 0.52)", + "normal": "#0000007a", }, "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": "#D44245", + "hover": "#DD4446", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #1E2023)", - "hover": "var(--vkui--color_icon_primary--hover, #202022)", - "normal": "var(--vkui--color_icon_primary, #212121)", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #1E2023)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #202022)", - "normal": "var(--vkui--color_icon_primary_invariably, #212121)", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #96979B)", - "hover": "var(--vkui--color_icon_secondary--hover, #9C9D9F)", - "normal": "var(--vkui--color_icon_secondary, #a3a3a3)", + "active": "#96979B", + "hover": "#9C9D9F", + "normal": "#a3a3a3", }, "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, #0000005b)", + "active": "rgba(0, 0, 0, 0.44)", + "hover": "rgba(0, 0, 0, 0.4)", + "normal": "#0000005b", }, "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #B2B4B7)", - "hover": "var(--vkui--color_icon_tertiary--hover, #BABBBD)", - "normal": "var(--vkui--color_icon_tertiary, #c2c2c2)", + "active": "#B2B4B7", + "hover": "#BABBBD", + "normal": "#c2c2c2", }, "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, #0000003d)", + "active": "rgba(0, 0, 0, 0.32)", + "hover": "rgba(0, 0, 0, 0.28)", + "normal": "#0000003d", }, "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": "#E4941F", + "hover": "#EE9A1D", + "normal": "#f8a01c", }, "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, #00000014)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", }, "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #E0E1E4)", - "hover": "var(--vkui--color_image_placeholder--hover, #E9EAEC)", - "normal": "var(--vkui--color_image_placeholder, #f3f3f3)", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(33, 33, 33, 0.14))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(33, 33, 33, 0.1))", - "normal": "var(--vkui--color_image_placeholder_alpha, #2121210f)", + "active": "rgba(33, 33, 33, 0.14)", + "hover": "rgba(33, 33, 33, 0.1)", + "normal": "#2121210f", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "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, #00000066)", + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", }, "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, #00000044)", + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #D8D9DD)", - "hover": "var(--vkui--color_search_field_background--hover, #E2E2E4)", - "normal": "var(--vkui--color_search_field_background, #ebebeb)", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#ffffff", }, "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #C7C8CC)", - "hover": "var(--vkui--color_separator_primary--hover, #CFD0D2)", - "normal": "var(--vkui--color_separator_primary, #d8d8d8)", + "active": "#C7C8CC", + "hover": "#CFD0D2", + "normal": "#d8d8d8", }, "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #BCBDC1)", - "hover": "var(--vkui--color_separator_primary2x--hover, #C4C4C6)", - "normal": "var(--vkui--color_separator_primary2x, #cccccc)", + "active": "#BCBDC1", + "hover": "#C4C4C6", + "normal": "#cccccc", }, "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #B0B1B5)", - "hover": "var(--vkui--color_separator_primary3x--hover, #B7B8BA)", - "normal": "var(--vkui--color_separator_primary3x, #bfbfbf)", + "active": "#B0B1B5", + "hover": "#B7B8BA", + "normal": "#bfbfbf", }, "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, #0000001e)", + "active": "rgba(0, 0, 0, 0.2)", + "hover": "rgba(0, 0, 0, 0.16)", + "normal": "#0000001e", }, "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #D1D2D6)", - "hover": "var(--vkui--color_separator_secondary--hover, #DADBDC)", - "normal": "var(--vkui--color_separator_secondary, #e3e3e3)", + "active": "#D1D2D6", + "hover": "#DADBDC", + "normal": "#e3e3e3", }, "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": "#E1E3E6", + "hover": "#EBECEE", + "normal": "#f5f5f5", }, "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #D8D9DD)", - "hover": "var(--vkui--color_skeleton_to--hover, #E2E2E4)", - "normal": "var(--vkui--color_skeleton_to, #ebebeb)", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#D44245", + "hover": "#DD4446", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", + }, + "colorStrokePrimary": { + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #9FA0A4)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #A6A7A9)", - "normal": "var(--vkui--color_tabbar_text_inactive, #adadad)", + "active": "#9FA0A4", + "hover": "#A6A7A9", + "normal": "#adadad", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#2688eb", }, "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": "#237EDD", + "hover": "#2483E4", + "normal": "#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)", + "active": "#EBECEF", + "hover": "#F5F5F7", + "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": "#EBECEF", + "hover": "#F5F5F7", + "normal": "#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": "#2978D3", + "hover": "#2B7CD9", + "normal": "#2d81e0", }, "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": "#2978D3", + "hover": "#2B7CD9", + "normal": "#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)", + "active": "#689EDD", + "hover": "#6CA4E4", + "normal": "#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": "#437DC1", + "hover": "#4681C6", + "normal": "#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": "#2F3034", + "hover": "#313233", + "normal": "#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)", + "active": "#D44245", + "hover": "#DD4446", + "normal": "#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)", + "active": "#45A64A", + "hover": "#48AC4A", + "normal": "#4bb34b", }, "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #1E2023)", - "hover": "var(--vkui--color_text_primary--hover, #202022)", - "normal": "var(--vkui--color_text_primary, #212121)", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(43, 43, 43, 0.92))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(43, 43, 43, 0.88))", - "normal": "var(--vkui--color_text_primary_alpha, #2b2b2bd6)", + "active": "rgba(43, 43, 43, 0.92)", + "hover": "rgba(43, 43, 43, 0.88)", + "normal": "#2b2b2bd6", }, "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #1E2023)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #202022)", - "normal": "var(--vkui--color_text_primary_invariably, #212121)", + "active": "#1E2023", + "hover": "#202022", + "normal": "#212121", }, "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #7C8086)", - "hover": "var(--vkui--color_text_secondary--hover, #828589)", - "normal": "var(--vkui--color_text_secondary, #878a8c)", + "active": "#7C8086", + "hover": "#828589", + "normal": "#878a8c", }, "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(41, 41, 41, 0.63))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(41, 41, 41, 0.59))", - "normal": "var(--vkui--color_text_secondary_alpha, #2929298c)", + "active": "rgba(41, 41, 41, 0.63)", + "hover": "rgba(41, 41, 41, 0.59)", + "normal": "#2929298c", }, "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #6C6D71)", - "hover": "var(--vkui--color_text_subhead--hover, #707173)", - "normal": "var(--vkui--color_text_subhead, #757575)", + "active": "#6C6D71", + "hover": "#707173", + "normal": "#757575", }, "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #949599)", - "hover": "var(--vkui--color_text_tertiary--hover, #9B9B9D)", - "normal": "var(--vkui--color_text_tertiary, #a1a1a1)", + "active": "#949599", + "hover": "#9B9B9D", + "normal": "#a1a1a1", }, "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #D8D9DD)", - "hover": "var(--vkui--color_track_background--hover, #E2E2E4)", - "normal": "var(--vkui--color_track_background, #ebebeb)", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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": "#93B1D7", + "hover": "#9AB8DD", + "normal": "#a0bfe4", }, "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--color_transparent, #00000000)", + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, "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": "#3A80D3", + "hover": "#3C85D9", + "normal": "#3f8ae0", }, "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #E0E1E4)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #E9EAEC)", - "normal": "var(--vkui--color_write_bar_input_background, #f3f3f3)", + "active": "#E0E1E4", + "hover": "#E9EAEC", + "normal": "#f3f3f3", }, "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #D8D9DD)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #E2E2E4)", - "normal": "var(--vkui--color_write_bar_input_border, #ebebeb)", + "active": "#D8D9DD", + "hover": "#E2E2E4", + "normal": "#ebebeb", }, "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, #00000014)", + "active": "rgba(0, 0, 0, 0.16)", + "hover": "rgba(0, 0, 0, 0.12)", + "normal": "#00000014", }, - "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": "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)", "fontCaption1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, }, }, "fontCaption1Caps": { "regular": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, }, "fontCaption2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, }, }, "fontCaption2Caps": { "regular": { - "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", }, }, "fontCaption3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, }, }, "fontCaption3Caps": { "regular": { - "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", }, }, "fontDisplayTitle1": { "regular": { - "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)", - }, - }, + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, + }, "fontDisplayTitle2": { "compact": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 22, + "fontWeight": 600, + "lineHeight": 24, }, "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, }, }, "fontDisplayTitle3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontDisplayTitle4": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "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": "-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": "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, }, }, "fontFootnoteCaps": { "regular": { - "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", }, }, "fontHeadline": { "compact": { - "fontSize": "var(--vkui--font_headline--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline--line_height--compact, 20px)", + "fontSize": 15, + "lineHeight": 20, }, "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)", - "lineHeight": "var(--vkui--font_headline--line_height--regular, 20px)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontHeadline1": { "compact": { - "fontSize": "var(--vkui--font_headline1--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_headline1--line_height--compact, 20px)", + "fontSize": 15, + "lineHeight": 20, }, "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)", - "lineHeight": "var(--vkui--font_headline1--line_height--regular, 20px)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontHeadline2": { "compact": { - "fontSize": "var(--vkui--font_headline2--font_size--compact, 14px)", - "lineHeight": "var(--vkui--font_headline2--line_height--compact, 20px)", + "fontSize": 14, + "lineHeight": 20, }, "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, }, }, "fontParagraph": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, }, }, "fontSubhead": { "compact": { - "fontSize": "var(--vkui--font_subhead--font_size--compact, 13px)", - "lineHeight": "var(--vkui--font_subhead--line_height--compact, 16px)", + "fontSize": 13, + "lineHeight": 16, }, "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)", - "lineHeight": "var(--vkui--font_subhead--line_height--regular, 18px)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, }, }, "fontText": { "compact": { - "fontSize": "var(--vkui--font_text--font_size--compact, 15px)", - "lineHeight": "var(--vkui--font_text--line_height--compact, 20px)", + "fontSize": 15, + "lineHeight": 20, }, "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)", - "lineHeight": "var(--vkui--font_text--line_height--regular, 20px)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, }, }, "fontTitle1": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, }, }, "fontTitle2": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, }, }, "fontTitle3": { "regular": { - "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)", + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, }, }, - "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, 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(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.4)", - "opacityDisableAccessibility": "var(--vkui--opacity_disable_accessibility, 0.64)", + "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": "var(--vkui--size_arrow--regular, 8px)", + "regular": 8, }, "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "regular": 12, }, "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "regular": 40, }, "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "regular": 96, }, "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "regular": 48, }, "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "regular": 32, }, "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "regular": 128, }, "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "regular": 24, }, "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "regular": 44, }, "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "regular": 24, }, "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "regular": 16, }, "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "regular": 56, }, "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "regular": 12, }, "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "regular": 1, }, "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "regular": 0.5, }, "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "regular": 0.33, }, "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "regular": 10, }, "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "regular": 12, }, "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "regular": 20, }, "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "regular": 48, }, "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "regular": 20, }, "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "regular": 12, }, "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "regular": 8, }, "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "regular": 1, }, "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "compact": 36, + "regular": 44, }, "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "compact": 32, + "regular": 36, }, "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "regular": 80, }, "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "compact": 28, + "regular": 30, }, "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "regular": 8, }, "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "regular": 12, }, "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "regular": 8, }, "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "regular": 10, }, "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "regular": 8, }, "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "regular": 8, }, "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "regular": 4, }, "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "regular": 16, }, "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "compact": 36, + "regular": 44, }, "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "regular": 12, }, "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "regular": 16, }, "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "regular": 16, }, "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "regular": 32, }, "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "compact": 52, + "regular": 52, }, "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "compact": 20, + "regular": 32, }, "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "compact": 16, + "regular": 24, }, "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "regular": 880, }, "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "regular": 680, }, "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "regular": 430, }, "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "compact": 32, + "regular": 36, }, "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "compact": 7, + "regular": 6, }, "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "regular": 16, }, "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "regular": 8, }, "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "regular": 12, }, "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "compact": 27, + "regular": 31, }, "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "compact": 23, + "regular": 27, }, "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "compact": 47, + "regular": 51, }, "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "regular": 8, }, - "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, vkontakteIOS)", - "themeName": "var(--vkui--theme_name, legoIOS)", - "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", - "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))", + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkIOS", + "themeName": "legoIOS", + "themeNameBase": "legoIOS", + "themeType": "root", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOSDark theme should match cssVars snapshot 1`] = ` +{ + "animationDurationL": { + "name": "--vkui--animation_duration_l", + "value": "var(--vkui--animation_duration_l, 0.4s)", }, - "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)", + "animationDurationM": { + "name": "--vkui--animation_duration_m", + "value": "var(--vkui--animation_duration_m, 0.2s)", }, - "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))", + "animationDurationS": { + "name": "--vkui--animation_duration_s", + "value": "var(--vkui--animation_duration_s, 0.1s)", }, - "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)", + "animationEasingDefault": { + "name": "--vkui--animation_easing_default", + "value": "var(--vkui--animation_easing_default, cubic-bezier(0.3, 0.3, 0.5, 1))", }, - "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)", + "animationEasingPlatform": { + "name": "--vkui--animation_easing_platform", + "value": "var(--vkui--animation_easing_platform, cubic-bezier(0.36, 0.66, 0.04, 1))", }, - "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))", + "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)", + }, }, - "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)", + "colorAccentBlue": { + "active": { + "name": "--vkui--color_accent_blue--active", + "value": "var(--vkui--color_accent_blue--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_accent_blue--hover", + "value": "var(--vkui--color_accent_blue--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_accent_blue", + "value": "var(--vkui--color_accent_blue, #529ef4)", + }, }, - "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)", + "colorAccentCyan": { + "active": { + "name": "--vkui--color_accent_cyan--active", + "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", + }, + "hover": { + "name": "--vkui--color_accent_cyan--hover", + "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + }, + "normal": { + "name": "--vkui--color_accent_cyan", + "value": "var(--vkui--color_accent_cyan, #13ffd0)", + }, }, - "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)", + "colorAccentGray": { + "active": { + "name": "--vkui--color_accent_gray--active", + "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", + }, + "hover": { + "name": "--vkui--color_accent_gray--hover", + "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + }, + "normal": { + "name": "--vkui--color_accent_gray", + "value": "var(--vkui--color_accent_gray, #a3adb8)", + }, }, - "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))", + "colorAccentGreen": { + "active": { + "name": "--vkui--color_accent_green--active", + "value": "var(--vkui--color_accent_green--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_accent_green--hover", + "value": "var(--vkui--color_accent_green--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_accent_green", + "value": "var(--vkui--color_accent_green, #4bb34b)", + }, }, - "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)", + "colorAccentLime": { + "active": { + "name": "--vkui--color_accent_lime--active", + "value": "var(--vkui--color_accent_lime--active, #B5F820)", + }, + "hover": { + "name": "--vkui--color_accent_lime--hover", + "value": "var(--vkui--color_accent_lime--hover, #B2F717)", + }, + "normal": { + "name": "--vkui--color_accent_lime", + "value": "var(--vkui--color_accent_lime, #aff70d)", + }, }, - "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)", + "colorAccentOrange": { + "active": { + "name": "--vkui--color_accent_orange--active", + "value": "var(--vkui--color_accent_orange--active, #FFA814)", + }, + "hover": { + "name": "--vkui--color_accent_orange--hover", + "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", + }, + "normal": { + "name": "--vkui--color_accent_orange", + "value": "var(--vkui--color_accent_orange, #ffa000)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "colorAccentPink": { + "active": { + "name": "--vkui--color_accent_pink--active", + "value": "var(--vkui--color_accent_pink--active, #F56CFF)", + }, + "hover": { + "name": "--vkui--color_accent_pink--hover", + "value": "var(--vkui--color_accent_pink--hover, #F465FF)", + }, + "normal": { + "name": "--vkui--color_accent_pink", + "value": "var(--vkui--color_accent_pink, #f45fff)", + }, }, - "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)", + "colorAccentPurple": { + "active": { + "name": "--vkui--color_accent_purple--active", + "value": "var(--vkui--color_accent_purple--active, #A18FFF)", + }, + "hover": { + "name": "--vkui--color_accent_purple--hover", + "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + }, + "normal": { + "name": "--vkui--color_accent_purple", + "value": "var(--vkui--color_accent_purple, #9985ff)", + }, }, - "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)", + "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)", + }, }, - "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)", + "colorAccentRed": { + "active": { + "name": "--vkui--color_accent_red--active", + "value": "var(--vkui--color_accent_red--active, #FF4356)", + }, + "hover": { + "name": "--vkui--color_accent_red--hover", + "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", + }, + "normal": { + "name": "--vkui--color_accent_red", + "value": "var(--vkui--color_accent_red, #ff3347)", + }, }, - "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)", + "colorAccentSecondary": { + "active": { + "name": "--vkui--color_accent_secondary--active", + "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", + }, + "hover": { + "name": "--vkui--color_accent_secondary--hover", + "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", + }, + "normal": { + "name": "--vkui--color_accent_secondary", + "value": "var(--vkui--color_accent_secondary, #3f8ae0)", + }, }, - "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)", + "colorAccentViolet": { + "active": { + "name": "--vkui--color_accent_violet--active", + "value": "var(--vkui--color_accent_violet--active, #B05DFF)", + }, + "hover": { + "name": "--vkui--color_accent_violet--hover", + "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", + }, + "normal": { + "name": "--vkui--color_accent_violet", + "value": "var(--vkui--color_accent_violet, #a94fff)", + }, }, - "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)", + "colorActionSheetText": { + "active": { + "name": "--vkui--color_action_sheet_text--active", + "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_action_sheet_text--hover", + "value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_action_sheet_text", + "value": "var(--vkui--color_action_sheet_text, #529ef4)", + }, }, - "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))", + "colorAvatarOverlay": { + "active": { + "name": "--vkui--color_avatar_overlay--active", + "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(0, 0, 0, 0.64))", + }, + "normal": { + "name": "--vkui--color_avatar_overlay", + "value": "var(--vkui--color_avatar_overlay, #00000099)", + }, }, - "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)", + "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, #ffffffd8)", + }, }, - "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)", + "colorBackground": { + "active": { + "name": "--vkui--color_background--active", + "value": "var(--vkui--color_background--active, #1E1E1E)", + }, + "hover": { + "name": "--vkui--color_background--hover", + "value": "var(--vkui--color_background--hover, #141414)", + }, + "normal": { + "name": "--vkui--color_background", + "value": "var(--vkui--color_background, #0a0a0a)", + }, }, - "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)", + "colorBackgroundAccent": { + "active": { + "name": "--vkui--color_background_accent--active", + "value": "var(--vkui--color_background_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_background_accent--hover", + "value": "var(--vkui--color_background_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent", + "value": "var(--vkui--color_background_accent, #529ef4)", + }, }, - "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)", + "colorBackgroundAccentAlternative": { + "active": { + "name": "--vkui--color_background_accent_alternative--active", + "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, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_background_accent_alternative", + "value": "var(--vkui--color_background_accent_alternative, #529ef4)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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, #ffffff33)", + }, }, - "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))", + "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)", + }, }, - "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)", + "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, #222222)", + }, + "normal": { + "name": "--vkui--color_background_content", + "value": "var(--vkui--color_background_content, #191919)", + }, }, - "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)", + "colorBackgroundContentInverse": { + "active": { + "name": "--vkui--color_background_content_inverse--active", + "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + }, + "hover": { + "name": "--vkui--color_background_content_inverse--hover", + "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + }, + "normal": { + "name": "--vkui--color_background_content_inverse", + "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", + }, }, - "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))", + "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)", + }, }, - "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)", + "colorBackgroundContrastInverse": { + "active": { + "name": "--vkui--color_background_contrast_inverse--active", + "value": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_inverse--hover", + "value": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_background_contrast_inverse", + "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + }, }, - "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)", + "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, #ffffff33)", + }, }, - "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))", + "colorBackgroundContrastThemed": { + "active": { + "name": "--vkui--color_background_contrast_themed--active", + "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_background_contrast_themed--hover", + "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_background_contrast_themed", + "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + }, }, - "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)", + "colorBackgroundInfoTint": { + "active": { + "name": "--vkui--color_background_info_tint--active", + "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, #25415B)", + }, + "normal": { + "name": "--vkui--color_background_info_tint", + "value": "var(--vkui--color_background_info_tint, #1c3954)", + }, }, - "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)", + "colorBackgroundModal": { + "active": { + "name": "--vkui--color_background_modal--active", + "value": "var(--vkui--color_background_modal--active, #2F2F2F)", + }, + "hover": { + "name": "--vkui--color_background_modal--hover", + "value": "var(--vkui--color_background_modal--hover, #262626)", + }, + "normal": { + "name": "--vkui--color_background_modal", + "value": "var(--vkui--color_background_modal, #1d1d1d)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "colorBackgroundPositive": { + "active": { + "name": "--vkui--color_background_positive--active", + "value": "var(--vkui--color_background_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_background_positive--hover", + "value": "var(--vkui--color_background_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_background_positive", + "value": "var(--vkui--color_background_positive, #4bb34b)", + }, }, - "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)", + "colorBackgroundPositiveTint": { + "active": { + "name": "--vkui--color_background_positive_tint--active", + "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, #364633)", + }, + "normal": { + "name": "--vkui--color_background_positive_tint", + "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", + }, }, - "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)", + "colorBackgroundSecondary": { + "active": { + "name": "--vkui--color_background_secondary--active", + "value": "var(--vkui--color_background_secondary--active, #353535)", + }, + "hover": { + "name": "--vkui--color_background_secondary--hover", + "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + }, + "normal": { + "name": "--vkui--color_background_secondary", + "value": "var(--vkui--color_background_secondary, #232323)", + }, }, - "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)", + "colorBackgroundSecondaryAlpha": { + "active": { + "name": "--vkui--color_background_secondary_alpha--active", + "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + }, + "hover": { + "name": "--vkui--color_background_secondary_alpha--hover", + "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + }, + "normal": { + "name": "--vkui--color_background_secondary_alpha", + "value": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + }, }, - "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)", + "colorBackgroundTertiary": { + "active": { + "name": "--vkui--color_background_tertiary--active", + "value": "var(--vkui--color_background_tertiary--active, #323232)", + }, + "hover": { + "name": "--vkui--color_background_tertiary--hover", + "value": "var(--vkui--color_background_tertiary--hover, #292929)", + }, + "normal": { + "name": "--vkui--color_background_tertiary", + "value": "var(--vkui--color_background_tertiary, #202020)", + }, }, - "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)", + "colorBackgroundTertiaryAlpha": { + "active": { + "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_background_tertiary_alpha--hover", + "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", + }, + "normal": { + "name": "--vkui--color_background_tertiary_alpha", + "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", + }, }, - "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))", + "colorBackgroundWarning": { + "active": { + "name": "--vkui--color_background_warning--active", + "value": "var(--vkui--color_background_warning--active, #564328)", + }, + "hover": { + "name": "--vkui--color_background_warning--hover", + "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", + }, + "normal": { + "name": "--vkui--color_background_warning", + "value": "var(--vkui--color_background_warning, #473315)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "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)", + "colorFieldBackground": { + "active": { + "name": "--vkui--color_field_background--active", + "value": "var(--vkui--color_field_background--active, #3A3A3A)", + }, + "hover": { + "name": "--vkui--color_field_background--hover", + "value": "var(--vkui--color_field_background--hover, #323232)", + }, + "normal": { + "name": "--vkui--color_field_background", + "value": "var(--vkui--color_field_background, #292929)", + }, }, - "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)", + "colorFieldBorderAlpha": { + "active": { + "name": "--vkui--color_field_border_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_field_border_alpha", + "value": "var(--vkui--color_field_border_alpha, #ffffff1e)", + }, }, - "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)", + "colorHeaderBackground": { + "active": { + "name": "--vkui--color_header_background--active", + "value": "var(--vkui--color_header_background--active, #2B2B2B)", + }, + "hover": { + "name": "--vkui--color_header_background--hover", + "value": "var(--vkui--color_header_background--hover, #222222)", + }, + "normal": { + "name": "--vkui--color_header_background", + "value": "var(--vkui--color_header_background, #191919)", + }, }, - "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)", + "colorIconAccent": { + "active": { + "name": "--vkui--color_icon_accent--active", + "value": "var(--vkui--color_icon_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_icon_accent--hover", + "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_icon_accent", + "value": "var(--vkui--color_icon_accent, #529ef4)", + }, }, - "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)", + "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)", + }, }, - "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)", + "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)", + }, }, - "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", - "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)", + "colorIconContrastSecondary": { + "active": { + "name": "--vkui--color_icon_contrast_secondary--active", + "value": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", + }, + "hover": { + "name": "--vkui--color_icon_contrast_secondary--hover", + "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_secondary", + "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + }, }, - "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)", + "colorIconContrastThemed": { + "active": { + "name": "--vkui--color_icon_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_icon_contrast_themed", + "value": "var(--vkui--color_icon_contrast_themed, #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))", + "colorIconMedium": { + "active": { + "name": "--vkui--color_icon_medium--active", + "value": "var(--vkui--color_icon_medium--active, #B7B7B7)", + }, + "hover": { + "name": "--vkui--color_icon_medium--hover", + "value": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + }, + "normal": { + "name": "--vkui--color_icon_medium", + "value": "var(--vkui--color_icon_medium, #b1b1b1)", + }, }, - "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)", + "colorIconMediumAlpha": { + "active": { + "name": "--vkui--color_icon_medium_alpha--active", + "value": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", + }, + "hover": { + "name": "--vkui--color_icon_medium_alpha--hover", + "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + }, + "normal": { + "name": "--vkui--color_icon_medium_alpha", + "value": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", + }, }, - "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)", + "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)", + }, }, - "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)", + "colorIconPositive": { + "active": { + "name": "--vkui--color_icon_positive--active", + "value": "var(--vkui--color_icon_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_icon_positive--hover", + "value": "var(--vkui--color_icon_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_icon_positive", + "value": "var(--vkui--color_icon_positive, #4bb34b)", + }, }, - "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)", + "colorIconPrimary": { + "active": { + "name": "--vkui--color_icon_primary--active", + "value": "var(--vkui--color_icon_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_icon_primary--hover", + "value": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_icon_primary", + "value": "var(--vkui--color_icon_primary, #e3e3e3)", + }, }, - "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)", + "colorIconPrimaryInvariably": { + "active": { + "name": "--vkui--color_icon_primary_invariably--active", + "value": "var(--vkui--color_icon_primary_invariably--active, #333333)", + }, + "hover": { + "name": "--vkui--color_icon_primary_invariably--hover", + "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_icon_primary_invariably", + "value": "var(--vkui--color_icon_primary_invariably, #212121)", + }, }, - "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)", + "colorIconSecondary": { + "active": { + "name": "--vkui--color_icon_secondary--active", + "value": "var(--vkui--color_icon_secondary--active, #838383)", + }, + "hover": { + "name": "--vkui--color_icon_secondary--hover", + "value": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_icon_secondary", + "value": "var(--vkui--color_icon_secondary, #787878)", + }, }, - "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)", + "colorIconSecondaryAlpha": { + "active": { + "name": "--vkui--color_icon_secondary_alpha--active", + "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", + }, + "hover": { + "name": "--vkui--color_icon_secondary_alpha--hover", + "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + }, + "normal": { + "name": "--vkui--color_icon_secondary_alpha", + "value": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", + }, }, - "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)", + "colorIconTertiary": { + "active": { + "name": "--vkui--color_icon_tertiary--active", + "value": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", + }, + "hover": { + "name": "--vkui--color_icon_tertiary--hover", + "value": "var(--vkui--color_icon_tertiary--hover, #656565)", + }, + "normal": { + "name": "--vkui--color_icon_tertiary", + "value": "var(--vkui--color_icon_tertiary, #5f5f5f)", + }, }, - "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)", + "colorIconTertiaryAlpha": { + "active": { + "name": "--vkui--color_icon_tertiary_alpha--active", + "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.34))", + }, + "normal": { + "name": "--vkui--color_icon_tertiary_alpha", + "value": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", + }, }, - "vkontakteLandingBackground": { - "active": "var(--vkui--vkontakte_landing_background--active, #EBECEF)", - "hover": "var(--vkui--vkontakte_landing_background--hover, #F5F5F7)", - "normal": "var(--vkui--vkontakte_landing_background, #ffffff)", + "colorIconWarning": { + "active": { + "name": "--vkui--color_icon_warning--active", + "value": "var(--vkui--color_icon_warning--active, #EEB663)", + }, + "hover": { + "name": "--vkui--color_icon_warning--hover", + "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", + }, + "normal": { + "name": "--vkui--color_icon_warning", + "value": "var(--vkui--color_icon_warning, #edb055)", + }, }, - "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))", - }, - "vkontaktePaletteBlack": { - "active": "var(--vkui--vkontakte_palette_black--active, #000105)", - "hover": "var(--vkui--vkontakte_palette_black--hover, #000102)", - "normal": "var(--vkui--vkontakte_palette_black, #000000)", + "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, #ffffff14)", + }, }, - "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)", + "colorImagePlaceholder": { + "active": { + "name": "--vkui--color_image_placeholder--active", + "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + }, + "hover": { + "name": "--vkui--color_image_placeholder--hover", + "value": "var(--vkui--color_image_placeholder--hover, #333333)", + }, + "normal": { + "name": "--vkui--color_image_placeholder", + "value": "var(--vkui--color_image_placeholder, #2b2b2b)", + }, }, - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", -} -`; - -exports[`shapshots legoIOS 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)", - "colorAccentAzure": { - "active": "#006FEF", - "hover": "#0073F7", - "normal": "#0077ff", + "colorImagePlaceholderAlpha": { + "active": { + "name": "--vkui--color_image_placeholder_alpha--active", + "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + }, + "hover": { + "name": "--vkui--color_image_placeholder_alpha--hover", + "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + }, + "normal": { + "name": "--vkui--color_image_placeholder_alpha", + "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + }, }, - "colorAccentBlue": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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)", + }, }, - "colorAccentCyan": { - "active": "#11ECC4", - "hover": "#12F5CA", - "normal": "#13ffd0", + "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, #00000066)", + }, }, - "colorAccentGray": { - "active": "#96A0AE", - "hover": "#9CA7B3", - "normal": "#a3adb8", + "colorOverlaySecondary": { + "active": { + "name": "--vkui--color_overlay_secondary--active", + "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + }, + "hover": { + "name": "--vkui--color_overlay_secondary--hover", + "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + }, + "normal": { + "name": "--vkui--color_overlay_secondary", + "value": "var(--vkui--color_overlay_secondary, #00000044)", + }, }, - "colorAccentGreen": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "colorPanelHeaderIcon": { + "active": { + "name": "--vkui--color_panel_header_icon--active", + "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, #77ADEC)", + }, + "normal": { + "name": "--vkui--color_panel_header_icon", + "value": "var(--vkui--color_panel_header_icon, #71aaeb)", + }, }, - "colorAccentLime": { - "active": "#A1E511", - "hover": "#A8EE0F", - "normal": "#aff70d", + "colorSearchFieldBackground": { + "active": { + "name": "--vkui--color_search_field_background--active", + "value": "var(--vkui--color_search_field_background--active, #474747)", + }, + "hover": { + "name": "--vkui--color_search_field_background--hover", + "value": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + }, + "normal": { + "name": "--vkui--color_search_field_background", + "value": "var(--vkui--color_search_field_background, #373737)", + }, }, - "colorAccentOrange": { - "active": "#EB9405", - "hover": "#F59A02", - "normal": "#ffa000", + "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)", + }, }, - "colorAccentOrangeFire": { - "active": "#DD5643", - "hover": "#E65944", - "normal": "#f05c44", + "colorSeparatorPrimary": { + "active": { + "name": "--vkui--color_separator_primary--active", + "value": "var(--vkui--color_separator_primary--active, #474747)", + }, + "hover": { + "name": "--vkui--color_separator_primary--hover", + "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + }, + "normal": { + "name": "--vkui--color_separator_primary", + "value": "var(--vkui--color_separator_primary, #373737)", + }, }, - "colorAccentOrangePeach": { - "active": "#E5A84E", - "hover": "#EFAE4E", - "normal": "#f9b54f", + "colorSeparatorPrimary2x": { + "active": { + "name": "--vkui--color_separator_primary2x--active", + "value": "var(--vkui--color_separator_primary2x--active, #545454)", + }, + "hover": { + "name": "--vkui--color_separator_primary2x--hover", + "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + }, + "normal": { + "name": "--vkui--color_separator_primary2x", + "value": "var(--vkui--color_separator_primary2x, #454545)", + }, }, - "colorAccentPink": { - "active": "#E059EF", - "hover": "#EA5CF7", - "normal": "#f45fff", + "colorSeparatorPrimary3x": { + "active": { + "name": "--vkui--color_separator_primary3x--active", + "value": "var(--vkui--color_separator_primary3x--active, #606060)", + }, + "hover": { + "name": "--vkui--color_separator_primary3x--hover", + "value": "var(--vkui--color_separator_primary3x--hover, #595959)", + }, + "normal": { + "name": "--vkui--color_separator_primary3x", + "value": "var(--vkui--color_separator_primary3x, #525252)", + }, }, - "colorAccentPurple": { - "active": "#6A56D8", - "hover": "#6E59DF", - "normal": "#735ce6", + "colorSeparatorPrimaryAlpha": { + "active": { + "name": "--vkui--color_separator_primary_alpha--active", + "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(255, 255, 255, 0.16))", + }, + "normal": { + "name": "--vkui--color_separator_primary_alpha", + "value": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", + }, }, - "colorAccentRaspberryPink": { - "active": "#CE3BA2", - "hover": "#D73DA7", - "normal": "#e03fab", + "colorSeparatorSecondary": { + "active": { + "name": "--vkui--color_separator_secondary--active", + "value": "var(--vkui--color_separator_secondary--active, #272727)", + }, + "hover": { + "name": "--vkui--color_separator_secondary--hover", + "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + }, + "normal": { + "name": "--vkui--color_separator_secondary", + "value": "var(--vkui--color_separator_secondary, #141414)", + }, }, - "colorAccentRed": { - "active": "#EB3046", - "hover": "#F53247", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "colorSkeletonFrom": { + "active": { + "name": "--vkui--color_skeleton_from--active", + "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_skeleton_from--hover", + "value": "var(--vkui--color_skeleton_from--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_skeleton_from", + "value": "var(--vkui--color_skeleton_from, #2d2d2d)", + }, }, - "colorAccentViolet": { - "active": "#6F2CB6", - "hover": "#742DBB", - "normal": "#792ec0", + "colorSkeletonTo": { + "active": { + "name": "--vkui--color_skeleton_to--active", + "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_skeleton_to--hover", + "value": "var(--vkui--color_skeleton_to--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_skeleton_to", + "value": "var(--vkui--color_skeleton_to, #2d2d2d)", + }, }, - "colorActionSheetText": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", + "colorStrokeAccent": { + "active": { + "name": "--vkui--color_stroke_accent--active", + "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_stroke_accent--hover", + "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_stroke_accent", + "value": "var(--vkui--color_stroke_accent, #529ef4)", + }, }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "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)", + }, }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "#ffffffd8", + "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)", + }, }, - "colorBackground": { - "active": "#DADBDF", - "hover": "#E4E4E6", - "normal": "#ededed", + "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)", + }, }, - "colorBackgroundAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorStrokePositive": { + "active": { + "name": "--vkui--color_stroke_positive--active", + "value": "var(--vkui--color_stroke_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_stroke_positive--hover", + "value": "var(--vkui--color_stroke_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_stroke_positive", + "value": "var(--vkui--color_stroke_positive, #4bb34b)", + }, }, - "colorBackgroundAccentAlternative": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorStrokePrimary": { + "active": { + "name": "--vkui--color_stroke_primary--active", + "value": "var(--vkui--color_stroke_primary--active, #333333)", + }, + "hover": { + "name": "--vkui--color_stroke_primary--hover", + "value": "var(--vkui--color_stroke_primary--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_stroke_primary", + "value": "var(--vkui--color_stroke_primary, #212121)", + }, }, - "colorBackgroundAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorTabbarTextInactive": { + "active": { + "name": "--vkui--color_tabbar_text_inactive--active", + "value": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + }, + "hover": { + "name": "--vkui--color_tabbar_text_inactive--hover", + "value": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_tabbar_text_inactive", + "value": "var(--vkui--color_tabbar_text_inactive, #787878)", + }, }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(38, 136, 235, 0.28)", - "hover": "rgba(38, 136, 235, 0.24)", - "normal": "#2688eb33", + "colorTextAccent": { + "active": { + "name": "--vkui--color_text_accent--active", + "value": "var(--vkui--color_text_accent--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_accent--hover", + "value": "var(--vkui--color_text_accent--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_accent", + "value": "var(--vkui--color_text_accent, #529ef4)", + }, }, - "colorBackgroundAccentTint": { - "active": "#5393EF", - "hover": "#5698F7", - "normal": "#5a9eff", + "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)", + }, }, - "colorBackgroundContent": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "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)", + }, }, - "colorBackgroundContentInverse": { - "active": "#17181C", - "hover": "#18191A", - "normal": "#191919", + "colorTextContrastThemed": { + "active": { + "name": "--vkui--color_text_contrast_themed--active", + "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, #0A0A0A)", + }, + "normal": { + "name": "--vkui--color_text_contrast_themed", + "value": "var(--vkui--color_text_contrast_themed, #000000)", + }, }, - "colorBackgroundContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "colorTextLink": { + "active": { + "name": "--vkui--color_text_link--active", + "value": "var(--vkui--color_text_link--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_text_link--hover", + "value": "var(--vkui--color_text_link--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_text_link", + "value": "var(--vkui--color_text_link, #529ef4)", + }, }, - "colorBackgroundContrastInverse": { - "active": "#292B2E", - "hover": "#2B2C2E", - "normal": "#2d2d2d", + "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)", + }, }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "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)", + }, }, - "colorBackgroundContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "colorTextLinkVisited": { + "active": { + "name": "--vkui--color_text_link_visited--active", + "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, #508BCE)", + }, + "normal": { + "name": "--vkui--color_text_link_visited", + "value": "var(--vkui--color_text_link_visited, #4986cc)", + }, }, - "colorBackgroundInfoTint": { - "active": "#CCDCEF", - "hover": "#D5E5F7", - "normal": "#deeeff", + "colorTextMuted": { + "active": { + "name": "--vkui--color_text_muted--active", + "value": "var(--vkui--color_text_muted--active, #C9C9C9)", + }, + "hover": { + "name": "--vkui--color_text_muted--hover", + "value": "var(--vkui--color_text_muted--hover, #C6C6C6)", + }, + "normal": { + "name": "--vkui--color_text_muted", + "value": "var(--vkui--color_text_muted, #c4c4c4)", + }, }, - "colorBackgroundModal": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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)", + }, }, - "colorBackgroundModalInverse": { - "active": "#1B1C20", - "hover": "#1C1C1E", - "normal": "#1d1d1d", + "colorTextPositive": { + "active": { + "name": "--vkui--color_text_positive--active", + "value": "var(--vkui--color_text_positive--active, #59B959)", + }, + "hover": { + "name": "--vkui--color_text_positive--hover", + "value": "var(--vkui--color_text_positive--hover, #52B652)", + }, + "normal": { + "name": "--vkui--color_text_positive", + "value": "var(--vkui--color_text_positive, #4bb34b)", + }, }, - "colorBackgroundNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "colorTextPrimary": { + "active": { + "name": "--vkui--color_text_primary--active", + "value": "var(--vkui--color_text_primary--active, #E5E5E5)", + }, + "hover": { + "name": "--vkui--color_text_primary--hover", + "value": "var(--vkui--color_text_primary--hover, #E4E4E4)", + }, + "normal": { + "name": "--vkui--color_text_primary", + "value": "var(--vkui--color_text_primary, #e3e3e3)", + }, }, - "colorBackgroundNegativeTint": { - "active": "#EBD8DB", - "hover": "#F5E0E2", - "normal": "#ffe9e9", + "colorTextPrimaryAlpha": { + "active": { + "name": "--vkui--color_text_primary_alpha--active", + "value": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + }, + "hover": { + "name": "--vkui--color_text_primary_alpha--hover", + "value": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + }, + "normal": { + "name": "--vkui--color_text_primary_alpha", + "value": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + }, }, - "colorBackgroundPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "colorTextPrimaryInvariably": { + "active": { + "name": "--vkui--color_text_primary_invariably--active", + "value": "var(--vkui--color_text_primary_invariably--active, #333333)", + }, + "hover": { + "name": "--vkui--color_text_primary_invariably--hover", + "value": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + }, + "normal": { + "name": "--vkui--color_text_primary_invariably", + "value": "var(--vkui--color_text_primary_invariably, #212121)", + }, }, - "colorBackgroundPositiveTint": { - "active": "#D5E6DA", - "hover": "#DFF0E1", - "normal": "#e8f9e8", + "colorTextSecondary": { + "active": { + "name": "--vkui--color_text_secondary--active", + "value": "var(--vkui--color_text_secondary--active, #838383)", + }, + "hover": { + "name": "--vkui--color_text_secondary--hover", + "value": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + }, + "normal": { + "name": "--vkui--color_text_secondary", + "value": "var(--vkui--color_text_secondary, #787878)", + }, }, - "colorBackgroundSecondary": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", + "colorTextSecondaryAlpha": { + "active": { + "name": "--vkui--color_text_secondary_alpha--active", + "value": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + }, + "hover": { + "name": "--vkui--color_text_secondary_alpha--hover", + "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + }, + "normal": { + "name": "--vkui--color_text_secondary_alpha", + "value": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + }, }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.12)", - "hover": "rgba(0, 0, 0, 0.08)", - "normal": "#0000000a", + "colorTextSubhead": { + "active": { + "name": "--vkui--color_text_subhead--active", + "value": "var(--vkui--color_text_subhead--active, #A2A2A2)", + }, + "hover": { + "name": "--vkui--color_text_subhead--hover", + "value": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + }, + "normal": { + "name": "--vkui--color_text_subhead", + "value": "var(--vkui--color_text_subhead, #9a9a9a)", + }, }, - "colorBackgroundTertiary": { - "active": "#E5E6EA", - "hover": "#EFF0F1", - "normal": "#f9f9f9", + "colorTextTertiary": { + "active": { + "name": "--vkui--color_text_tertiary--active", + "value": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + }, + "hover": { + "name": "--vkui--color_text_tertiary--hover", + "value": "var(--vkui--color_text_tertiary--hover, #656565)", + }, + "normal": { + "name": "--vkui--color_text_tertiary", + "value": "var(--vkui--color_text_tertiary, #5f5f5f)", + }, }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.11)", - "hover": "rgba(0, 0, 0, 0.07)", - "normal": "#00000007", + "colorTrackBackground": { + "active": { + "name": "--vkui--color_track_background--active", + "value": "var(--vkui--color_track_background--active, #555555)", + }, + "hover": { + "name": "--vkui--color_track_background--hover", + "value": "var(--vkui--color_track_background--hover, #4D4D4D)", + }, + "normal": { + "name": "--vkui--color_track_background", + "value": "var(--vkui--color_track_background, #464646)", + }, }, - "colorBackgroundWarning": { - "active": "#EBE0CA", - "hover": "#F5E9D0", - "normal": "#fff2d6", + "colorTrackBuffer": { + "active": { + "name": "--vkui--color_track_buffer--active", + "value": "var(--vkui--color_track_buffer--active, #4F647D)", + }, + "hover": { + "name": "--vkui--color_track_buffer--hover", + "value": "var(--vkui--color_track_buffer--hover, #485E78)", + }, + "normal": { + "name": "--vkui--color_track_buffer", + "value": "var(--vkui--color_track_buffer, #405772)", + }, }, - "colorButtonIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorTransparent": { + "active": { + "name": "--vkui--color_transparent--active", + "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + }, + "hover": { + "name": "--vkui--color_transparent--hover", + "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + }, + "normal": { + "name": "--vkui--color_transparent", + "value": "var(--vkui--color_transparent, #00000000)", + }, }, - "colorButtonStroke": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorButtonText": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorFieldBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", - }, - "colorFieldBorderAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "#0000001e", + "colorWriteBarIcon": { + "active": { + "name": "--vkui--color_write_bar_icon--active", + "value": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + }, + "hover": { + "name": "--vkui--color_write_bar_icon--hover", + "value": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + }, + "normal": { + "name": "--vkui--color_write_bar_icon", + "value": "var(--vkui--color_write_bar_icon, #529ef4)", + }, }, - "colorHeaderBackground": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "colorWriteBarInputBackground": { + "active": { + "name": "--vkui--color_write_bar_input_background--active", + "value": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_background--hover", + "value": "var(--vkui--color_write_bar_input_background--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_background", + "value": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + }, }, - "colorIconAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "colorWriteBarInputBorder": { + "active": { + "name": "--vkui--color_write_bar_input_border--active", + "value": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + }, + "hover": { + "name": "--vkui--color_write_bar_input_border--hover", + "value": "var(--vkui--color_write_bar_input_border--hover, #353535)", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border", + "value": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + }, }, - "colorIconAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", + "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.16))", + }, + "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.12))", + }, + "normal": { + "name": "--vkui--color_write_bar_input_border_alpha", + "value": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", + }, }, - "colorIconContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "colorsScheme": { + "name": "--vkui--colors_scheme", + "value": "var(--vkui--colors_scheme, dark)", }, - "colorIconContrastSecondary": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", + "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))", }, - "colorIconContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", + "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))", }, - "colorIconMedium": { - "active": "#7F8084", - "hover": "#848587", - "normal": "#8a8a8a", + "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))", }, - "colorIconMediumAlpha": { - "active": "rgba(0, 0, 0, 0.56)", - "hover": "rgba(0, 0, 0, 0.52)", - "normal": "#0000007a", + "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))", }, - "colorIconNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", + "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))", }, - "colorIconPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", + }, + }, }, - "colorIconPrimary": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "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)", + }, + }, }, - "colorIconPrimaryInvariably": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "colorIconSecondary": { - "active": "#96979B", - "hover": "#9C9D9F", - "normal": "#a3a3a3", - }, - "colorIconSecondaryAlpha": { - "active": "rgba(0, 0, 0, 0.44)", - "hover": "rgba(0, 0, 0, 0.4)", - "normal": "#0000005b", - }, - "colorIconTertiary": { - "active": "#B2B4B7", - "hover": "#BABBBD", - "normal": "#c2c2c2", - }, - "colorIconTertiaryAlpha": { - "active": "rgba(0, 0, 0, 0.32)", - "hover": "rgba(0, 0, 0, 0.28)", - "normal": "#0000003d", - }, - "colorIconWarning": { - "active": "#E4941F", - "hover": "#EE9A1D", - "normal": "#f8a01c", - }, - "colorImageBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "#00000014", - }, - "colorImagePlaceholder": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", - }, - "colorImagePlaceholderAlpha": { - "active": "rgba(33, 33, 33, 0.14)", - "hover": "rgba(33, 33, 33, 0.1)", - "normal": "#2121210f", - }, - "colorLinkContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "#00000066", - }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35000000000000003)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "#00000044", - }, - "colorPanelHeaderIcon": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorSearchFieldBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", - }, - "colorSegmentedControl": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorSeparatorPrimary": { - "active": "#C7C8CC", - "hover": "#CFD0D2", - "normal": "#d8d8d8", - }, - "colorSeparatorPrimary2x": { - "active": "#BCBDC1", - "hover": "#C4C4C6", - "normal": "#cccccc", - }, - "colorSeparatorPrimary3x": { - "active": "#B0B1B5", - "hover": "#B7B8BA", - "normal": "#bfbfbf", - }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(0, 0, 0, 0.2)", - "hover": "rgba(0, 0, 0, 0.16)", - "normal": "#0000001e", - }, - "colorSeparatorSecondary": { - "active": "#D1D2D6", - "hover": "#DADBDC", - "normal": "#e3e3e3", - }, - "colorSkeletonFrom": { - "active": "#E1E3E6", - "hover": "#EBECEE", - "normal": "#f5f5f5", - }, - "colorSkeletonTo": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", - }, - "colorStrokeAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorStrokeAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorStrokeContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorStrokeNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorStrokePositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorTabbarTextInactive": { - "active": "#9FA0A4", - "hover": "#A6A7A9", - "normal": "#adadad", - }, - "colorTextAccent": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorTextAccentThemed": { - "active": "#237EDD", - "hover": "#2483E4", - "normal": "#2688eb", - }, - "colorTextContrast": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorTextContrastThemed": { - "active": "#EBECEF", - "hover": "#F5F5F7", - "normal": "#ffffff", - }, - "colorTextLink": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "colorTextLinkThemed": { - "active": "#2978D3", - "hover": "#2B7CD9", - "normal": "#2d81e0", - }, - "colorTextLinkTint": { - "active": "#689EDD", - "hover": "#6CA4E4", - "normal": "#71aaeb", - }, - "colorTextLinkVisited": { - "active": "#437DC1", - "hover": "#4681C6", - "normal": "#4986cc", - }, - "colorTextMuted": { - "active": "#2F3034", - "hover": "#313233", - "normal": "#333333", - }, - "colorTextNegative": { - "active": "#D44245", - "hover": "#DD4446", - "normal": "#e64646", - }, - "colorTextPositive": { - "active": "#45A64A", - "hover": "#48AC4A", - "normal": "#4bb34b", - }, - "colorTextPrimary": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(43, 43, 43, 0.92)", - "hover": "rgba(43, 43, 43, 0.88)", - "normal": "#2b2b2bd6", - }, - "colorTextPrimaryInvariably": { - "active": "#1E2023", - "hover": "#202022", - "normal": "#212121", - }, - "colorTextSecondary": { - "active": "#7C8086", - "hover": "#828589", - "normal": "#878a8c", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(41, 41, 41, 0.63)", - "hover": "rgba(41, 41, 41, 0.59)", - "normal": "#2929298c", - }, - "colorTextSubhead": { - "active": "#6C6D71", - "hover": "#707173", - "normal": "#757575", - }, - "colorTextTertiary": { - "active": "#949599", - "hover": "#9B9B9D", - "normal": "#a1a1a1", - }, - "colorTrackBackground": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", - }, - "colorTrackBuffer": { - "active": "#93B1D7", - "hover": "#9AB8DD", - "normal": "#a0bfe4", - }, - "colorTransparent": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "#00000000", - }, - "colorWriteBarIcon": { - "active": "#3A80D3", - "hover": "#3C85D9", - "normal": "#3f8ae0", - }, - "colorWriteBarInputBackground": { - "active": "#E0E1E4", - "hover": "#E9EAEC", - "normal": "#f3f3f3", - }, - "colorWriteBarInputBorder": { - "active": "#D8D9DD", - "hover": "#E2E2E4", - "normal": "#ebebeb", - }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(0, 0, 0, 0.16)", - "hover": "rgba(0, 0, 0, 0.12)", - "normal": "#00000014", - }, - "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)", - "fontCaption1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 14, - }, - }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", - }, - }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, - }, - }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", - }, - }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, - }, - }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "lineHeight": 12, - "textTransform": "uppercase", - }, - }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, - }, - }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": "-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", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, - }, - }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, - }, - }, - "fontDisplayTitle4": { - "regular": { - "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, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFamilyFallbacks": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontFootnote": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - }, - }, - "fontFootnoteCaps": { - "regular": { - "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": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, - }, - }, - "fontParagraph": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 16, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, - }, - }, - "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, - }, - "fontTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, - }, - }, - "fontTitle2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, - }, - }, - "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, - }, - }, - "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, - }, - "sizeArrowPadding": { - "regular": 12, - }, - "sizeArrowPromo": { - "regular": 40, - }, - "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, - }, - "sizeBasePaddingHorizontal": { - "regular": 16, - }, - "sizeBasePaddingVertical": { - "regular": 12, - }, - "sizeBorder1x": { - "regular": 1, - }, - "sizeBorder2x": { - "regular": 0.5, - }, - "sizeBorder3x": { - "regular": 0.33, - }, - "sizeBorderRadius": { - "regular": 10, - }, - "sizeBorderRadiusPaper": { - "regular": 12, - }, - "sizeBorderRadiusPromo": { - "regular": 20, - }, - "sizeBorderRadiusRounded": { - "regular": 48, - }, - "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, - }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, - }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, - }, - "sizeButtonMinimumWidth": { - "regular": 80, - }, - "sizeButtonPaddingHorizontal": { - "regular": 12, - }, - "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": 10, - }, - "sizeCardgridPadding": { - "regular": 8, - }, - "sizeCardgridPaddingVertical": { - "regular": 8, - }, - "sizeCheckBorderRadius": { - "regular": 4, - }, - "sizeCheckbox": { - "regular": 16, - }, - "sizeFieldHeight": { - "compact": 36, - "regular": 44, - }, - "sizeFieldHorizontalPadding": { - "regular": 12, - }, - "sizeFormItemPaddingVertical": { - "regular": 12, - }, - "sizeIconUI": { - "regular": 16, - }, - "sizeLabelHorizontalMargin": { - "regular": 16, - }, - "sizeOptionHierarchy": { - "regular": 32, - }, - "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, - }, - "sizePopupBasePadding": { - "compact": 20, - "regular": 32, - }, - "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, - }, - "sizePopupLarge": { - "regular": 880, - }, - "sizePopupMedium": { - "regular": 680, - }, - "sizePopupSmall": { - "regular": 430, - }, - "sizeSearchHeight": { - "compact": 32, - "regular": 36, - }, - "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, - }, - "sizeSplitColPaddingHorizontal": { - "regular": 16, - }, - "sizeSubnavigationBarGap": { - "regular": 8, - }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, - }, - "sizeSwitchHeight": { - "compact": 27, - "regular": 31, - }, - "sizeSwitchPin": { - "compact": 23, - "regular": 27, - }, - "sizeSwitchWidth": { - "compact": 47, - "regular": 51, - }, - "sizeTooltipMargin": { - "regular": 8, - }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkontakteIOS", - "themeName": "legoIOS", - "themeNameBase": "legoIOS", - "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": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "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)", - }, - "vkontaktePaletteBlack": { - "active": "#000105", - "hover": "#000102", - "normal": "#000000", - }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#3F4246", - "hover": "#424447", - "normal": "#454647", - }, - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots legoIOSDark 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.36, 0.66, 0.04, 1))", - }, - "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)", - }, - }, - "colorAccentBlue": { - "active": { - "name": "--vkui--color_accent_blue--active", - "value": "var(--vkui--color_accent_blue--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_accent_blue--hover", - "value": "var(--vkui--color_accent_blue--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_accent_blue", - "value": "var(--vkui--color_accent_blue, #529ef4)", - }, - }, - "colorAccentCyan": { - "active": { - "name": "--vkui--color_accent_cyan--active", - "value": "var(--vkui--color_accent_cyan--active, #26FFD4)", - }, - "hover": { - "name": "--vkui--color_accent_cyan--hover", - "value": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - }, - "normal": { - "name": "--vkui--color_accent_cyan", - "value": "var(--vkui--color_accent_cyan, #13ffd0)", - }, - }, - "colorAccentGray": { - "active": { - "name": "--vkui--color_accent_gray--active", - "value": "var(--vkui--color_accent_gray--active, #AAB4BE)", - }, - "hover": { - "name": "--vkui--color_accent_gray--hover", - "value": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - }, - "normal": { - "name": "--vkui--color_accent_gray", - "value": "var(--vkui--color_accent_gray, #a3adb8)", - }, - }, - "colorAccentGreen": { - "active": { - "name": "--vkui--color_accent_green--active", - "value": "var(--vkui--color_accent_green--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_accent_green--hover", - "value": "var(--vkui--color_accent_green--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_accent_green", - "value": "var(--vkui--color_accent_green, #4bb34b)", - }, - }, - "colorAccentLime": { - "active": { - "name": "--vkui--color_accent_lime--active", - "value": "var(--vkui--color_accent_lime--active, #B5F820)", - }, - "hover": { - "name": "--vkui--color_accent_lime--hover", - "value": "var(--vkui--color_accent_lime--hover, #B2F717)", - }, - "normal": { - "name": "--vkui--color_accent_lime", - "value": "var(--vkui--color_accent_lime, #aff70d)", - }, - }, - "colorAccentOrange": { - "active": { - "name": "--vkui--color_accent_orange--active", - "value": "var(--vkui--color_accent_orange--active, #FFA814)", - }, - "hover": { - "name": "--vkui--color_accent_orange--hover", - "value": "var(--vkui--color_accent_orange--hover, #FFA40A)", - }, - "normal": { - "name": "--vkui--color_accent_orange", - "value": "var(--vkui--color_accent_orange, #ffa000)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "colorAccentPink": { - "active": { - "name": "--vkui--color_accent_pink--active", - "value": "var(--vkui--color_accent_pink--active, #F56CFF)", - }, - "hover": { - "name": "--vkui--color_accent_pink--hover", - "value": "var(--vkui--color_accent_pink--hover, #F465FF)", - }, - "normal": { - "name": "--vkui--color_accent_pink", - "value": "var(--vkui--color_accent_pink, #f45fff)", - }, - }, - "colorAccentPurple": { - "active": { - "name": "--vkui--color_accent_purple--active", - "value": "var(--vkui--color_accent_purple--active, #A18FFF)", - }, - "hover": { - "name": "--vkui--color_accent_purple--hover", - "value": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - }, - "normal": { - "name": "--vkui--color_accent_purple", - "value": "var(--vkui--color_accent_purple, #9985ff)", - }, - }, - "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, #FF4356)", - }, - "hover": { - "name": "--vkui--color_accent_red--hover", - "value": "var(--vkui--color_accent_red--hover, #FF3B4E)", - }, - "normal": { - "name": "--vkui--color_accent_red", - "value": "var(--vkui--color_accent_red, #ff3347)", - }, - }, - "colorAccentSecondary": { - "active": { - "name": "--vkui--color_accent_secondary--active", - "value": "var(--vkui--color_accent_secondary--active, #4E93E2)", - }, - "hover": { - "name": "--vkui--color_accent_secondary--hover", - "value": "var(--vkui--color_accent_secondary--hover, #478FE1)", - }, - "normal": { - "name": "--vkui--color_accent_secondary", - "value": "var(--vkui--color_accent_secondary, #3f8ae0)", - }, - }, - "colorAccentViolet": { - "active": { - "name": "--vkui--color_accent_violet--active", - "value": "var(--vkui--color_accent_violet--active, #B05DFF)", - }, - "hover": { - "name": "--vkui--color_accent_violet--hover", - "value": "var(--vkui--color_accent_violet--hover, #AC56FF)", - }, - "normal": { - "name": "--vkui--color_accent_violet", - "value": "var(--vkui--color_accent_violet, #a94fff)", - }, - }, - "colorActionSheetText": { - "active": { - "name": "--vkui--color_action_sheet_text--active", - "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_action_sheet_text--hover", - "value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_action_sheet_text", - "value": "var(--vkui--color_action_sheet_text, #529ef4)", - }, - }, - "colorAvatarOverlay": { - "active": { - "name": "--vkui--color_avatar_overlay--active", - "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(0, 0, 0, 0.64))", - }, - "normal": { - "name": "--vkui--color_avatar_overlay", - "value": "var(--vkui--color_avatar_overlay, #00000099)", - }, - }, - "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, #ffffffd8)", - }, - }, - "colorBackground": { - "active": { - "name": "--vkui--color_background--active", - "value": "var(--vkui--color_background--active, #1E1E1E)", - }, - "hover": { - "name": "--vkui--color_background--hover", - "value": "var(--vkui--color_background--hover, #141414)", - }, - "normal": { - "name": "--vkui--color_background", - "value": "var(--vkui--color_background, #0a0a0a)", - }, - }, - "colorBackgroundAccent": { - "active": { - "name": "--vkui--color_background_accent--active", - "value": "var(--vkui--color_background_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_background_accent--hover", - "value": "var(--vkui--color_background_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_background_accent", - "value": "var(--vkui--color_background_accent, #529ef4)", - }, - }, - "colorBackgroundAccentAlternative": { - "active": { - "name": "--vkui--color_background_accent_alternative--active", - "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, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_background_accent_alternative", - "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, #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": { - "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, #ffffff33)", - }, - }, - "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)", - }, - }, - "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, #222222)", - }, - "normal": { - "name": "--vkui--color_background_content", - "value": "var(--vkui--color_background_content, #191919)", - }, - }, - "colorBackgroundContentInverse": { - "active": { - "name": "--vkui--color_background_content_inverse--active", - "value": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - }, - "hover": { - "name": "--vkui--color_background_content_inverse--hover", - "value": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - }, - "normal": { - "name": "--vkui--color_background_content_inverse", - "value": "var(--vkui--color_background_content_inverse, #FFFFFF)", - }, - }, - "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)", - }, - }, - "colorBackgroundContrastInverse": { - "active": { - "name": "--vkui--color_background_contrast_inverse--active", - "value": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", - }, - "hover": { - "name": "--vkui--color_background_contrast_inverse--hover", - "value": "var(--vkui--color_background_contrast_inverse--hover, #353535)", - }, - "normal": { - "name": "--vkui--color_background_contrast_inverse", - "value": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", - }, - }, - "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, #ffffff33)", - }, - }, - "colorBackgroundContrastThemed": { - "active": { - "name": "--vkui--color_background_contrast_themed--active", - "value": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", - }, - "hover": { - "name": "--vkui--color_background_contrast_themed--hover", - "value": "var(--vkui--color_background_contrast_themed--hover, #353535)", - }, - "normal": { - "name": "--vkui--color_background_contrast_themed", - "value": "var(--vkui--color_background_contrast_themed, #2d2d2d)", - }, - }, - "colorBackgroundInfoTint": { - "active": { - "name": "--vkui--color_background_info_tint--active", - "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, #25415B)", - }, - "normal": { - "name": "--vkui--color_background_info_tint", - "value": "var(--vkui--color_background_info_tint, #1c3954)", - }, - }, - "colorBackgroundModal": { - "active": { - "name": "--vkui--color_background_modal--active", - "value": "var(--vkui--color_background_modal--active, #2F2F2F)", - }, - "hover": { - "name": "--vkui--color_background_modal--hover", - "value": "var(--vkui--color_background_modal--hover, #262626)", - }, - "normal": { - "name": "--vkui--color_background_modal", - "value": "var(--vkui--color_background_modal, #1d1d1d)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "colorBackgroundPositive": { - "active": { - "name": "--vkui--color_background_positive--active", - "value": "var(--vkui--color_background_positive--active, #59B959)", - }, - "hover": { - "name": "--vkui--color_background_positive--hover", - "value": "var(--vkui--color_background_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_background_positive", - "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)", - }, - "hover": { - "name": "--vkui--color_background_positive_tint--hover", - "value": "var(--vkui--color_background_positive_tint--hover, #364633)", - }, - "normal": { - "name": "--vkui--color_background_positive_tint", - "value": "var(--vkui--color_background_positive_tint, #2e3e2b)", - }, - }, - "colorBackgroundSecondary": { - "active": { - "name": "--vkui--color_background_secondary--active", - "value": "var(--vkui--color_background_secondary--active, #353535)", - }, - "hover": { - "name": "--vkui--color_background_secondary--hover", - "value": "var(--vkui--color_background_secondary--hover, #2C2C2C)", - }, - "normal": { - "name": "--vkui--color_background_secondary", - "value": "var(--vkui--color_background_secondary, #232323)", - }, - }, - "colorBackgroundSecondaryAlpha": { - "active": { - "name": "--vkui--color_background_secondary_alpha--active", - "value": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", - }, - "hover": { - "name": "--vkui--color_background_secondary_alpha--hover", - "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", - }, - "normal": { - "name": "--vkui--color_background_secondary_alpha", - "value": "var(--vkui--color_background_secondary_alpha, #ffffff19)", - }, - }, - "colorBackgroundTertiary": { - "active": { - "name": "--vkui--color_background_tertiary--active", - "value": "var(--vkui--color_background_tertiary--active, #323232)", - }, - "hover": { - "name": "--vkui--color_background_tertiary--hover", - "value": "var(--vkui--color_background_tertiary--hover, #292929)", - }, - "normal": { - "name": "--vkui--color_background_tertiary", - "value": "var(--vkui--color_background_tertiary, #202020)", - }, - }, - "colorBackgroundTertiaryAlpha": { - "active": { - "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_background_tertiary_alpha--hover", - "value": "var(--vkui--color_background_tertiary_alpha--hover, rgba(255, 255, 255, 0.07))", - }, - "normal": { - "name": "--vkui--color_background_tertiary_alpha", - "value": "var(--vkui--color_background_tertiary_alpha, #ffffff07)", - }, - }, - "colorBackgroundWarning": { - "active": { - "name": "--vkui--color_background_warning--active", - "value": "var(--vkui--color_background_warning--active, #564328)", - }, - "hover": { - "name": "--vkui--color_background_warning--hover", - "value": "var(--vkui--color_background_warning--hover, #4E3B1E)", - }, - "normal": { - "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, #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": { - "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": { - "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": { - "name": "--vkui--color_field_background--active", - "value": "var(--vkui--color_field_background--active, #3A3A3A)", - }, - "hover": { - "name": "--vkui--color_field_background--hover", - "value": "var(--vkui--color_field_background--hover, #323232)", - }, - "normal": { - "name": "--vkui--color_field_background", - "value": "var(--vkui--color_field_background, #292929)", - }, - }, - "colorFieldBorderAlpha": { - "active": { - "name": "--vkui--color_field_border_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_field_border_alpha", - "value": "var(--vkui--color_field_border_alpha, #ffffff1e)", - }, - }, - "colorHeaderBackground": { - "active": { - "name": "--vkui--color_header_background--active", - "value": "var(--vkui--color_header_background--active, #2B2B2B)", - }, - "hover": { - "name": "--vkui--color_header_background--hover", - "value": "var(--vkui--color_header_background--hover, #222222)", - }, - "normal": { - "name": "--vkui--color_header_background", - "value": "var(--vkui--color_header_background, #191919)", - }, - }, - "colorIconAccent": { - "active": { - "name": "--vkui--color_icon_accent--active", - "value": "var(--vkui--color_icon_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_icon_accent--hover", - "value": "var(--vkui--color_icon_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_icon_accent", - "value": "var(--vkui--color_icon_accent, #529ef4)", - }, - }, - "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)", - }, - }, - "colorIconContrastSecondary": { - "active": { - "name": "--vkui--color_icon_contrast_secondary--active", - "value": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", - }, - "hover": { - "name": "--vkui--color_icon_contrast_secondary--hover", - "value": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_secondary", - "value": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", - }, - }, - "colorIconContrastThemed": { - "active": { - "name": "--vkui--color_icon_contrast_themed--active", - "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, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_icon_contrast_themed", - "value": "var(--vkui--color_icon_contrast_themed, #000000)", - }, - }, - "colorIconMedium": { - "active": { - "name": "--vkui--color_icon_medium--active", - "value": "var(--vkui--color_icon_medium--active, #B7B7B7)", - }, - "hover": { - "name": "--vkui--color_icon_medium--hover", - "value": "var(--vkui--color_icon_medium--hover, #B4B4B4)", - }, - "normal": { - "name": "--vkui--color_icon_medium", - "value": "var(--vkui--color_icon_medium, #b1b1b1)", - }, - }, - "colorIconMediumAlpha": { - "active": { - "name": "--vkui--color_icon_medium_alpha--active", - "value": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", - }, - "hover": { - "name": "--vkui--color_icon_medium_alpha--hover", - "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", - }, - "normal": { - "name": "--vkui--color_icon_medium_alpha", - "value": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", - }, - }, - "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, #59B959)", - }, - "hover": { - "name": "--vkui--color_icon_positive--hover", - "value": "var(--vkui--color_icon_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_icon_positive", - "value": "var(--vkui--color_icon_positive, #4bb34b)", - }, - }, - "colorIconPrimary": { - "active": { - "name": "--vkui--color_icon_primary--active", - "value": "var(--vkui--color_icon_primary--active, #E5E5E5)", - }, - "hover": { - "name": "--vkui--color_icon_primary--hover", - "value": "var(--vkui--color_icon_primary--hover, #E4E4E4)", - }, - "normal": { - "name": "--vkui--color_icon_primary", - "value": "var(--vkui--color_icon_primary, #e3e3e3)", - }, - }, - "colorIconPrimaryInvariably": { - "active": { - "name": "--vkui--color_icon_primary_invariably--active", - "value": "var(--vkui--color_icon_primary_invariably--active, #333333)", - }, - "hover": { - "name": "--vkui--color_icon_primary_invariably--hover", - "value": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", - }, - "normal": { - "name": "--vkui--color_icon_primary_invariably", - "value": "var(--vkui--color_icon_primary_invariably, #212121)", - }, - }, - "colorIconSecondary": { - "active": { - "name": "--vkui--color_icon_secondary--active", - "value": "var(--vkui--color_icon_secondary--active, #838383)", - }, - "hover": { - "name": "--vkui--color_icon_secondary--hover", - "value": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", - }, - "normal": { - "name": "--vkui--color_icon_secondary", - "value": "var(--vkui--color_icon_secondary, #787878)", - }, - }, - "colorIconSecondaryAlpha": { - "active": { - "name": "--vkui--color_icon_secondary_alpha--active", - "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", - }, - "hover": { - "name": "--vkui--color_icon_secondary_alpha--hover", - "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", - }, - "normal": { - "name": "--vkui--color_icon_secondary_alpha", - "value": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", - }, - }, - "colorIconTertiary": { - "active": { - "name": "--vkui--color_icon_tertiary--active", - "value": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", - }, - "hover": { - "name": "--vkui--color_icon_tertiary--hover", - "value": "var(--vkui--color_icon_tertiary--hover, #656565)", - }, - "normal": { - "name": "--vkui--color_icon_tertiary", - "value": "var(--vkui--color_icon_tertiary, #5f5f5f)", - }, - }, - "colorIconTertiaryAlpha": { - "active": { - "name": "--vkui--color_icon_tertiary_alpha--active", - "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.34))", - }, - "normal": { - "name": "--vkui--color_icon_tertiary_alpha", - "value": "var(--vkui--color_icon_tertiary_alpha, #ffffff4c)", - }, - }, - "colorIconWarning": { - "active": { - "name": "--vkui--color_icon_warning--active", - "value": "var(--vkui--color_icon_warning--active, #EEB663)", - }, - "hover": { - "name": "--vkui--color_icon_warning--hover", - "value": "var(--vkui--color_icon_warning--hover, #EEB35C)", - }, - "normal": { - "name": "--vkui--color_icon_warning", - "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(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, #ffffff14)", - }, - }, - "colorImagePlaceholder": { - "active": { - "name": "--vkui--color_image_placeholder--active", - "value": "var(--vkui--color_image_placeholder--active, #3C3C3C)", - }, - "hover": { - "name": "--vkui--color_image_placeholder--hover", - "value": "var(--vkui--color_image_placeholder--hover, #333333)", - }, - "normal": { - "name": "--vkui--color_image_placeholder", - "value": "var(--vkui--color_image_placeholder, #2b2b2b)", - }, - }, - "colorImagePlaceholderAlpha": { - "active": { - "name": "--vkui--color_image_placeholder_alpha--active", - "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", - }, - "hover": { - "name": "--vkui--color_image_placeholder_alpha--hover", - "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", - }, - "normal": { - "name": "--vkui--color_image_placeholder_alpha", - "value": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", - }, - }, - "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.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, #00000066)", - }, - }, - "colorOverlaySecondary": { - "active": { - "name": "--vkui--color_overlay_secondary--active", - "value": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", - }, - "hover": { - "name": "--vkui--color_overlay_secondary--hover", - "value": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - }, - "normal": { - "name": "--vkui--color_overlay_secondary", - "value": "var(--vkui--color_overlay_secondary, #00000044)", - }, - }, - "colorPanelHeaderIcon": { - "active": { - "name": "--vkui--color_panel_header_icon--active", - "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, #77ADEC)", - }, - "normal": { - "name": "--vkui--color_panel_header_icon", - "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, #474747)", - }, - "hover": { - "name": "--vkui--color_search_field_background--hover", - "value": "var(--vkui--color_search_field_background--hover, #3F3F3F)", - }, - "normal": { - "name": "--vkui--color_search_field_background", - "value": "var(--vkui--color_search_field_background, #373737)", - }, - }, - "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, #474747)", - }, - "hover": { - "name": "--vkui--color_separator_primary--hover", - "value": "var(--vkui--color_separator_primary--hover, #3F3F3F)", - }, - "normal": { - "name": "--vkui--color_separator_primary", - "value": "var(--vkui--color_separator_primary, #373737)", - }, - }, - "colorSeparatorPrimary2x": { - "active": { - "name": "--vkui--color_separator_primary2x--active", - "value": "var(--vkui--color_separator_primary2x--active, #545454)", - }, - "hover": { - "name": "--vkui--color_separator_primary2x--hover", - "value": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", - }, - "normal": { - "name": "--vkui--color_separator_primary2x", - "value": "var(--vkui--color_separator_primary2x, #454545)", - }, - }, - "colorSeparatorPrimary3x": { - "active": { - "name": "--vkui--color_separator_primary3x--active", - "value": "var(--vkui--color_separator_primary3x--active, #606060)", - }, - "hover": { - "name": "--vkui--color_separator_primary3x--hover", - "value": "var(--vkui--color_separator_primary3x--hover, #595959)", - }, - "normal": { - "name": "--vkui--color_separator_primary3x", - "value": "var(--vkui--color_separator_primary3x, #525252)", - }, - }, - "colorSeparatorPrimaryAlpha": { - "active": { - "name": "--vkui--color_separator_primary_alpha--active", - "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(255, 255, 255, 0.16))", - }, - "normal": { - "name": "--vkui--color_separator_primary_alpha", - "value": "var(--vkui--color_separator_primary_alpha, #ffffff1e)", - }, - }, - "colorSeparatorSecondary": { - "active": { - "name": "--vkui--color_separator_secondary--active", - "value": "var(--vkui--color_separator_secondary--active, #272727)", - }, - "hover": { - "name": "--vkui--color_separator_secondary--hover", - "value": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", - }, - "normal": { - "name": "--vkui--color_separator_secondary", - "value": "var(--vkui--color_separator_secondary, #141414)", - }, - }, - "colorSkeletonFrom": { - "active": { - "name": "--vkui--color_skeleton_from--active", - "value": "var(--vkui--color_skeleton_from--active, #3E3E3E)", - }, - "hover": { - "name": "--vkui--color_skeleton_from--hover", - "value": "var(--vkui--color_skeleton_from--hover, #353535)", - }, - "normal": { - "name": "--vkui--color_skeleton_from", - "value": "var(--vkui--color_skeleton_from, #2d2d2d)", - }, - }, - "colorSkeletonTo": { - "active": { - "name": "--vkui--color_skeleton_to--active", - "value": "var(--vkui--color_skeleton_to--active, #3E3E3E)", - }, - "hover": { - "name": "--vkui--color_skeleton_to--hover", - "value": "var(--vkui--color_skeleton_to--hover, #353535)", - }, - "normal": { - "name": "--vkui--color_skeleton_to", - "value": "var(--vkui--color_skeleton_to, #2d2d2d)", - }, - }, - "colorStrokeAccent": { - "active": { - "name": "--vkui--color_stroke_accent--active", - "value": "var(--vkui--color_stroke_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_stroke_accent--hover", - "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_stroke_accent", - "value": "var(--vkui--color_stroke_accent, #529ef4)", - }, - }, - "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, #59B959)", - }, - "hover": { - "name": "--vkui--color_stroke_positive--hover", - "value": "var(--vkui--color_stroke_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_stroke_positive", - "value": "var(--vkui--color_stroke_positive, #4bb34b)", - }, - }, - "colorTabbarTextInactive": { - "active": { - "name": "--vkui--color_tabbar_text_inactive--active", - "value": "var(--vkui--color_tabbar_text_inactive--active, #838383)", - }, - "hover": { - "name": "--vkui--color_tabbar_text_inactive--hover", - "value": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", - }, - "normal": { - "name": "--vkui--color_tabbar_text_inactive", - "value": "var(--vkui--color_tabbar_text_inactive, #787878)", - }, - }, - "colorTextAccent": { - "active": { - "name": "--vkui--color_text_accent--active", - "value": "var(--vkui--color_text_accent--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_text_accent--hover", - "value": "var(--vkui--color_text_accent--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_text_accent", - "value": "var(--vkui--color_text_accent, #529ef4)", - }, - }, - "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, #141414)", - }, - "hover": { - "name": "--vkui--color_text_contrast_themed--hover", - "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)", - }, - "normal": { - "name": "--vkui--color_text_contrast_themed", - "value": "var(--vkui--color_text_contrast_themed, #000000)", - }, - }, - "colorTextLink": { - "active": { - "name": "--vkui--color_text_link--active", - "value": "var(--vkui--color_text_link--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_text_link--hover", - "value": "var(--vkui--color_text_link--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_text_link", - "value": "var(--vkui--color_text_link, #529ef4)", - }, - }, - "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, #5890D0)", - }, - "hover": { - "name": "--vkui--color_text_link_visited--hover", - "value": "var(--vkui--color_text_link_visited--hover, #508BCE)", - }, - "normal": { - "name": "--vkui--color_text_link_visited", - "value": "var(--vkui--color_text_link_visited, #4986cc)", - }, - }, - "colorTextMuted": { - "active": { - "name": "--vkui--color_text_muted--active", - "value": "var(--vkui--color_text_muted--active, #C9C9C9)", - }, - "hover": { - "name": "--vkui--color_text_muted--hover", - "value": "var(--vkui--color_text_muted--hover, #C6C6C6)", - }, - "normal": { - "name": "--vkui--color_text_muted", - "value": "var(--vkui--color_text_muted, #c4c4c4)", - }, - }, - "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, #59B959)", - }, - "hover": { - "name": "--vkui--color_text_positive--hover", - "value": "var(--vkui--color_text_positive--hover, #52B652)", - }, - "normal": { - "name": "--vkui--color_text_positive", - "value": "var(--vkui--color_text_positive, #4bb34b)", - }, - }, - "colorTextPrimary": { - "active": { - "name": "--vkui--color_text_primary--active", - "value": "var(--vkui--color_text_primary--active, #E5E5E5)", - }, - "hover": { - "name": "--vkui--color_text_primary--hover", - "value": "var(--vkui--color_text_primary--hover, #E4E4E4)", - }, - "normal": { - "name": "--vkui--color_text_primary", - "value": "var(--vkui--color_text_primary, #e3e3e3)", - }, - }, - "colorTextPrimaryAlpha": { - "active": { - "name": "--vkui--color_text_primary_alpha--active", - "value": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", - }, - "hover": { - "name": "--vkui--color_text_primary_alpha--hover", - "value": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", - }, - "normal": { - "name": "--vkui--color_text_primary_alpha", - "value": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", - }, - }, - "colorTextPrimaryInvariably": { - "active": { - "name": "--vkui--color_text_primary_invariably--active", - "value": "var(--vkui--color_text_primary_invariably--active, #333333)", - }, - "hover": { - "name": "--vkui--color_text_primary_invariably--hover", - "value": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", - }, - "normal": { - "name": "--vkui--color_text_primary_invariably", - "value": "var(--vkui--color_text_primary_invariably, #212121)", - }, - }, - "colorTextSecondary": { - "active": { - "name": "--vkui--color_text_secondary--active", - "value": "var(--vkui--color_text_secondary--active, #838383)", - }, - "hover": { - "name": "--vkui--color_text_secondary--hover", - "value": "var(--vkui--color_text_secondary--hover, #7D7D7D)", - }, - "normal": { - "name": "--vkui--color_text_secondary", - "value": "var(--vkui--color_text_secondary, #787878)", - }, - }, - "colorTextSecondaryAlpha": { - "active": { - "name": "--vkui--color_text_secondary_alpha--active", - "value": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", - }, - "hover": { - "name": "--vkui--color_text_secondary_alpha--hover", - "value": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", - }, - "normal": { - "name": "--vkui--color_text_secondary_alpha", - "value": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", - }, - }, - "colorTextSubhead": { - "active": { - "name": "--vkui--color_text_subhead--active", - "value": "var(--vkui--color_text_subhead--active, #A2A2A2)", - }, - "hover": { - "name": "--vkui--color_text_subhead--hover", - "value": "var(--vkui--color_text_subhead--hover, #9E9E9E)", - }, - "normal": { - "name": "--vkui--color_text_subhead", - "value": "var(--vkui--color_text_subhead, #9a9a9a)", - }, - }, - "colorTextTertiary": { - "active": { - "name": "--vkui--color_text_tertiary--active", - "value": "var(--vkui--color_text_tertiary--active, #6C6C6C)", - }, - "hover": { - "name": "--vkui--color_text_tertiary--hover", - "value": "var(--vkui--color_text_tertiary--hover, #656565)", - }, - "normal": { - "name": "--vkui--color_text_tertiary", - "value": "var(--vkui--color_text_tertiary, #5f5f5f)", - }, - }, - "colorTrackBackground": { - "active": { - "name": "--vkui--color_track_background--active", - "value": "var(--vkui--color_track_background--active, #555555)", - }, - "hover": { - "name": "--vkui--color_track_background--hover", - "value": "var(--vkui--color_track_background--hover, #4D4D4D)", - }, - "normal": { - "name": "--vkui--color_track_background", - "value": "var(--vkui--color_track_background, #464646)", - }, - }, - "colorTrackBuffer": { - "active": { - "name": "--vkui--color_track_buffer--active", - "value": "var(--vkui--color_track_buffer--active, #4F647D)", - }, - "hover": { - "name": "--vkui--color_track_buffer--hover", - "value": "var(--vkui--color_track_buffer--hover, #485E78)", - }, - "normal": { - "name": "--vkui--color_track_buffer", - "value": "var(--vkui--color_track_buffer, #405772)", - }, - }, - "colorTransparent": { - "active": { - "name": "--vkui--color_transparent--active", - "value": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", - }, - "hover": { - "name": "--vkui--color_transparent--hover", - "value": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", - }, - "normal": { - "name": "--vkui--color_transparent", - "value": "var(--vkui--color_transparent, #00000000)", - }, - }, - "colorWriteBarIcon": { - "active": { - "name": "--vkui--color_write_bar_icon--active", - "value": "var(--vkui--color_write_bar_icon--active, #60A6F5)", - }, - "hover": { - "name": "--vkui--color_write_bar_icon--hover", - "value": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", - }, - "normal": { - "name": "--vkui--color_write_bar_icon", - "value": "var(--vkui--color_write_bar_icon, #529ef4)", - }, - }, - "colorWriteBarInputBackground": { - "active": { - "name": "--vkui--color_write_bar_input_background--active", - "value": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_background--hover", - "value": "var(--vkui--color_write_bar_input_background--hover, #353535)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_background", - "value": "var(--vkui--color_write_bar_input_background, #2d2d2d)", - }, - }, - "colorWriteBarInputBorder": { - "active": { - "name": "--vkui--color_write_bar_input_border--active", - "value": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", - }, - "hover": { - "name": "--vkui--color_write_bar_input_border--hover", - "value": "var(--vkui--color_write_bar_input_border--hover, #353535)", - }, - "normal": { - "name": "--vkui--color_write_bar_input_border", - "value": "var(--vkui--color_write_bar_input_border, #2d2d2d)", - }, - }, - "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.16))", - }, - "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.12))", - }, - "normal": { - "name": "--vkui--color_write_bar_input_border_alpha", - "value": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", - }, - }, - "colorsScheme": { - "name": "--vkui--colors_scheme", - "value": "var(--vkui--colors_scheme, dark)", - }, - "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))", - }, - "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))", - }, - "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))", - }, - "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))", - }, - "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))", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 14px)", - }, - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title2--line_height--compact", - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_display_title4--line_height--regular", - "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", - }, - }, - }, - "fontFamilyAccent": { - "name": "--vkui--font_family_accent", - "value": "var(--vkui--font_family_accent, "VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", - }, - "fontFamilyBase": { - "name": "--vkui--font_family_base", - "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, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", - }, - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", - }, - "lineHeight": { - "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)", - }, - }, - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -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, 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, 16px)", - }, - }, - "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)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", - }, - "lineHeight": { - "name": "--vkui--font_title2--line_height--regular", - "value": "var(--vkui--font_title2--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)", - }, - }, - "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)", - }, - "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, 600)", - }, - "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, 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(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", - "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(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", - "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", - "value": "var(--vkui--size_arrow)", - }, - "regular": { - "name": "--vkui--size_arrow--regular", - "value": "var(--vkui--size_arrow--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)", - }, - }, - "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)", - }, - }, - "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, 12px)", - }, - }, - "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, 10px)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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, 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": { - "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, 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, vkontakteIOSDark)", - }, - "themeName": { - "name": "--vkui--theme_name", - "value": "var(--vkui--theme_name, legoIOSDark)", - }, - "themeNameBase": { - "name": "--vkui--theme_name_base", - "value": "var(--vkui--theme_name_base, legoIOS)", - }, - "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)", - }, - }, - "vkontakteColorSnippetBackground": { - "active": { - "name": "--vkui--vkontakte_color_snippet_background--active", - "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, #2C2C2D)", - }, - "normal": { - "name": "--vkui--vkontakte_color_snippet_background", - "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.23))", - }, - "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))", - }, - }, - "vkontakteColorSplashScreenIcon": { - "active": { - "name": "--vkui--vkontakte_color_splash_screen_icon--active", - "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, #343536)", - }, - "normal": { - "name": "--vkui--vkontakte_color_splash_screen_icon", - "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, #2B2B2C)", - }, - "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)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_active_icon", - "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_background", - "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, #818385)", - }, - "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)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary", - "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #76787a)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_text_name", - "value": "var(--vkui--vkontakte_color_text_name, #e1e3e6)", - }, - }, - "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)", - }, - "normal": { - "name": "--vkui--vkontakte_color_toolbar_attach_background_from", - "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, #B1B4B9)", - }, - "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)", - }, - }, - "vkontakteGradientAquamarineBlue": { - "name": "--vkui--vkontakte_gradient_aquamarine_blue", - "value": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - }, - "vkontakteGradientBlue": { - "name": "--vkui--vkontakte_gradient_blue", - "value": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - }, - "vkontakteGradientCandy": { - "name": "--vkui--vkontakte_gradient_candy", - "value": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - }, - "vkontakteGradientCrimson": { - "name": "--vkui--vkontakte_gradient_crimson", - "value": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - }, - "vkontakteGradientDisco": { - "name": "--vkui--vkontakte_gradient_disco", - "value": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - }, - "vkontakteGradientEmerald": { - "name": "--vkui--vkontakte_gradient_emerald", - "value": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - }, - "vkontakteGradientFrost": { - "name": "--vkui--vkontakte_gradient_frost", - "value": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - }, - "vkontakteGradientGray": { - "name": "--vkui--vkontakte_gradient_gray", - "value": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - }, - "vkontakteGradientGreen": { - "name": "--vkui--vkontakte_gradient_green", - "value": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - }, - "vkontakteGradientHalloweenOrange": { - "name": "--vkui--vkontakte_gradient_halloween_orange", - "value": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - }, - "vkontakteGradientHalloweenViolet": { - "name": "--vkui--vkontakte_gradient_halloween_violet", - "value": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - }, - "vkontakteGradientLagoon": { - "name": "--vkui--vkontakte_gradient_lagoon", - "value": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - }, - "vkontakteGradientLavender": { - "name": "--vkui--vkontakte_gradient_lavender", - "value": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - }, - "vkontakteGradientMable": { - "name": "--vkui--vkontakte_gradient_mable", - "value": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - }, - "vkontakteGradientMarine": { - "name": "--vkui--vkontakte_gradient_marine", - "value": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - }, - "vkontakteGradientMidnight": { - "name": "--vkui--vkontakte_gradient_midnight", - "value": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - }, - "vkontakteGradientNewYear": { - "name": "--vkui--vkontakte_gradient_new_year", - "value": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - }, - "vkontakteGradientOrange": { - "name": "--vkui--vkontakte_gradient_orange", - "value": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - }, - "vkontakteGradientPink": { - "name": "--vkui--vkontakte_gradient_pink", - "value": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - }, - "vkontakteGradientPurple": { - "name": "--vkui--vkontakte_gradient_purple", - "value": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - }, - "vkontakteGradientRaspberryPink": { - "name": "--vkui--vkontakte_gradient_raspberry_pink", - "value": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - }, - "vkontakteGradientRed": { - "name": "--vkui--vkontakte_gradient_red", - "value": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - }, - "vkontakteGradientRetrowave": { - "name": "--vkui--vkontakte_gradient_retrowave", - "value": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - }, - "vkontakteGradientSberkot": { - "name": "--vkui--vkontakte_gradient_sberkot", - "value": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - }, - "vkontakteGradientSunset": { - "name": "--vkui--vkontakte_gradient_sunset", - "value": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - }, - "vkontakteGradientTurquoise": { - "name": "--vkui--vkontakte_gradient_turquoise", - "value": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - }, - "vkontakteGradientTwilight": { - "name": "--vkui--vkontakte_gradient_twilight", - "value": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - }, - "vkontakteGradientUnicorn": { - "name": "--vkui--vkontakte_gradient_unicorn", - "value": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - }, - "vkontakteGradientValentine": { - "name": "--vkui--vkontakte_gradient_valentine", - "value": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - }, - "vkontakteGradientViolet": { - "name": "--vkui--vkontakte_gradient_violet", - "value": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - }, - "vkontakteGradientWarmValentine": { - "name": "--vkui--vkontakte_gradient_warm_valentine", - "value": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - }, - "vkontakteGradientWomensDay": { - "name": "--vkui--vkontakte_gradient_womens_day", - "value": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - }, - "vkontakteGradientYellow": { - "name": "--vkui--vkontakte_gradient_yellow", - "value": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - }, - "vkontakteGradientYellowBright": { - "name": "--vkui--vkontakte_gradient_yellow_bright", - "value": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", - }, - "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)", - }, - }, - "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)", - }, - }, - "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))", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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)", - }, - }, - "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))", - }, - }, - "vkontaktePaletteBlack": { - "active": { - "name": "--vkui--vkontakte_palette_black--active", - "value": "var(--vkui--vkontakte_palette_black--active, #141414)", - }, - "hover": { - "name": "--vkui--vkontakte_palette_black--hover", - "value": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", - }, - "normal": { - "name": "--vkui--vkontakte_palette_black", - "value": "var(--vkui--vkontakte_palette_black, #000000)", - }, - }, - "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)", - }, - }, - "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 legoIOSDark 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)", - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", - }, - "colorAccentBlue": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13ffd0", - }, - "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", - }, - "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#aff70d", - }, - "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", - }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#f05c44", - }, - "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#ffc062", - }, - "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#f45fff", - }, - "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", - }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", - }, - "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", - }, - "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", - }, - "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", - }, - "colorActionSheetText": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", - }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "#ffffffd8", - }, - "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", - }, - "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", - }, - "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", - }, - "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", - }, - "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundContrastInverse": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", - }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", - }, - "colorBackgroundContrastThemed": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", - }, - "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1c3954", - }, - "colorBackgroundModal": { - "active": "#2F2F2F", - "hover": "#262626", - "normal": "#1d1d1d", - }, - "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", - }, - "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2e3e2b", - }, - "colorBackgroundSecondary": { - "active": "#353535", - "hover": "#2C2C2C", - "normal": "#232323", - }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.18)", - "hover": "rgba(255, 255, 255, 0.14)", - "normal": "#ffffff19", - }, - "colorBackgroundTertiary": { - "active": "#323232", - "hover": "#292929", - "normal": "#202020", - }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "#ffffff07", - }, - "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", - }, - "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", - }, - "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", - }, - "colorHeaderBackground": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", - }, - "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorIconContrastSecondary": { - "active": "#F4F4F4", - "hover": "#F3F3F3", - "normal": "#f3f3f3", - }, - "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", - }, - "colorIconMedium": { - "active": "#B7B7B7", - "hover": "#B4B4B4", - "normal": "#b1b1b1", - }, - "colorIconMediumAlpha": { - "active": "rgba(246, 246, 246, 0.74)", - "hover": "rgba(246, 246, 246, 0.7000000000000001)", - "normal": "#f6f6f6a8", - }, - "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", - }, - "colorIconPrimary": { - "active": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", - }, - "colorIconPrimaryInvariably": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", - }, - "colorIconSecondary": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", - }, - "colorIconSecondaryAlpha": { - "active": "rgba(246, 246, 246, 0.51)", - "hover": "rgba(246, 246, 246, 0.47000000000000003)", - "normal": "#f6f6f66d", - }, - "colorIconTertiary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5f5f5f", - }, - "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "#ffffff4c", - }, - "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#edb055", - }, - "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", - }, - "colorImagePlaceholder": { - "active": "#3C3C3C", - "hover": "#333333", - "normal": "#2b2b2b", - }, - "colorImagePlaceholderAlpha": { - "active": "rgba(246, 246, 246, 0.16)", - "hover": "rgba(246, 246, 246, 0.12)", - "normal": "#f6f6f614", - }, - "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "#00000066", - }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35000000000000003)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "#00000044", - }, - "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", - }, - "colorSearchFieldBackground": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", - }, - "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", - }, - "colorSeparatorPrimary": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", - }, - "colorSeparatorPrimary2x": { - "active": "#545454", - "hover": "#4C4C4C", - "normal": "#454545", - }, - "colorSeparatorPrimary3x": { - "active": "#606060", - "hover": "#595959", - "normal": "#525252", - }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", - }, - "colorSeparatorSecondary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", - }, - "colorSkeletonFrom": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", - }, - "colorSkeletonTo": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", - }, - "colorStrokeAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorStrokeContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", - }, - "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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)", + }, + }, }, - "colorTabbarTextInactive": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "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)", + }, + }, }, - "colorTextAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title1--line_height--regular", + "value": "var(--vkui--font_display_title1--line_height--regular, 28px)", + }, + }, }, - "colorTextContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--compact", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title2--line_height--regular", + "value": "var(--vkui--font_display_title2--line_height--regular, 26px)", + }, + }, }, - "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title3--line_height--regular", + "value": "var(--vkui--font_display_title3--line_height--regular, 24px)", + }, + }, }, - "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_display_title4--line_height--regular", + "value": "var(--vkui--font_display_title4--line_height--regular, 22px)", + }, + }, }, - "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "fontFamilyAccent": { + "name": "--vkui--font_family_accent", + "value": "var(--vkui--font_family_accent, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, - "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "fontFamilyBase": { + "name": "--vkui--font_family_base", + "value": "var(--vkui--font_family_base, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, - "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "fontFamilyFallbacks": { + "name": "--vkui--font_family_fallbacks", + "value": "var(--vkui--font_family_fallbacks, -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif)", }, - "colorTextMuted": { - "active": "#C9C9C9", - "hover": "#C6C6C6", - "normal": "#c4c4c4", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 16px)", + }, + }, }, - "colorTextNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + "lineHeight": { + "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)", + }, + }, }, - "colorTextPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "colorTextPrimary": { - "active": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "colorTextPrimaryAlpha": { - "active": "rgba(248, 248, 248, 0.8)", - "hover": "rgba(248, 248, 248, 0.76)", - "normal": "#f8f8f8b7", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "colorTextPrimaryInvariably": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", + "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, -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, 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)", + }, + }, }, - "colorTextSecondary": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "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, 16px)", + }, + }, + "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)", + }, + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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)", + }, + }, }, - "colorTextSecondaryAlpha": { - "active": "rgba(250, 250, 250, 0.5)", - "hover": "rgba(250, 250, 250, 0.46)", - "normal": "#fafafa6b", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title1--line_height--regular", + "value": "var(--vkui--font_title1--line_height--regular, 28px)", + }, + }, }, - "colorTextSubhead": { - "active": "#A2A2A2", - "hover": "#9E9E9E", - "normal": "#9a9a9a", + "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, -apple-system, system-ui, "Helvetica Neue", Roboto, 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, 600)", + }, + "lineHeight": { + "name": "--vkui--font_title2--line_height--regular", + "value": "var(--vkui--font_title2--line_height--regular, 24px)", + }, + }, }, - "colorTextTertiary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5f5f5f", + "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, -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, 17px)", + }, + "fontWeight": { + "name": "--vkui--font_title3--font_weight--regular", + "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)", + }, + }, }, - "colorTrackBackground": { - "active": "#555555", - "hover": "#4D4D4D", - "normal": "#464646", + "fontWeightAccent1": { + "name": "--vkui--font_weight_accent1", + "value": "var(--vkui--font_weight_accent1, 600)", }, - "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", + "fontWeightAccent2": { + "name": "--vkui--font_weight_accent2", + "value": "var(--vkui--font_weight_accent2, 500)", }, - "colorTransparent": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "#00000000", + "fontWeightAccent3": { + "name": "--vkui--font_weight_accent3", + "value": "var(--vkui--font_weight_accent3, 400)", }, - "colorWriteBarIcon": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "fontWeightBase1": { + "name": "--vkui--font_weight_base1", + "value": "var(--vkui--font_weight_base1, 600)", }, - "colorWriteBarInputBackground": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "fontWeightBase2": { + "name": "--vkui--font_weight_base2", + "value": "var(--vkui--font_weight_base2, 500)", }, - "colorWriteBarInputBorder": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "fontWeightBase3": { + "name": "--vkui--font_weight_base3", + "value": "var(--vkui--font_weight_base3, 400)", }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "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%)", }, - "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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 400, - "lineHeight": "14px", - }, + "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%)", }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "12px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", - }, + "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%)", }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 400, - "lineHeight": "14px", - }, + "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%)", }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "11px", - "fontWeight": 600, - "lineHeight": "14px", - "textTransform": "uppercase", - }, + "opacityDisable": { + "name": "--vkui--opacity_disable", + "value": "var(--vkui--opacity_disable, 0.4)", }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 400, - "lineHeight": "12px", - }, + "opacityDisableAccessibility": { + "name": "--vkui--opacity_disable_accessibility", + "value": "var(--vkui--opacity_disable_accessibility, 0.64)", }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "9px", - "fontWeight": 600, - "lineHeight": "12px", - "textTransform": "uppercase", + "sizeArrow": { + "auto": { + "name": "--vkui--size_arrow", + "value": "var(--vkui--size_arrow)", }, - }, - "fontDisplayTitle1": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "23px", - "fontWeight": 600, - "lineHeight": "28px", + "name": "--vkui--size_arrow--regular", + "value": "var(--vkui--size_arrow--regular, 8px)", }, }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "22px", - "fontWeight": 600, - "lineHeight": "24px", + "sizeArrowPadding": { + "auto": { + "name": "--vkui--size_arrow_padding", + "value": "var(--vkui--size_arrow_padding)", }, "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "21px", - "fontWeight": 600, - "lineHeight": "26px", + "name": "--vkui--size_arrow_padding--regular", + "value": "var(--vkui--size_arrow_padding--regular, 12px)", }, }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "19px", - "fontWeight": 600, - "lineHeight": "24px", + "sizeArrowPromo": { + "auto": { + "name": "--vkui--size_arrow_promo", + "value": "var(--vkui--size_arrow_promo)", }, - }, - "fontDisplayTitle4": { "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "name": "--vkui--size_arrow_promo--regular", + "value": "var(--vkui--size_arrow_promo--regular, 40px)", }, }, - "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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", + "sizeAvatarL": { + "auto": { + "name": "--vkui--size_avatar_l", + "value": "var(--vkui--size_avatar_l)", }, - }, - "fontFootnoteCaps": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "13px", - "fontWeight": 400, - "lineHeight": "16px", - "textTransform": "uppercase", + "name": "--vkui--size_avatar_l--regular", + "value": "var(--vkui--size_avatar_l--regular, 96px)", }, }, - "fontHeadline": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "sizeAvatarM": { + "auto": { + "name": "--vkui--size_avatar_m", + "value": "var(--vkui--size_avatar_m)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "name": "--vkui--size_avatar_m--regular", + "value": "var(--vkui--size_avatar_m--regular, 48px)", }, }, - "fontHeadline1": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "sizeAvatarS": { + "auto": { + "name": "--vkui--size_avatar_s", + "value": "var(--vkui--size_avatar_s)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 500, - "lineHeight": "20px", + "name": "--vkui--size_avatar_s--regular", + "value": "var(--vkui--size_avatar_s--regular, 32px)", }, }, - "fontHeadline2": { - "compact": { - "fontSize": "14px", - "lineHeight": "20px", + "sizeAvatarXL": { + "auto": { + "name": "--vkui--size_avatar_x_l", + "value": "var(--vkui--size_avatar_x_l)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 500, - "lineHeight": "20px", + "name": "--vkui--size_avatar_x_l--regular", + "value": "var(--vkui--size_avatar_x_l--regular, 128px)", }, }, - "fontParagraph": { + "sizeAvatarXS": { + "auto": { + "name": "--vkui--size_avatar_x_s", + "value": "var(--vkui--size_avatar_x_s)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "15px", - "fontWeight": 400, - "lineHeight": "20px", + "name": "--vkui--size_avatar_x_s--regular", + "value": "var(--vkui--size_avatar_x_s--regular, 24px)", }, }, - "fontSubhead": { - "compact": { - "fontSize": "13px", - "lineHeight": "16px", + "sizeBadgeL": { + "auto": { + "name": "--vkui--size_badge_l", + "value": "var(--vkui--size_badge_l)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "14px", - "fontWeight": 400, - "lineHeight": "18px", + "name": "--vkui--size_badge_l--regular", + "value": "var(--vkui--size_badge_l--regular, 44px)", }, }, - "fontText": { - "compact": { - "fontSize": "15px", - "lineHeight": "20px", + "sizeBadgeM": { + "auto": { + "name": "--vkui--size_badge_m", + "value": "var(--vkui--size_badge_m)", }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "16px", - "fontWeight": 400, - "lineHeight": "20px", + "name": "--vkui--size_badge_m--regular", + "value": "var(--vkui--size_badge_m--regular, 24px)", }, }, - "fontTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "24px", - "fontWeight": 600, - "lineHeight": "28px", + "sizeBadgeS": { + "auto": { + "name": "--vkui--size_badge_s", + "value": "var(--vkui--size_badge_s)", }, - }, - "fontTitle2": { "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "20px", - "fontWeight": 600, - "lineHeight": "24px", + "name": "--vkui--size_badge_s--regular", + "value": "var(--vkui--size_badge_s--regular, 16px)", }, }, - "fontTitle3": { + "sizeBadgeXL": { + "auto": { + "name": "--vkui--size_badge_x_l", + "value": "var(--vkui--size_badge_x_l)", + }, "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": "17px", - "fontWeight": 600, - "lineHeight": "22px", + "name": "--vkui--size_badge_x_l--regular", + "value": "var(--vkui--size_badge_x_l--regular, 56px)", }, }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "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%", - "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%", - "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", - }, - "sizeArrowPadding": { - "regular": "12px", - }, - "sizeArrowPromo": { - "regular": "40px", - }, - "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", + "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)", + }, }, "sizeBasePaddingHorizontal": { - "regular": "12px", + "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, 12px)", + }, }, "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": "10px", + "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, 10px)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "sizeButtonPaddingHorizontal": { - "regular": "12px", + "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": { - "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": "10px", + "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": { - "regular": "8px", + "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": { - "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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)", + }, }, "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": "52px", - "regular": "52px", + "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": { - "compact": "20px", - "regular": "32px", + "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": { - "compact": "16px", - "regular": "24px", + "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": { - "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)", + }, }, "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)", + }, }, "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": "7px", - "regular": "6px", + "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": { - "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": "27px", - "regular": "31px", + "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": { - "compact": "23px", - "regular": "27px", + "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": { - "compact": "47px", - "regular": "51px", + "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": { - "regular": "8px", - }, - "spacingSize2Xl": "16px", - "spacingSize2Xs": "2px", - "spacingSize3Xl": "20px", - "spacingSize3Xs": "2px", - "spacingSize4Xl": "24px", - "spacingSizeL": "10px", - "spacingSizeM": "8px", - "spacingSizeS": "6px", - "spacingSizeXl": "12px", - "spacingSizeXs": "4px", - "themeInheritsFrom": "vkontakteIOSDark", - "themeName": "legoIOSDark", - "themeNameBase": "legoIOS", - "themeType": "pixelify", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.04)", + "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)", + }, }, - "vkontakteButtonMutedBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "spacingSize2Xl": { + "name": "--vkui--spacing_size_2xl", + "value": "var(--vkui--spacing_size_2xl, 16px)", }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "spacingSize2Xs": { + "name": "--vkui--spacing_size_2xs", + "value": "var(--vkui--spacing_size_2xs, 2px)", }, - "vkontakteButtonTertiaryForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "spacingSize3Xl": { + "name": "--vkui--spacing_size_3xl", + "value": "var(--vkui--spacing_size_3xl, 20px)", }, - "vkontakteColorAccentAlternate": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "spacingSize3Xs": { + "name": "--vkui--spacing_size_3xs", + "value": "var(--vkui--spacing_size_3xs, 2px)", }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "spacingSize4Xl": { + "name": "--vkui--spacing_size_4xl", + "value": "var(--vkui--spacing_size_4xl, 24px)", }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "spacingSizeL": { + "name": "--vkui--spacing_size_l", + "value": "var(--vkui--spacing_size_l, 10px)", }, - "vkontakteColorBackgroundKeyboard": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "spacingSizeM": { + "name": "--vkui--spacing_size_m", + "value": "var(--vkui--spacing_size_m, 8px)", }, - "vkontakteColorBackgroundSuggestions": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "spacingSizeS": { + "name": "--vkui--spacing_size_s", + "value": "var(--vkui--spacing_size_s, 6px)", }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "spacingSizeXl": { + "name": "--vkui--spacing_size_xl", + "value": "var(--vkui--spacing_size_xl, 12px)", }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "spacingSizeXs": { + "name": "--vkui--spacing_size_xs", + "value": "var(--vkui--spacing_size_xs, 4px)", }, - "vkontakteColorContentTintForeground": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "themeInheritsFrom": { + "name": "--vkui--theme_inherits_from", + "value": "var(--vkui--theme_inherits_from, vkIOSDark)", }, - "vkontakteColorControlBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "themeName": { + "name": "--vkui--theme_name", + "value": "var(--vkui--theme_name, legoIOSDark)", }, - "vkontakteColorControlForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "themeNameBase": { + "name": "--vkui--theme_name_base", + "value": "var(--vkui--theme_name_base, legoIOS)", }, - "vkontakteColorControlTintMuted": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "themeType": "cssVars", + "zIndexModal": { + "name": "--vkui--z_index_modal", + "value": "var(--vkui--z_index_modal, 99)", }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "zIndexPopout": { + "name": "--vkui--z_index_popout", + "value": "var(--vkui--z_index_popout, 100)", }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", +} +`; + +exports[`shapshots legoIOSDark 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)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, - "vkontakteColorHeaderTabActiveIndicator": { + "colorAccentBlue": { "active": "#60A6F5", "hover": "#59A2F4", "normal": "#529ef4", }, - "vkontakteColorIconName": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13ffd0", }, - "vkontakteColorIconOutlineMedium": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, - "vkontakteColorIconOutlineSecondary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#aff70d", }, - "vkontakteColorImBubbleGiftText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#E5D7B3", - "hover": "#E4D5AF", - "normal": "#E3D3AC", + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", }, - "vkontakteColorImBubbleIncoming": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#ffc062", }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#f45fff", + }, + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#373C5B", - "hover": "#2F3354", - "normal": "#262B4D", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, - "vkontakteColorImBubbleOutgoing": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#6671B9", - "hover": "#606BB6", - "normal": "#5965B3", + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, - "vkontakteColorImForwardLineAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, - "vkontakteColorImTextName": { + "colorActionSheetText": { "active": "#60A6F5", "hover": "#59A2F4", - "normal": "#529EF4", - }, - "vkontakteColorInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "normal": "#529ef4", }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", }, - "vkontakteColorLoaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", }, - "vkontakteColorLoaderTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, - "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "colorBackgroundAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "vkontakteColorModalCardHeaderClose": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "vkontakteColorMusicPlaybackIcon": { + "colorBackgroundAccentThemed": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "vkontakteColorPanelTabActiveText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "colorBackgroundContent": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, - "vkontakteColorPlaceholderIconTint": { + "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "vkontakteColorPollOptionBackground": { + "colorBackgroundContrast": { "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", + "colorBackgroundContrastInverse": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "vkontakteColorSnippetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", }, - "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "colorBackgroundContrastThemed": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "vkontakteColorSplashScreenIcon": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1c3954", }, - "vkontakteColorStatusBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "colorBackgroundModal": { + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", }, - "vkontakteColorTabbarActiveIcon": { + "colorBackgroundModalInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "vkontakteColorTabbarBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "colorBackgroundNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "vkontakteColorTabbarInactiveIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "colorBackgroundPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "vkontakteColorTextName": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2e3e2b", }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "colorBackgroundSecondary": { + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", }, - "vkontakteFloatButtonForeground": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", }, - "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "vkontakteImAttachTint": { + "colorBackgroundTertiary": { + "active": "#323232", + "hover": "#292929", + "normal": "#202020", + }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "#ffffff07", + }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", + }, + "colorButtonIcon": { "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", + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#4F588A", - "hover": "#485085", - "normal": "#404980", + "colorFieldBackground": { + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "colorHeaderBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "vkontakteImReplySeparator": { + "colorIconAccentThemed": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", - }, - "vkontakteLandingBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "colorIconContrastSecondary": { + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", }, - "vkontaktePaletteBlack": { + "colorIconContrastThemed": { "active": "#141414", "hover": "#0A0A0A", "normal": "#000000", }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", + "colorIconMedium": { + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", }, - "zIndexModal": 99, - "zIndexPopout": 100, -} -`; - -exports[`shapshots legoIOSDark 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))", - "colorAccentAzure": { - "active": "var(--vkui--color_accent_azure--active, #1482FF)", - "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", - "normal": "var(--vkui--color_accent_azure, #0077ff)", + "colorIconMediumAlpha": { + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", }, - "colorAccentBlue": { - "active": "var(--vkui--color_accent_blue--active, #60A6F5)", - "hover": "var(--vkui--color_accent_blue--hover, #59A2F4)", - "normal": "var(--vkui--color_accent_blue, #529ef4)", + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "colorAccentCyan": { - "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", - "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", - "normal": "var(--vkui--color_accent_cyan, #13ffd0)", + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "colorAccentGray": { - "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", - "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", - "normal": "var(--vkui--color_accent_gray, #a3adb8)", + "colorIconPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, - "colorAccentGreen": { - "active": "var(--vkui--color_accent_green--active, #59B959)", - "hover": "var(--vkui--color_accent_green--hover, #52B652)", - "normal": "var(--vkui--color_accent_green, #4bb34b)", + "colorIconPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, - "colorAccentLime": { - "active": "var(--vkui--color_accent_lime--active, #B5F820)", - "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", - "normal": "var(--vkui--color_accent_lime, #aff70d)", + "colorIconSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, - "colorAccentOrange": { - "active": "var(--vkui--color_accent_orange--active, #FFA814)", - "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", - "normal": "var(--vkui--color_accent_orange, #ffa000)", + "colorIconSecondaryAlpha": { + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", }, - "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)", + "colorIconTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, - "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)", + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "#ffffff4c", }, - "colorAccentPink": { - "active": "var(--vkui--color_accent_pink--active, #F56CFF)", - "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", - "normal": "var(--vkui--color_accent_pink, #f45fff)", + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#edb055", }, - "colorAccentPurple": { - "active": "var(--vkui--color_accent_purple--active, #A18FFF)", - "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", - "normal": "var(--vkui--color_accent_purple, #9985ff)", + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, - "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)", + "colorImagePlaceholder": { + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", }, - "colorAccentRed": { - "active": "var(--vkui--color_accent_red--active, #FF4356)", - "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", - "normal": "var(--vkui--color_accent_red, #ff3347)", + "colorImagePlaceholderAlpha": { + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", }, - "colorAccentSecondary": { - "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", - "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", - "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", + }, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", + }, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", + }, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", + }, + "colorSearchFieldBackground": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", + }, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", + }, + "colorSeparatorPrimary": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, - "colorAccentViolet": { - "active": "var(--vkui--color_accent_violet--active, #B05DFF)", - "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", - "normal": "var(--vkui--color_accent_violet, #a94fff)", + "colorSeparatorPrimary2x": { + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", }, - "colorActionSheetText": { - "active": "var(--vkui--color_action_sheet_text--active, #60A6F5)", - "hover": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", - "normal": "var(--vkui--color_action_sheet_text, #529ef4)", + "colorSeparatorPrimary3x": { + "active": "#606060", + "hover": "#595959", + "normal": "#525252", }, - "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, #00000099)", + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, - "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, #ffffffd8)", + "colorSeparatorSecondary": { + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, - "colorBackground": { - "active": "var(--vkui--color_background--active, #1E1E1E)", - "hover": "var(--vkui--color_background--hover, #141414)", - "normal": "var(--vkui--color_background, #0a0a0a)", + "colorSkeletonFrom": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "colorBackgroundAccent": { - "active": "var(--vkui--color_background_accent--active, #60A6F5)", - "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_background_accent, #529ef4)", + "colorSkeletonTo": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "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)", + "colorStrokeAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "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)", + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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, #ffffff33)", + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "colorBackgroundContent": { - "active": "var(--vkui--color_background_content--active, #2B2B2B)", - "hover": "var(--vkui--color_background_content--hover, #222222)", - "normal": "var(--vkui--color_background_content, #191919)", + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "colorBackgroundContentInverse": { - "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", - "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", + "colorStrokePrimary": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, - "colorBackgroundContrast": { - "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_background_contrast, #FFFFFF)", + "colorTabbarTextInactive": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, - "colorBackgroundContrastInverse": { - "active": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", - "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", - "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", + "colorTextAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "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, #ffffff33)", + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorBackgroundContrastThemed": { - "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", - "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", - "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "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)", + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "colorBackgroundModal": { - "active": "var(--vkui--color_background_modal--active, #2F2F2F)", - "hover": "var(--vkui--color_background_modal--hover, #262626)", - "normal": "var(--vkui--color_background_modal, #1d1d1d)", + "colorTextLink": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "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)", + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorBackgroundNegative": { - "active": "var(--vkui--color_background_negative--active, #FF6969)", - "hover": "var(--vkui--color_background_negative--hover, #FF6363)", - "normal": "var(--vkui--color_background_negative, #ff5c5c)", + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "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)", + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, - "colorBackgroundPositive": { - "active": "var(--vkui--color_background_positive--active, #59B959)", - "hover": "var(--vkui--color_background_positive--hover, #52B652)", - "normal": "var(--vkui--color_background_positive, #4bb34b)", + "colorTextMuted": { + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", }, - "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)", + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "colorBackgroundSecondary": { - "active": "var(--vkui--color_background_secondary--active, #353535)", - "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", - "normal": "var(--vkui--color_background_secondary, #232323)", + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "colorBackgroundSecondaryAlpha": { - "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", - "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", - "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", + "colorTextPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, - "colorBackgroundTertiary": { - "active": "var(--vkui--color_background_tertiary--active, #323232)", - "hover": "var(--vkui--color_background_tertiary--hover, #292929)", - "normal": "var(--vkui--color_background_tertiary, #202020)", + "colorTextPrimaryAlpha": { + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", }, - "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, #ffffff07)", + "colorTextPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, - "colorBackgroundWarning": { - "active": "var(--vkui--color_background_warning--active, #564328)", - "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", - "normal": "var(--vkui--color_background_warning, #473315)", + "colorTextSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, - "colorButtonIcon": { - "active": "var(--vkui--color_button_icon--active, #D7D8DB)", - "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_icon, #FFFFFF)", + "colorTextSecondaryAlpha": { + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", }, - "colorButtonStroke": { - "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", - "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_stroke, #FFFFFF)", + "colorTextSubhead": { + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", }, - "colorButtonText": { - "active": "var(--vkui--color_button_text--active, #D7D8DB)", - "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", - "normal": "var(--vkui--color_button_text, #FFFFFF)", + "colorTextTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, - "colorFieldBackground": { - "active": "var(--vkui--color_field_background--active, #3A3A3A)", - "hover": "var(--vkui--color_field_background--hover, #323232)", - "normal": "var(--vkui--color_field_background, #292929)", + "colorTrackBackground": { + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", }, - "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, #ffffff1e)", + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, - "colorHeaderBackground": { - "active": "var(--vkui--color_header_background--active, #2B2B2B)", - "hover": "var(--vkui--color_header_background--hover, #222222)", - "normal": "var(--vkui--color_header_background, #191919)", + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, - "colorIconAccent": { - "active": "var(--vkui--color_icon_accent--active, #60A6F5)", - "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_icon_accent, #529ef4)", + "colorWriteBarIcon": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "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)", + "colorWriteBarInputBackground": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "colorIconContrast": { - "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", + "colorWriteBarInputBorder": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "colorIconContrastSecondary": { - "active": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", - "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", - "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, - "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)", + "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 400, + "lineHeight": "14px", + }, }, - "colorIconMedium": { - "active": "var(--vkui--color_icon_medium--active, #B7B7B7)", - "hover": "var(--vkui--color_icon_medium--hover, #B4B4B4)", - "normal": "var(--vkui--color_icon_medium, #b1b1b1)", + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "12px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, }, - "colorIconMediumAlpha": { - "active": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", - "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", - "normal": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 400, + "lineHeight": "14px", + }, }, - "colorIconNegative": { - "active": "var(--vkui--color_icon_negative--active, #FF6969)", - "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", - "normal": "var(--vkui--color_icon_negative, #ff5c5c)", + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "11px", + "fontWeight": 600, + "lineHeight": "14px", + "textTransform": "uppercase", + }, }, - "colorIconPositive": { - "active": "var(--vkui--color_icon_positive--active, #59B959)", - "hover": "var(--vkui--color_icon_positive--hover, #52B652)", - "normal": "var(--vkui--color_icon_positive, #4bb34b)", + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 400, + "lineHeight": "12px", + }, }, - "colorIconPrimary": { - "active": "var(--vkui--color_icon_primary--active, #E5E5E5)", - "hover": "var(--vkui--color_icon_primary--hover, #E4E4E4)", - "normal": "var(--vkui--color_icon_primary, #e3e3e3)", + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "9px", + "fontWeight": 600, + "lineHeight": "12px", + "textTransform": "uppercase", + }, }, - "colorIconPrimaryInvariably": { - "active": "var(--vkui--color_icon_primary_invariably--active, #333333)", - "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", - "normal": "var(--vkui--color_icon_primary_invariably, #212121)", + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "23px", + "fontWeight": 600, + "lineHeight": "28px", + }, }, - "colorIconSecondary": { - "active": "var(--vkui--color_icon_secondary--active, #838383)", - "hover": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", - "normal": "var(--vkui--color_icon_secondary, #787878)", + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-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", + "fontSize": "21px", + "fontWeight": 600, + "lineHeight": "26px", + }, }, - "colorIconSecondaryAlpha": { - "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", - "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", - "normal": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "19px", + "fontWeight": 600, + "lineHeight": "24px", + }, }, - "colorIconTertiary": { - "active": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", - "hover": "var(--vkui--color_icon_tertiary--hover, #656565)", - "normal": "var(--vkui--color_icon_tertiary, #5f5f5f)", + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, }, - "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, #ffffff4c)", + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + }, }, - "colorIconWarning": { - "active": "var(--vkui--color_icon_warning--active, #EEB663)", - "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", - "normal": "var(--vkui--color_icon_warning, #edb055)", + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "13px", + "fontWeight": 400, + "lineHeight": "16px", + "textTransform": "uppercase", + }, }, - "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, #ffffff14)", + "fontHeadline": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "colorImagePlaceholder": { - "active": "var(--vkui--color_image_placeholder--active, #3C3C3C)", - "hover": "var(--vkui--color_image_placeholder--hover, #333333)", - "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", + "fontHeadline1": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "colorImagePlaceholderAlpha": { - "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", - "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", - "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", + "fontHeadline2": { + "compact": { + "fontSize": "14px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 500, + "lineHeight": "20px", + }, }, - "colorLinkContrast": { - "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_link_contrast, #FFFFFF)", + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "15px", + "fontWeight": 400, + "lineHeight": "20px", + }, }, - "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, #00000066)", + "fontSubhead": { + "compact": { + "fontSize": "13px", + "lineHeight": "16px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "14px", + "fontWeight": 400, + "lineHeight": "18px", + }, }, - "colorOverlaySecondary": { - "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", - "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", - "normal": "var(--vkui--color_overlay_secondary, #00000044)", + "fontText": { + "compact": { + "fontSize": "15px", + "lineHeight": "20px", + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "16px", + "fontWeight": 400, + "lineHeight": "20px", + }, }, - "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)", + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "24px", + "fontWeight": 600, + "lineHeight": "28px", + }, }, - "colorSearchFieldBackground": { - "active": "var(--vkui--color_search_field_background--active, #474747)", - "hover": "var(--vkui--color_search_field_background--hover, #3F3F3F)", - "normal": "var(--vkui--color_search_field_background, #373737)", + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "20px", + "fontWeight": 600, + "lineHeight": "24px", + }, }, - "colorSegmentedControl": { - "active": "var(--vkui--color_segmented_control--active, #6F6F70)", - "hover": "var(--vkui--color_segmented_control--hover, #68696A)", - "normal": "var(--vkui--color_segmented_control, #626364)", + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": "17px", + "fontWeight": 600, + "lineHeight": "22px", + }, }, - "colorSeparatorPrimary": { - "active": "var(--vkui--color_separator_primary--active, #474747)", - "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", - "normal": "var(--vkui--color_separator_primary, #373737)", + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%", + "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%", + "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", }, - "colorSeparatorPrimary2x": { - "active": "var(--vkui--color_separator_primary2x--active, #545454)", - "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", - "normal": "var(--vkui--color_separator_primary2x, #454545)", + "sizeArrowPadding": { + "regular": "12px", }, - "colorSeparatorPrimary3x": { - "active": "var(--vkui--color_separator_primary3x--active, #606060)", - "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", - "normal": "var(--vkui--color_separator_primary3x, #525252)", + "sizeArrowPromo": { + "regular": "40px", }, - "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, #ffffff1e)", + "sizeAvatarL": { + "regular": "96px", }, - "colorSeparatorSecondary": { - "active": "var(--vkui--color_separator_secondary--active, #272727)", - "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", - "normal": "var(--vkui--color_separator_secondary, #141414)", + "sizeAvatarM": { + "regular": "48px", }, - "colorSkeletonFrom": { - "active": "var(--vkui--color_skeleton_from--active, #3E3E3E)", - "hover": "var(--vkui--color_skeleton_from--hover, #353535)", - "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", + "sizeAvatarS": { + "regular": "32px", }, - "colorSkeletonTo": { - "active": "var(--vkui--color_skeleton_to--active, #3E3E3E)", - "hover": "var(--vkui--color_skeleton_to--hover, #353535)", - "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", + "sizeAvatarXL": { + "regular": "128px", }, - "colorStrokeAccent": { - "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", - "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_stroke_accent, #529ef4)", + "sizeAvatarXS": { + "regular": "24px", }, - "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)", + "sizeBadgeL": { + "regular": "44px", }, - "colorStrokeContrast": { - "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", + "sizeBadgeM": { + "regular": "24px", }, - "colorStrokeNegative": { - "active": "var(--vkui--color_stroke_negative--active, #FF6969)", - "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", - "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", + "sizeBadgeS": { + "regular": "16px", }, - "colorStrokePositive": { - "active": "var(--vkui--color_stroke_positive--active, #59B959)", - "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", - "normal": "var(--vkui--color_stroke_positive, #4bb34b)", + "sizeBadgeXL": { + "regular": "56px", }, - "colorTabbarTextInactive": { - "active": "var(--vkui--color_tabbar_text_inactive--active, #838383)", - "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", - "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", + "sizeBadgeXS": { + "regular": "12px", }, - "colorTextAccent": { - "active": "var(--vkui--color_text_accent--active, #60A6F5)", - "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", - "normal": "var(--vkui--color_text_accent, #529ef4)", + "sizeBasePaddingHorizontal": { + "regular": "12px", }, - "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)", + "sizeBasePaddingVertical": { + "regular": "12px", }, - "colorTextContrast": { - "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", - "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", - "normal": "var(--vkui--color_text_contrast, #FFFFFF)", + "sizeBorder1x": { + "regular": "1px", }, - "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)", + "sizeBorder2x": { + "regular": "0.5px", }, - "colorTextLink": { - "active": "var(--vkui--color_text_link--active, #60A6F5)", - "hover": "var(--vkui--color_text_link--hover, #59A2F4)", - "normal": "var(--vkui--color_text_link, #529ef4)", + "sizeBorder3x": { + "regular": "0.33px", }, - "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)", + "sizeBorderRadius": { + "regular": "10px", }, - "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)", + "sizeBorderRadiusPaper": { + "regular": "12px", }, - "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)", + "sizeBorderRadiusPromo": { + "regular": "20px", }, - "colorTextMuted": { - "active": "var(--vkui--color_text_muted--active, #C9C9C9)", - "hover": "var(--vkui--color_text_muted--hover, #C6C6C6)", - "normal": "var(--vkui--color_text_muted, #c4c4c4)", + "sizeBorderRadiusRounded": { + "regular": "48px", }, - "colorTextNegative": { - "active": "var(--vkui--color_text_negative--active, #FF6969)", - "hover": "var(--vkui--color_text_negative--hover, #FF6363)", - "normal": "var(--vkui--color_text_negative, #ff5c5c)", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "20px", }, - "colorTextPositive": { - "active": "var(--vkui--color_text_positive--active, #59B959)", - "hover": "var(--vkui--color_text_positive--hover, #52B652)", - "normal": "var(--vkui--color_text_positive, #4bb34b)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "16px", }, - "colorTextPrimary": { - "active": "var(--vkui--color_text_primary--active, #E5E5E5)", - "hover": "var(--vkui--color_text_primary--hover, #E4E4E4)", - "normal": "var(--vkui--color_text_primary, #e3e3e3)", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "16px", }, - "colorTextPrimaryAlpha": { - "active": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", - "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", - "normal": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "12px", }, - "colorTextPrimaryInvariably": { - "active": "var(--vkui--color_text_primary_invariably--active, #333333)", - "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", - "normal": "var(--vkui--color_text_primary_invariably, #212121)", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "16px", }, - "colorTextSecondary": { - "active": "var(--vkui--color_text_secondary--active, #838383)", - "hover": "var(--vkui--color_text_secondary--hover, #7D7D7D)", - "normal": "var(--vkui--color_text_secondary, #787878)", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "12px", }, - "colorTextSecondaryAlpha": { - "active": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", - "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", - "normal": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", + "sizeButtonGroupGapMedium": { + "regular": "12px", }, - "colorTextSubhead": { - "active": "var(--vkui--color_text_subhead--active, #A2A2A2)", - "hover": "var(--vkui--color_text_subhead--hover, #9E9E9E)", - "normal": "var(--vkui--color_text_subhead, #9a9a9a)", + "sizeButtonGroupGapSmall": { + "regular": "8px", + }, + "sizeButtonGroupGapSpace": { + "regular": "1px", }, - "colorTextTertiary": { - "active": "var(--vkui--color_text_tertiary--active, #6C6C6C)", - "hover": "var(--vkui--color_text_tertiary--hover, #656565)", - "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", + "sizeButtonLargeHeight": { + "compact": "36px", + "regular": "44px", }, - "colorTrackBackground": { - "active": "var(--vkui--color_track_background--active, #555555)", - "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", - "normal": "var(--vkui--color_track_background, #464646)", + "sizeButtonMediumHeight": { + "compact": "32px", + "regular": "36px", }, - "colorTrackBuffer": { - "active": "var(--vkui--color_track_buffer--active, #4F647D)", - "hover": "var(--vkui--color_track_buffer--hover, #485E78)", - "normal": "var(--vkui--color_track_buffer, #405772)", + "sizeButtonMinimumWidth": { + "regular": "80px", }, - "colorTransparent": { - "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", - "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", - "normal": "var(--vkui--color_transparent, #00000000)", + "sizeButtonPaddingHorizontal": { + "regular": "12px", }, - "colorWriteBarIcon": { - "active": "var(--vkui--color_write_bar_icon--active, #60A6F5)", - "hover": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", - "normal": "var(--vkui--color_write_bar_icon, #529ef4)", + "sizeButtonSmallHeight": { + "compact": "28px", + "regular": "30px", }, - "colorWriteBarInputBackground": { - "active": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", - "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", - "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "16px", }, - "colorWriteBarInputBorder": { - "active": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", - "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", - "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "12px", }, - "colorWriteBarInputBorderAlpha": { - "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.16))", - "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.12))", - "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "12px", }, - "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": { - "regular": { - "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)", - }, + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "8px", }, - "fontCaption1Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", - }, + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "12px", }, - "fontCaption2": { - "regular": { - "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)", - }, + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "8px", }, - "fontCaption2Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", - }, + "sizeCardBorderRadius": { + "regular": "10px", }, - "fontCaption3": { - "regular": { - "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)", - }, + "sizeCardgridPadding": { + "regular": "8px", }, - "fontCaption3Caps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", - }, + "sizeCardgridPaddingVertical": { + "regular": "8px", }, - "fontDisplayTitle1": { - "regular": { - "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)", - }, + "sizeCheckBorderRadius": { + "regular": "4px", }, - "fontDisplayTitle2": { - "compact": { - "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, "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)", - }, + "sizeCheckbox": { + "regular": "16px", }, - "fontDisplayTitle3": { - "regular": { - "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)", - }, + "sizeFieldHeight": { + "compact": "36px", + "regular": "44px", }, - "fontDisplayTitle4": { - "regular": { - "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)", - }, + "sizeFieldHorizontalPadding": { + "regular": "12px", }, - "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": { - "regular": { - "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)", - }, + "sizeFormItemPaddingVertical": { + "regular": "12px", }, - "fontFootnoteCaps": { - "regular": { - "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)", - "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", - }, + "sizeIconUI": { + "regular": "16px", }, - "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)", - "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)", - }, + "sizeLabelHorizontalMargin": { + "regular": "16px", }, - "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, -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)", - }, + "sizeOptionHierarchy": { + "regular": "32px", }, - "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, -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)", - }, + "sizePanelHeaderHeight": { + "compact": "52px", + "regular": "52px", }, - "fontParagraph": { - "regular": { - "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)", - }, + "sizePopupBasePadding": { + "compact": "20px", + "regular": "32px", }, - "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, -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)", - }, + "sizePopupHeaderPadding": { + "compact": "16px", + "regular": "24px", }, - "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, -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)", - }, + "sizePopupLarge": { + "regular": "880px", }, - "fontTitle1": { - "regular": { - "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)", - }, + "sizePopupMedium": { + "regular": "680px", }, - "fontTitle2": { - "regular": { - "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)", - }, + "sizePopupSmall": { + "regular": "430px", }, - "fontTitle3": { - "regular": { - "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)", - }, + "sizeSearchHeight": { + "compact": "32px", + "regular": "36px", }, - "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, 600)", - "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", - "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%)", - "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%)", - "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)", - "sizeArrow": { - "regular": "var(--vkui--size_arrow--regular, 8px)", + "sizeSelectIconPadding": { + "compact": "7px", + "regular": "6px", }, - "sizeArrowPadding": { - "regular": "var(--vkui--size_arrow_padding--regular, 12px)", + "sizeSplitColPaddingHorizontal": { + "regular": "16px", }, - "sizeArrowPromo": { - "regular": "var(--vkui--size_arrow_promo--regular, 40px)", + "sizeSubnavigationBarGap": { + "regular": "8px", }, - "sizeAvatarL": { - "regular": "var(--vkui--size_avatar_l--regular, 96px)", + "sizeSubnavigationBarPaddingVertical": { + "regular": "12px", }, - "sizeAvatarM": { - "regular": "var(--vkui--size_avatar_m--regular, 48px)", + "sizeSwitchHeight": { + "compact": "27px", + "regular": "31px", }, - "sizeAvatarS": { - "regular": "var(--vkui--size_avatar_s--regular, 32px)", + "sizeSwitchPin": { + "compact": "23px", + "regular": "27px", }, - "sizeAvatarXL": { - "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", + "sizeSwitchWidth": { + "compact": "47px", + "regular": "51px", }, - "sizeAvatarXS": { - "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", + "sizeTooltipMargin": { + "regular": "8px", }, - "sizeBadgeL": { - "regular": "var(--vkui--size_badge_l--regular, 44px)", + "spacingSize2Xl": "16px", + "spacingSize2Xs": "2px", + "spacingSize3Xl": "20px", + "spacingSize3Xs": "2px", + "spacingSize4Xl": "24px", + "spacingSizeL": "10px", + "spacingSizeM": "8px", + "spacingSizeS": "6px", + "spacingSizeXl": "12px", + "spacingSizeXs": "4px", + "themeInheritsFrom": "vkIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", + "themeType": "pixelify", + "zIndexModal": 99, + "zIndexPopout": 100, +} +`; + +exports[`shapshots legoIOSDark 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))", + "colorAccentAzure": { + "active": "var(--vkui--color_accent_azure--active, #1482FF)", + "hover": "var(--vkui--color_accent_azure--hover, #0A7CFF)", + "normal": "var(--vkui--color_accent_azure, #0077ff)", }, - "sizeBadgeM": { - "regular": "var(--vkui--size_badge_m--regular, 24px)", + "colorAccentBlue": { + "active": "var(--vkui--color_accent_blue--active, #60A6F5)", + "hover": "var(--vkui--color_accent_blue--hover, #59A2F4)", + "normal": "var(--vkui--color_accent_blue, #529ef4)", }, - "sizeBadgeS": { - "regular": "var(--vkui--size_badge_s--regular, 16px)", + "colorAccentCyan": { + "active": "var(--vkui--color_accent_cyan--active, #26FFD4)", + "hover": "var(--vkui--color_accent_cyan--hover, #1CFFD2)", + "normal": "var(--vkui--color_accent_cyan, #13ffd0)", }, - "sizeBadgeXL": { - "regular": "var(--vkui--size_badge_x_l--regular, 56px)", + "colorAccentGray": { + "active": "var(--vkui--color_accent_gray--active, #AAB4BE)", + "hover": "var(--vkui--color_accent_gray--hover, #A7B0BB)", + "normal": "var(--vkui--color_accent_gray, #a3adb8)", }, - "sizeBadgeXS": { - "regular": "var(--vkui--size_badge_x_s--regular, 12px)", + "colorAccentGreen": { + "active": "var(--vkui--color_accent_green--active, #59B959)", + "hover": "var(--vkui--color_accent_green--hover, #52B652)", + "normal": "var(--vkui--color_accent_green, #4bb34b)", }, - "sizeBasePaddingHorizontal": { - "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", + "colorAccentLime": { + "active": "var(--vkui--color_accent_lime--active, #B5F820)", + "hover": "var(--vkui--color_accent_lime--hover, #B2F717)", + "normal": "var(--vkui--color_accent_lime, #aff70d)", }, - "sizeBasePaddingVertical": { - "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", + "colorAccentOrange": { + "active": "var(--vkui--color_accent_orange--active, #FFA814)", + "hover": "var(--vkui--color_accent_orange--hover, #FFA40A)", + "normal": "var(--vkui--color_accent_orange, #ffa000)", }, - "sizeBorder1x": { - "regular": "var(--vkui--size_border1x--regular, 1px)", + "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)", }, - "sizeBorder2x": { - "regular": "var(--vkui--size_border2x--regular, 0.5px)", + "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)", }, - "sizeBorder3x": { - "regular": "var(--vkui--size_border3x--regular, 0.33px)", + "colorAccentPink": { + "active": "var(--vkui--color_accent_pink--active, #F56CFF)", + "hover": "var(--vkui--color_accent_pink--hover, #F465FF)", + "normal": "var(--vkui--color_accent_pink, #f45fff)", }, - "sizeBorderRadius": { - "regular": "var(--vkui--size_border_radius--regular, 10px)", + "colorAccentPurple": { + "active": "var(--vkui--color_accent_purple--active, #A18FFF)", + "hover": "var(--vkui--color_accent_purple--hover, #9D8AFF)", + "normal": "var(--vkui--color_accent_purple, #9985ff)", }, - "sizeBorderRadiusPaper": { - "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", + "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)", }, - "sizeBorderRadiusPromo": { - "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", + "colorAccentRed": { + "active": "var(--vkui--color_accent_red--active, #FF4356)", + "hover": "var(--vkui--color_accent_red--hover, #FF3B4E)", + "normal": "var(--vkui--color_accent_red, #ff3347)", }, - "sizeBorderRadiusRounded": { - "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", + "colorAccentSecondary": { + "active": "var(--vkui--color_accent_secondary--active, #4E93E2)", + "hover": "var(--vkui--color_accent_secondary--hover, #478FE1)", + "normal": "var(--vkui--color_accent_secondary, #3f8ae0)", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", + "colorAccentViolet": { + "active": "var(--vkui--color_accent_violet--active, #B05DFF)", + "hover": "var(--vkui--color_accent_violet--hover, #AC56FF)", + "normal": "var(--vkui--color_accent_violet, #a94fff)", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", + "colorActionSheetText": { + "active": "var(--vkui--color_action_sheet_text--active, #60A6F5)", + "hover": "var(--vkui--color_action_sheet_text--hover, #59A2F4)", + "normal": "var(--vkui--color_action_sheet_text, #529ef4)", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", + "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, #00000099)", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", + "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, #ffffffd8)", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", + "colorBackground": { + "active": "var(--vkui--color_background--active, #1E1E1E)", + "hover": "var(--vkui--color_background--hover, #141414)", + "normal": "var(--vkui--color_background, #0a0a0a)", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", + "colorBackgroundAccent": { + "active": "var(--vkui--color_background_accent--active, #60A6F5)", + "hover": "var(--vkui--color_background_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_background_accent, #529ef4)", }, - "sizeButtonGroupGapMedium": { - "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", + "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)", }, - "sizeButtonGroupGapSmall": { - "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", + "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)", }, - "sizeButtonGroupGapSpace": { - "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", + "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, #ffffff33)", + }, + "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)", + }, + "colorBackgroundContent": { + "active": "var(--vkui--color_background_content--active, #2B2B2B)", + "hover": "var(--vkui--color_background_content--hover, #222222)", + "normal": "var(--vkui--color_background_content, #191919)", + }, + "colorBackgroundContentInverse": { + "active": "var(--vkui--color_background_content_inverse--active, #D7D8DB)", + "hover": "var(--vkui--color_background_content_inverse--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_content_inverse, #FFFFFF)", }, - "sizeButtonLargeHeight": { - "compact": "var(--vkui--size_button_large_height--compact, 36px)", - "regular": "var(--vkui--size_button_large_height--regular, 44px)", + "colorBackgroundContrast": { + "active": "var(--vkui--color_background_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_background_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_background_contrast, #FFFFFF)", }, - "sizeButtonMediumHeight": { - "compact": "var(--vkui--size_button_medium_height--compact, 32px)", - "regular": "var(--vkui--size_button_medium_height--regular, 36px)", + "colorBackgroundContrastInverse": { + "active": "var(--vkui--color_background_contrast_inverse--active, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_inverse--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_inverse, #2d2d2d)", }, - "sizeButtonMinimumWidth": { - "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", + "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, #ffffff33)", }, - "sizeButtonPaddingHorizontal": { - "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", + "colorBackgroundContrastThemed": { + "active": "var(--vkui--color_background_contrast_themed--active, #3E3E3E)", + "hover": "var(--vkui--color_background_contrast_themed--hover, #353535)", + "normal": "var(--vkui--color_background_contrast_themed, #2d2d2d)", }, - "sizeButtonSmallHeight": { - "compact": "var(--vkui--size_button_small_height--compact, 28px)", - "regular": "var(--vkui--size_button_small_height--regular, 30px)", + "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)", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", + "colorBackgroundModal": { + "active": "var(--vkui--color_background_modal--active, #2F2F2F)", + "hover": "var(--vkui--color_background_modal--hover, #262626)", + "normal": "var(--vkui--color_background_modal, #1d1d1d)", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", + "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)", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", + "colorBackgroundNegative": { + "active": "var(--vkui--color_background_negative--active, #FF6969)", + "hover": "var(--vkui--color_background_negative--hover, #FF6363)", + "normal": "var(--vkui--color_background_negative, #ff5c5c)", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", + "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)", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", + "colorBackgroundPositive": { + "active": "var(--vkui--color_background_positive--active, #59B959)", + "hover": "var(--vkui--color_background_positive--hover, #52B652)", + "normal": "var(--vkui--color_background_positive, #4bb34b)", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", + "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)", }, - "sizeCardBorderRadius": { - "regular": "var(--vkui--size_card_border_radius--regular, 10px)", + "colorBackgroundSecondary": { + "active": "var(--vkui--color_background_secondary--active, #353535)", + "hover": "var(--vkui--color_background_secondary--hover, #2C2C2C)", + "normal": "var(--vkui--color_background_secondary, #232323)", }, - "sizeCardgridPadding": { - "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", + "colorBackgroundSecondaryAlpha": { + "active": "var(--vkui--color_background_secondary_alpha--active, rgba(255, 255, 255, 0.18))", + "hover": "var(--vkui--color_background_secondary_alpha--hover, rgba(255, 255, 255, 0.14))", + "normal": "var(--vkui--color_background_secondary_alpha, #ffffff19)", }, - "sizeCardgridPaddingVertical": { - "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", + "colorBackgroundTertiary": { + "active": "var(--vkui--color_background_tertiary--active, #323232)", + "hover": "var(--vkui--color_background_tertiary--hover, #292929)", + "normal": "var(--vkui--color_background_tertiary, #202020)", }, - "sizeCheckBorderRadius": { - "regular": "var(--vkui--size_check_border_radius--regular, 4px)", + "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, #ffffff07)", }, - "sizeCheckbox": { - "regular": "var(--vkui--size_checkbox--regular, 16px)", + "colorBackgroundWarning": { + "active": "var(--vkui--color_background_warning--active, #564328)", + "hover": "var(--vkui--color_background_warning--hover, #4E3B1E)", + "normal": "var(--vkui--color_background_warning, #473315)", }, - "sizeFieldHeight": { - "compact": "var(--vkui--size_field_height--compact, 36px)", - "regular": "var(--vkui--size_field_height--regular, 44px)", + "colorButtonIcon": { + "active": "var(--vkui--color_button_icon--active, #D7D8DB)", + "hover": "var(--vkui--color_button_icon--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_icon, #FFFFFF)", }, - "sizeFieldHorizontalPadding": { - "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", + "colorButtonStroke": { + "active": "var(--vkui--color_button_stroke--active, #D7D8DB)", + "hover": "var(--vkui--color_button_stroke--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_stroke, #FFFFFF)", }, - "sizeFormItemPaddingVertical": { - "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", + "colorButtonText": { + "active": "var(--vkui--color_button_text--active, #D7D8DB)", + "hover": "var(--vkui--color_button_text--hover, #EBEDF0)", + "normal": "var(--vkui--color_button_text, #FFFFFF)", }, - "sizeIconUI": { - "regular": "var(--vkui--size_icon_u_i--regular, 16px)", + "colorFieldBackground": { + "active": "var(--vkui--color_field_background--active, #3A3A3A)", + "hover": "var(--vkui--color_field_background--hover, #323232)", + "normal": "var(--vkui--color_field_background, #292929)", }, - "sizeLabelHorizontalMargin": { - "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", + "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, #ffffff1e)", }, - "sizeOptionHierarchy": { - "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", + "colorHeaderBackground": { + "active": "var(--vkui--color_header_background--active, #2B2B2B)", + "hover": "var(--vkui--color_header_background--hover, #222222)", + "normal": "var(--vkui--color_header_background, #191919)", }, - "sizePanelHeaderHeight": { - "compact": "var(--vkui--size_panel_header_height--compact, 52px)", - "regular": "var(--vkui--size_panel_header_height--regular, 52px)", + "colorIconAccent": { + "active": "var(--vkui--color_icon_accent--active, #60A6F5)", + "hover": "var(--vkui--color_icon_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_icon_accent, #529ef4)", }, - "sizePopupBasePadding": { - "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", - "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", + "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)", }, - "sizePopupHeaderPadding": { - "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", - "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", + "colorIconContrast": { + "active": "var(--vkui--color_icon_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_icon_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_icon_contrast, #FFFFFF)", }, - "sizePopupLarge": { - "regular": "var(--vkui--size_popup_large--regular, 880px)", + "colorIconContrastSecondary": { + "active": "var(--vkui--color_icon_contrast_secondary--active, #F4F4F4)", + "hover": "var(--vkui--color_icon_contrast_secondary--hover, #F3F3F3)", + "normal": "var(--vkui--color_icon_contrast_secondary, #f3f3f3)", }, - "sizePopupMedium": { - "regular": "var(--vkui--size_popup_medium--regular, 680px)", + "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)", }, - "sizePopupSmall": { - "regular": "var(--vkui--size_popup_small--regular, 430px)", + "colorIconMedium": { + "active": "var(--vkui--color_icon_medium--active, #B7B7B7)", + "hover": "var(--vkui--color_icon_medium--hover, #B4B4B4)", + "normal": "var(--vkui--color_icon_medium, #b1b1b1)", }, - "sizeSearchHeight": { - "compact": "var(--vkui--size_search_height--compact, 32px)", - "regular": "var(--vkui--size_search_height--regular, 36px)", + "colorIconMediumAlpha": { + "active": "var(--vkui--color_icon_medium_alpha--active, rgba(246, 246, 246, 0.74))", + "hover": "var(--vkui--color_icon_medium_alpha--hover, rgba(246, 246, 246, 0.7000000000000001))", + "normal": "var(--vkui--color_icon_medium_alpha, #f6f6f6a8)", }, - "sizeSelectIconPadding": { - "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", - "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", + "colorIconNegative": { + "active": "var(--vkui--color_icon_negative--active, #FF6969)", + "hover": "var(--vkui--color_icon_negative--hover, #FF6363)", + "normal": "var(--vkui--color_icon_negative, #ff5c5c)", }, - "sizeSplitColPaddingHorizontal": { - "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", + "colorIconPositive": { + "active": "var(--vkui--color_icon_positive--active, #59B959)", + "hover": "var(--vkui--color_icon_positive--hover, #52B652)", + "normal": "var(--vkui--color_icon_positive, #4bb34b)", }, - "sizeSubnavigationBarGap": { - "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", + "colorIconPrimary": { + "active": "var(--vkui--color_icon_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_icon_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_icon_primary, #e3e3e3)", }, - "sizeSubnavigationBarPaddingVertical": { - "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", + "colorIconPrimaryInvariably": { + "active": "var(--vkui--color_icon_primary_invariably--active, #333333)", + "hover": "var(--vkui--color_icon_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_icon_primary_invariably, #212121)", }, - "sizeSwitchHeight": { - "compact": "var(--vkui--size_switch_height--compact, 27px)", - "regular": "var(--vkui--size_switch_height--regular, 31px)", + "colorIconSecondary": { + "active": "var(--vkui--color_icon_secondary--active, #838383)", + "hover": "var(--vkui--color_icon_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_icon_secondary, #787878)", }, - "sizeSwitchPin": { - "compact": "var(--vkui--size_switch_pin--compact, 23px)", - "regular": "var(--vkui--size_switch_pin--regular, 27px)", + "colorIconSecondaryAlpha": { + "active": "var(--vkui--color_icon_secondary_alpha--active, rgba(246, 246, 246, 0.51))", + "hover": "var(--vkui--color_icon_secondary_alpha--hover, rgba(246, 246, 246, 0.47000000000000003))", + "normal": "var(--vkui--color_icon_secondary_alpha, #f6f6f66d)", }, - "sizeSwitchWidth": { - "compact": "var(--vkui--size_switch_width--compact, 47px)", - "regular": "var(--vkui--size_switch_width--regular, 51px)", + "colorIconTertiary": { + "active": "var(--vkui--color_icon_tertiary--active, #6C6C6C)", + "hover": "var(--vkui--color_icon_tertiary--hover, #656565)", + "normal": "var(--vkui--color_icon_tertiary, #5f5f5f)", }, - "sizeTooltipMargin": { - "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", + "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, #ffffff4c)", }, - "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, vkontakteIOSDark)", - "themeName": "var(--vkui--theme_name, legoIOSDark)", - "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", - "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))", + "colorIconWarning": { + "active": "var(--vkui--color_icon_warning--active, #EEB663)", + "hover": "var(--vkui--color_icon_warning--hover, #EEB35C)", + "normal": "var(--vkui--color_icon_warning, #edb055)", }, - "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)", + "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, #ffffff14)", }, - "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))", + "colorImagePlaceholder": { + "active": "var(--vkui--color_image_placeholder--active, #3C3C3C)", + "hover": "var(--vkui--color_image_placeholder--hover, #333333)", + "normal": "var(--vkui--color_image_placeholder, #2b2b2b)", }, - "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)", + "colorImagePlaceholderAlpha": { + "active": "var(--vkui--color_image_placeholder_alpha--active, rgba(246, 246, 246, 0.16))", + "hover": "var(--vkui--color_image_placeholder_alpha--hover, rgba(246, 246, 246, 0.12))", + "normal": "var(--vkui--color_image_placeholder_alpha, #f6f6f614)", }, - "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)", + "colorLinkContrast": { + "active": "var(--vkui--color_link_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_link_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_link_contrast, #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))", + "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, #00000066)", }, - "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)", + "colorOverlaySecondary": { + "active": "var(--vkui--color_overlay_secondary--active, rgba(0, 0, 0, 0.35000000000000003))", + "hover": "var(--vkui--color_overlay_secondary--hover, rgba(0, 0, 0, 0.31))", + "normal": "var(--vkui--color_overlay_secondary, #00000044)", }, - "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)", + "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)", }, - "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)", + "colorSearchFieldBackground": { + "active": "var(--vkui--color_search_field_background--active, #474747)", + "hover": "var(--vkui--color_search_field_background--hover, #3F3F3F)", + "normal": "var(--vkui--color_search_field_background, #373737)", }, - "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))", + "colorSegmentedControl": { + "active": "var(--vkui--color_segmented_control--active, #6F6F70)", + "hover": "var(--vkui--color_segmented_control--hover, #68696A)", + "normal": "var(--vkui--color_segmented_control, #626364)", }, - "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)", + "colorSeparatorPrimary": { + "active": "var(--vkui--color_separator_primary--active, #474747)", + "hover": "var(--vkui--color_separator_primary--hover, #3F3F3F)", + "normal": "var(--vkui--color_separator_primary, #373737)", }, - "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)", + "colorSeparatorPrimary2x": { + "active": "var(--vkui--color_separator_primary2x--active, #545454)", + "hover": "var(--vkui--color_separator_primary2x--hover, #4C4C4C)", + "normal": "var(--vkui--color_separator_primary2x, #454545)", }, - "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)", + "colorSeparatorPrimary3x": { + "active": "var(--vkui--color_separator_primary3x--active, #606060)", + "hover": "var(--vkui--color_separator_primary3x--hover, #595959)", + "normal": "var(--vkui--color_separator_primary3x, #525252)", }, - "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)", + "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, #ffffff1e)", }, - "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)", + "colorSeparatorSecondary": { + "active": "var(--vkui--color_separator_secondary--active, #272727)", + "hover": "var(--vkui--color_separator_secondary--hover, #1D1D1D)", + "normal": "var(--vkui--color_separator_secondary, #141414)", }, - "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)", + "colorSkeletonFrom": { + "active": "var(--vkui--color_skeleton_from--active, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_from--hover, #353535)", + "normal": "var(--vkui--color_skeleton_from, #2d2d2d)", }, - "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)", + "colorSkeletonTo": { + "active": "var(--vkui--color_skeleton_to--active, #3E3E3E)", + "hover": "var(--vkui--color_skeleton_to--hover, #353535)", + "normal": "var(--vkui--color_skeleton_to, #2d2d2d)", }, - "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)", + "colorStrokeAccent": { + "active": "var(--vkui--color_stroke_accent--active, #60A6F5)", + "hover": "var(--vkui--color_stroke_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_stroke_accent, #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)", + "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)", }, - "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)", + "colorStrokeContrast": { + "active": "var(--vkui--color_stroke_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_stroke_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_stroke_contrast, #FFFFFF)", }, - "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)", + "colorStrokeNegative": { + "active": "var(--vkui--color_stroke_negative--active, #FF6969)", + "hover": "var(--vkui--color_stroke_negative--hover, #FF6363)", + "normal": "var(--vkui--color_stroke_negative, #ff5c5c)", }, - "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))", + "colorStrokePositive": { + "active": "var(--vkui--color_stroke_positive--active, #59B959)", + "hover": "var(--vkui--color_stroke_positive--hover, #52B652)", + "normal": "var(--vkui--color_stroke_positive, #4bb34b)", }, - "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)", + "colorStrokePrimary": { + "active": "var(--vkui--color_stroke_primary--active, #333333)", + "hover": "var(--vkui--color_stroke_primary--hover, #2A2A2A)", + "normal": "var(--vkui--color_stroke_primary, #212121)", }, - "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)", + "colorTabbarTextInactive": { + "active": "var(--vkui--color_tabbar_text_inactive--active, #838383)", + "hover": "var(--vkui--color_tabbar_text_inactive--hover, #7D7D7D)", + "normal": "var(--vkui--color_tabbar_text_inactive, #787878)", }, - "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)", + "colorTextAccent": { + "active": "var(--vkui--color_text_accent--active, #60A6F5)", + "hover": "var(--vkui--color_text_accent--hover, #59A2F4)", + "normal": "var(--vkui--color_text_accent, #529ef4)", }, - "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)", + "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)", }, - "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)", + "colorTextContrast": { + "active": "var(--vkui--color_text_contrast--active, #D7D8DB)", + "hover": "var(--vkui--color_text_contrast--hover, #EBEDF0)", + "normal": "var(--vkui--color_text_contrast, #FFFFFF)", }, - "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)", + "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)", }, - "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)", + "colorTextLink": { + "active": "var(--vkui--color_text_link--active, #60A6F5)", + "hover": "var(--vkui--color_text_link--hover, #59A2F4)", + "normal": "var(--vkui--color_text_link, #529ef4)", }, - "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))", + "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)", }, - "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)", + "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)", }, - "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)", + "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)", + }, + "colorTextMuted": { + "active": "var(--vkui--color_text_muted--active, #C9C9C9)", + "hover": "var(--vkui--color_text_muted--hover, #C6C6C6)", + "normal": "var(--vkui--color_text_muted, #c4c4c4)", + }, + "colorTextNegative": { + "active": "var(--vkui--color_text_negative--active, #FF6969)", + "hover": "var(--vkui--color_text_negative--hover, #FF6363)", + "normal": "var(--vkui--color_text_negative, #ff5c5c)", }, - "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))", + "colorTextPositive": { + "active": "var(--vkui--color_text_positive--active, #59B959)", + "hover": "var(--vkui--color_text_positive--hover, #52B652)", + "normal": "var(--vkui--color_text_positive, #4bb34b)", }, - "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)", + "colorTextPrimary": { + "active": "var(--vkui--color_text_primary--active, #E5E5E5)", + "hover": "var(--vkui--color_text_primary--hover, #E4E4E4)", + "normal": "var(--vkui--color_text_primary, #e3e3e3)", }, - "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)", + "colorTextPrimaryAlpha": { + "active": "var(--vkui--color_text_primary_alpha--active, rgba(248, 248, 248, 0.8))", + "hover": "var(--vkui--color_text_primary_alpha--hover, rgba(248, 248, 248, 0.76))", + "normal": "var(--vkui--color_text_primary_alpha, #f8f8f8b7)", }, - "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))", + "colorTextPrimaryInvariably": { + "active": "var(--vkui--color_text_primary_invariably--active, #333333)", + "hover": "var(--vkui--color_text_primary_invariably--hover, #2A2A2A)", + "normal": "var(--vkui--color_text_primary_invariably, #212121)", }, - "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)", + "colorTextSecondary": { + "active": "var(--vkui--color_text_secondary--active, #838383)", + "hover": "var(--vkui--color_text_secondary--hover, #7D7D7D)", + "normal": "var(--vkui--color_text_secondary, #787878)", }, - "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)", + "colorTextSecondaryAlpha": { + "active": "var(--vkui--color_text_secondary_alpha--active, rgba(250, 250, 250, 0.5))", + "hover": "var(--vkui--color_text_secondary_alpha--hover, rgba(250, 250, 250, 0.46))", + "normal": "var(--vkui--color_text_secondary_alpha, #fafafa6b)", }, - "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)", + "colorTextSubhead": { + "active": "var(--vkui--color_text_subhead--active, #A2A2A2)", + "hover": "var(--vkui--color_text_subhead--hover, #9E9E9E)", + "normal": "var(--vkui--color_text_subhead, #9a9a9a)", }, - "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)", + "colorTextTertiary": { + "active": "var(--vkui--color_text_tertiary--active, #6C6C6C)", + "hover": "var(--vkui--color_text_tertiary--hover, #656565)", + "normal": "var(--vkui--color_text_tertiary, #5f5f5f)", }, - "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)", + "colorTrackBackground": { + "active": "var(--vkui--color_track_background--active, #555555)", + "hover": "var(--vkui--color_track_background--hover, #4D4D4D)", + "normal": "var(--vkui--color_track_background, #464646)", }, - "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)", + "colorTrackBuffer": { + "active": "var(--vkui--color_track_buffer--active, #4F647D)", + "hover": "var(--vkui--color_track_buffer--hover, #485E78)", + "normal": "var(--vkui--color_track_buffer, #405772)", }, - "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)", + "colorTransparent": { + "active": "var(--vkui--color_transparent--active, rgba(0, 0, 0, 0.08))", + "hover": "var(--vkui--color_transparent--hover, rgba(0, 0, 0, 0.04))", + "normal": "var(--vkui--color_transparent, #00000000)", }, - "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)", + "colorWriteBarIcon": { + "active": "var(--vkui--color_write_bar_icon--active, #60A6F5)", + "hover": "var(--vkui--color_write_bar_icon--hover, #59A2F4)", + "normal": "var(--vkui--color_write_bar_icon, #529ef4)", }, - "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)", + "colorWriteBarInputBackground": { + "active": "var(--vkui--color_write_bar_input_background--active, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_background--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_background, #2d2d2d)", }, - "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)", + "colorWriteBarInputBorder": { + "active": "var(--vkui--color_write_bar_input_border--active, #3E3E3E)", + "hover": "var(--vkui--color_write_bar_input_border--hover, #353535)", + "normal": "var(--vkui--color_write_bar_input_border, #2d2d2d)", }, - "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)", + "colorWriteBarInputBorderAlpha": { + "active": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.16))", + "hover": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.12))", + "normal": "var(--vkui--color_write_bar_input_border_alpha, #ffffff14)", }, - "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))", + "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": { + "regular": { + "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)", + }, }, - "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)", + "fontCaption1Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption1_caps--text_transform--regular, uppercase)", + }, }, - "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)", + "fontCaption2": { + "regular": { + "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)", + }, }, - "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)", + "fontCaption2Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption2_caps--text_transform--regular, uppercase)", + }, }, - "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)", + "fontCaption3": { + "regular": { + "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)", + }, }, - "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)", + "fontCaption3Caps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_caption3_caps--text_transform--regular, uppercase)", + }, }, - "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)", + "fontDisplayTitle1": { + "regular": { + "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)", + }, }, - "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)", + "fontDisplayTitle2": { + "compact": { + "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, -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)", + }, }, - "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)", + "fontDisplayTitle3": { + "regular": { + "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)", + }, }, - "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)", + "fontDisplayTitle4": { + "regular": { + "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, -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, 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)", + }, }, - "vkontakteGradientAquamarineBlue": "var(--vkui--vkontakte_gradient_aquamarine_blue, rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%)", - "vkontakteGradientBlue": "var(--vkui--vkontakte_gradient_blue, rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%)", - "vkontakteGradientCandy": "var(--vkui--vkontakte_gradient_candy, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientCrimson": "var(--vkui--vkontakte_gradient_crimson, rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%)", - "vkontakteGradientDisco": "var(--vkui--vkontakte_gradient_disco, rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%)", - "vkontakteGradientEmerald": "var(--vkui--vkontakte_gradient_emerald, rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%)", - "vkontakteGradientFrost": "var(--vkui--vkontakte_gradient_frost, rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%)", - "vkontakteGradientGray": "var(--vkui--vkontakte_gradient_gray, rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%)", - "vkontakteGradientGreen": "var(--vkui--vkontakte_gradient_green, rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%)", - "vkontakteGradientHalloweenOrange": "var(--vkui--vkontakte_gradient_halloween_orange, rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%)", - "vkontakteGradientHalloweenViolet": "var(--vkui--vkontakte_gradient_halloween_violet, rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%)", - "vkontakteGradientLagoon": "var(--vkui--vkontakte_gradient_lagoon, rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%)", - "vkontakteGradientLavender": "var(--vkui--vkontakte_gradient_lavender, rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%)", - "vkontakteGradientMable": "var(--vkui--vkontakte_gradient_mable, rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%)", - "vkontakteGradientMarine": "var(--vkui--vkontakte_gradient_marine, rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%)", - "vkontakteGradientMidnight": "var(--vkui--vkontakte_gradient_midnight, rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%)", - "vkontakteGradientNewYear": "var(--vkui--vkontakte_gradient_new_year, rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%)", - "vkontakteGradientOrange": "var(--vkui--vkontakte_gradient_orange, rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%)", - "vkontakteGradientPink": "var(--vkui--vkontakte_gradient_pink, rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientPurple": "var(--vkui--vkontakte_gradient_purple, rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%)", - "vkontakteGradientRaspberryPink": "var(--vkui--vkontakte_gradient_raspberry_pink, rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%)", - "vkontakteGradientRed": "var(--vkui--vkontakte_gradient_red, rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%)", - "vkontakteGradientRetrowave": "var(--vkui--vkontakte_gradient_retrowave, rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%)", - "vkontakteGradientSberkot": "var(--vkui--vkontakte_gradient_sberkot, rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%)", - "vkontakteGradientSunset": "var(--vkui--vkontakte_gradient_sunset, rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%)", - "vkontakteGradientTurquoise": "var(--vkui--vkontakte_gradient_turquoise, rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%)", - "vkontakteGradientTwilight": "var(--vkui--vkontakte_gradient_twilight, rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%)", - "vkontakteGradientUnicorn": "var(--vkui--vkontakte_gradient_unicorn, rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%)", - "vkontakteGradientValentine": "var(--vkui--vkontakte_gradient_valentine, rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%)", - "vkontakteGradientViolet": "var(--vkui--vkontakte_gradient_violet, rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%)", - "vkontakteGradientWarmValentine": "var(--vkui--vkontakte_gradient_warm_valentine, rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%)", - "vkontakteGradientWomensDay": "var(--vkui--vkontakte_gradient_womens_day, rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%)", - "vkontakteGradientYellow": "var(--vkui--vkontakte_gradient_yellow, rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%)", - "vkontakteGradientYellowBright": "var(--vkui--vkontakte_gradient_yellow_bright, rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%)", - "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)", + "fontFootnoteCaps": { + "regular": { + "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)", + "textTransform": "var(--vkui--font_footnote_caps--text_transform--regular, uppercase)", + }, }, - "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)", + "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)", + "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)", + }, }, - "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))", + "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, -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)", + }, }, - "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)", + "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, -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)", + }, }, - "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)", + "fontParagraph": { + "regular": { + "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)", + }, }, - "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)", + "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, -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)", + }, }, - "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)", + "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, -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)", + }, }, - "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)", + "fontTitle1": { + "regular": { + "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)", + }, }, - "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)", + "fontTitle2": { + "regular": { + "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)", + }, }, - "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)", + "fontTitle3": { + "regular": { + "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)", + }, }, - "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)", + "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, 600)", + "fontWeightBase2": "var(--vkui--font_weight_base2, 500)", + "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%)", + "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%)", + "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)", + "sizeArrow": { + "regular": "var(--vkui--size_arrow--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)", + "sizeArrowPadding": { + "regular": "var(--vkui--size_arrow_padding--regular, 12px)", }, - "vkontakteLandingBackground": { - "active": "var(--vkui--vkontakte_landing_background--active, #2B2B2C)", - "hover": "var(--vkui--vkontakte_landing_background--hover, #222223)", - "normal": "var(--vkui--vkontakte_landing_background, #19191a)", + "sizeArrowPromo": { + "regular": "var(--vkui--size_arrow_promo--regular, 40px)", }, - "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))", + "sizeAvatarL": { + "regular": "var(--vkui--size_avatar_l--regular, 96px)", }, - "vkontaktePaletteBlack": { - "active": "var(--vkui--vkontakte_palette_black--active, #141414)", - "hover": "var(--vkui--vkontakte_palette_black--hover, #0A0A0A)", - "normal": "var(--vkui--vkontakte_palette_black, #000000)", + "sizeAvatarM": { + "regular": "var(--vkui--size_avatar_m--regular, 48px)", }, - "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)", + "sizeAvatarS": { + "regular": "var(--vkui--size_avatar_s--regular, 32px)", }, - "zIndexModal": "var(--vkui--z_index_modal, 99)", - "zIndexPopout": "var(--vkui--z_index_popout, 100)", -} -`; - -exports[`shapshots legoIOSDark 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)", - "colorAccentAzure": { - "active": "#1482FF", - "hover": "#0A7CFF", - "normal": "#0077ff", + "sizeAvatarXL": { + "regular": "var(--vkui--size_avatar_x_l--regular, 128px)", }, - "colorAccentBlue": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "sizeAvatarXS": { + "regular": "var(--vkui--size_avatar_x_s--regular, 24px)", }, - "colorAccentCyan": { - "active": "#26FFD4", - "hover": "#1CFFD2", - "normal": "#13ffd0", + "sizeBadgeL": { + "regular": "var(--vkui--size_badge_l--regular, 44px)", }, - "colorAccentGray": { - "active": "#AAB4BE", - "hover": "#A7B0BB", - "normal": "#a3adb8", + "sizeBadgeM": { + "regular": "var(--vkui--size_badge_m--regular, 24px)", }, - "colorAccentGreen": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "sizeBadgeS": { + "regular": "var(--vkui--size_badge_s--regular, 16px)", + }, + "sizeBadgeXL": { + "regular": "var(--vkui--size_badge_x_l--regular, 56px)", }, - "colorAccentLime": { - "active": "#B5F820", - "hover": "#B2F717", - "normal": "#aff70d", + "sizeBadgeXS": { + "regular": "var(--vkui--size_badge_x_s--regular, 12px)", }, - "colorAccentOrange": { - "active": "#FFA814", - "hover": "#FFA40A", - "normal": "#ffa000", + "sizeBasePaddingHorizontal": { + "regular": "var(--vkui--size_base_padding_horizontal--regular, 12px)", }, - "colorAccentOrangeFire": { - "active": "#F16953", - "hover": "#F1634B", - "normal": "#f05c44", + "sizeBasePaddingVertical": { + "regular": "var(--vkui--size_base_padding_vertical--regular, 12px)", }, - "colorAccentOrangePeach": { - "active": "#FFC56F", - "hover": "#FFC368", - "normal": "#ffc062", + "sizeBorder1x": { + "regular": "var(--vkui--size_border1x--regular, 1px)", }, - "colorAccentPink": { - "active": "#F56CFF", - "hover": "#F465FF", - "normal": "#f45fff", + "sizeBorder2x": { + "regular": "var(--vkui--size_border2x--regular, 0.5px)", }, - "colorAccentPurple": { - "active": "#A18FFF", - "hover": "#9D8AFF", - "normal": "#9985ff", + "sizeBorder3x": { + "regular": "var(--vkui--size_border3x--regular, 0.33px)", }, - "colorAccentRaspberryPink": { - "active": "#F16DC5", - "hover": "#F166C3", - "normal": "#f060c0", + "sizeBorderRadius": { + "regular": "var(--vkui--size_border_radius--regular, 10px)", }, - "colorAccentRed": { - "active": "#FF4356", - "hover": "#FF3B4E", - "normal": "#ff3347", + "sizeBorderRadiusPaper": { + "regular": "var(--vkui--size_border_radius_paper--regular, 12px)", }, - "colorAccentSecondary": { - "active": "#4E93E2", - "hover": "#478FE1", - "normal": "#3f8ae0", + "sizeBorderRadiusPromo": { + "regular": "var(--vkui--size_border_radius_promo--regular, 20px)", }, - "colorAccentViolet": { - "active": "#B05DFF", - "hover": "#AC56FF", - "normal": "#a94fff", + "sizeBorderRadiusRounded": { + "regular": "var(--vkui--size_border_radius_rounded--regular, 48px)", }, - "colorActionSheetText": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal--regular, 20px)", }, - "colorAvatarOverlay": { - "active": "rgba(0, 0, 0, 0.68)", - "hover": "rgba(0, 0, 0, 0.64)", - "normal": "#00000099", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_large_padding_horizontal_icon--regular, 16px)", }, - "colorAvatarOverlayInverseAlpha": { - "active": "rgba(255, 255, 255, 0.93)", - "hover": "rgba(255, 255, 255, 0.89)", - "normal": "#ffffffd8", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal--regular, 16px)", }, - "colorBackground": { - "active": "#1E1E1E", - "hover": "#141414", - "normal": "#0a0a0a", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_medium_padding_horizontal_icon--regular, 12px)", }, - "colorBackgroundAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal--regular, 16px)", }, - "colorBackgroundAccentAlternative": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_base_small_padding_horizontal_icon--regular, 12px)", }, - "colorBackgroundAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonGroupGapMedium": { + "regular": "var(--vkui--size_button_group_gap_medium--regular, 12px)", }, - "colorBackgroundAccentThemedAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "sizeButtonGroupGapSmall": { + "regular": "var(--vkui--size_button_group_gap_small--regular, 8px)", }, - "colorBackgroundAccentTint": { - "active": "#67A6FF", - "hover": "#61A2FF", - "normal": "#5a9eff", + "sizeButtonGroupGapSpace": { + "regular": "var(--vkui--size_button_group_gap_space--regular, 1px)", }, - "colorBackgroundContent": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "sizeButtonLargeHeight": { + "compact": "var(--vkui--size_button_large_height--compact, 36px)", + "regular": "var(--vkui--size_button_large_height--regular, 44px)", }, - "colorBackgroundContentInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonMediumHeight": { + "compact": "var(--vkui--size_button_medium_height--compact, 32px)", + "regular": "var(--vkui--size_button_medium_height--regular, 36px)", }, - "colorBackgroundContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonMinimumWidth": { + "regular": "var(--vkui--size_button_minimum_width--regular, 80px)", }, - "colorBackgroundContrastInverse": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "sizeButtonPaddingHorizontal": { + "regular": "var(--vkui--size_button_padding_horizontal--regular, 12px)", }, - "colorBackgroundContrastSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "#ffffff33", + "sizeButtonSmallHeight": { + "compact": "var(--vkui--size_button_small_height--compact, 28px)", + "regular": "var(--vkui--size_button_small_height--regular, 30px)", }, - "colorBackgroundContrastThemed": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal--regular, 16px)", }, - "colorBackgroundInfoTint": { - "active": "#2E4962", - "hover": "#25415B", - "normal": "#1c3954", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular, 12px)", }, - "colorBackgroundModal": { - "active": "#2F2F2F", - "hover": "#262626", - "normal": "#1d1d1d", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal--regular, 12px)", }, - "colorBackgroundModalInverse": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular, 8px)", }, - "colorBackgroundNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal--regular, 12px)", }, - "colorBackgroundNegativeTint": { - "active": "#603F3F", - "hover": "#593636", - "normal": "#522e2e", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": "var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular, 8px)", }, - "colorBackgroundPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "sizeCardBorderRadius": { + "regular": "var(--vkui--size_card_border_radius--regular, 10px)", }, - "colorBackgroundPositiveTint": { - "active": "#3F4D3C", - "hover": "#364633", - "normal": "#2e3e2b", + "sizeCardgridPadding": { + "regular": "var(--vkui--size_cardgrid_padding--regular, 8px)", }, - "colorBackgroundSecondary": { - "active": "#353535", - "hover": "#2C2C2C", - "normal": "#232323", + "sizeCardgridPaddingVertical": { + "regular": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)", }, - "colorBackgroundSecondaryAlpha": { - "active": "rgba(255, 255, 255, 0.18)", - "hover": "rgba(255, 255, 255, 0.14)", - "normal": "#ffffff19", + "sizeCheckBorderRadius": { + "regular": "var(--vkui--size_check_border_radius--regular, 4px)", }, - "colorBackgroundTertiary": { - "active": "#323232", - "hover": "#292929", - "normal": "#202020", + "sizeCheckbox": { + "regular": "var(--vkui--size_checkbox--regular, 16px)", }, - "colorBackgroundTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.11)", - "hover": "rgba(255, 255, 255, 0.07)", - "normal": "#ffffff07", + "sizeFieldHeight": { + "compact": "var(--vkui--size_field_height--compact, 36px)", + "regular": "var(--vkui--size_field_height--regular, 44px)", }, - "colorBackgroundWarning": { - "active": "#564328", - "hover": "#4E3B1E", - "normal": "#473315", + "sizeFieldHorizontalPadding": { + "regular": "var(--vkui--size_field_horizontal_padding--regular, 12px)", }, - "colorButtonIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeFormItemPaddingVertical": { + "regular": "var(--vkui--size_form_item_padding_vertical--regular, 12px)", }, - "colorButtonStroke": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeIconUI": { + "regular": "var(--vkui--size_icon_u_i--regular, 16px)", }, - "colorButtonText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeLabelHorizontalMargin": { + "regular": "var(--vkui--size_label_horizontal_margin--regular, 16px)", }, - "colorFieldBackground": { - "active": "#3A3A3A", - "hover": "#323232", - "normal": "#292929", + "sizeOptionHierarchy": { + "regular": "var(--vkui--size_option_hierarchy--regular, 32px)", }, - "colorFieldBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "sizePanelHeaderHeight": { + "compact": "var(--vkui--size_panel_header_height--compact, 52px)", + "regular": "var(--vkui--size_panel_header_height--regular, 52px)", }, - "colorHeaderBackground": { - "active": "#2B2B2B", - "hover": "#222222", - "normal": "#191919", + "sizePopupBasePadding": { + "compact": "var(--vkui--size_popup_base_padding--compact, 20px)", + "regular": "var(--vkui--size_popup_base_padding--regular, 32px)", }, - "colorIconAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "sizePopupHeaderPadding": { + "compact": "var(--vkui--size_popup_header_padding--compact, 16px)", + "regular": "var(--vkui--size_popup_header_padding--regular, 24px)", }, - "colorIconAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizePopupLarge": { + "regular": "var(--vkui--size_popup_large--regular, 880px)", }, - "colorIconContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizePopupMedium": { + "regular": "var(--vkui--size_popup_medium--regular, 680px)", }, - "colorIconContrastSecondary": { - "active": "#F4F4F4", - "hover": "#F3F3F3", - "normal": "#f3f3f3", + "sizePopupSmall": { + "regular": "var(--vkui--size_popup_small--regular, 430px)", }, - "colorIconContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "sizeSearchHeight": { + "compact": "var(--vkui--size_search_height--compact, 32px)", + "regular": "var(--vkui--size_search_height--regular, 36px)", }, - "colorIconMedium": { - "active": "#B7B7B7", - "hover": "#B4B4B4", - "normal": "#b1b1b1", + "sizeSelectIconPadding": { + "compact": "var(--vkui--size_select_icon_padding--compact, 7px)", + "regular": "var(--vkui--size_select_icon_padding--regular, 6px)", }, - "colorIconMediumAlpha": { - "active": "rgba(246, 246, 246, 0.74)", - "hover": "rgba(246, 246, 246, 0.7000000000000001)", - "normal": "#f6f6f6a8", + "sizeSplitColPaddingHorizontal": { + "regular": "var(--vkui--size_split_col_padding_horizontal--regular, 16px)", }, - "colorIconNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", + "sizeSubnavigationBarGap": { + "regular": "var(--vkui--size_subnavigation_bar_gap--regular, 8px)", }, - "colorIconPositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "sizeSubnavigationBarPaddingVertical": { + "regular": "var(--vkui--size_subnavigation_bar_padding_vertical--regular, 12px)", }, - "colorIconPrimary": { - "active": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", + "sizeSwitchHeight": { + "compact": "var(--vkui--size_switch_height--compact, 27px)", + "regular": "var(--vkui--size_switch_height--regular, 31px)", }, - "colorIconPrimaryInvariably": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", + "sizeSwitchPin": { + "compact": "var(--vkui--size_switch_pin--compact, 23px)", + "regular": "var(--vkui--size_switch_pin--regular, 27px)", }, - "colorIconSecondary": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "sizeSwitchWidth": { + "compact": "var(--vkui--size_switch_width--compact, 47px)", + "regular": "var(--vkui--size_switch_width--regular, 51px)", }, - "colorIconSecondaryAlpha": { - "active": "rgba(246, 246, 246, 0.51)", - "hover": "rgba(246, 246, 246, 0.47000000000000003)", - "normal": "#f6f6f66d", + "sizeTooltipMargin": { + "regular": "var(--vkui--size_tooltip_margin--regular, 8px)", }, - "colorIconTertiary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5f5f5f", + "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, legoIOSDark)", + "themeNameBase": "var(--vkui--theme_name_base, legoIOS)", + "themeType": "pixelify", + "zIndexModal": "var(--vkui--z_index_modal, 99)", + "zIndexPopout": "var(--vkui--z_index_popout, 100)", +} +`; + +exports[`shapshots legoIOSDark 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)", + "colorAccentAzure": { + "active": "#1482FF", + "hover": "#0A7CFF", + "normal": "#0077ff", }, - "colorIconTertiaryAlpha": { - "active": "rgba(255, 255, 255, 0.38)", - "hover": "rgba(255, 255, 255, 0.34)", - "normal": "#ffffff4c", + "colorAccentBlue": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "colorIconWarning": { - "active": "#EEB663", - "hover": "#EEB35C", - "normal": "#edb055", + "colorAccentCyan": { + "active": "#26FFD4", + "hover": "#1CFFD2", + "normal": "#13ffd0", }, - "colorImageBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "colorAccentGray": { + "active": "#AAB4BE", + "hover": "#A7B0BB", + "normal": "#a3adb8", }, - "colorImagePlaceholder": { - "active": "#3C3C3C", - "hover": "#333333", - "normal": "#2b2b2b", + "colorAccentGreen": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "colorImagePlaceholderAlpha": { - "active": "rgba(246, 246, 246, 0.16)", - "hover": "rgba(246, 246, 246, 0.12)", - "normal": "#f6f6f614", + "colorAccentLime": { + "active": "#B5F820", + "hover": "#B2F717", + "normal": "#aff70d", }, - "colorLinkContrast": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "colorAccentOrange": { + "active": "#FFA814", + "hover": "#FFA40A", + "normal": "#ffa000", }, - "colorOverlayPrimary": { - "active": "rgba(0, 0, 0, 0.48)", - "hover": "rgba(0, 0, 0, 0.44)", - "normal": "#00000066", + "colorAccentOrangeFire": { + "active": "#F16953", + "hover": "#F1634B", + "normal": "#f05c44", }, - "colorOverlaySecondary": { - "active": "rgba(0, 0, 0, 0.35000000000000003)", - "hover": "rgba(0, 0, 0, 0.31)", - "normal": "#00000044", + "colorAccentOrangePeach": { + "active": "#FFC56F", + "hover": "#FFC368", + "normal": "#ffc062", }, - "colorPanelHeaderIcon": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "colorAccentPink": { + "active": "#F56CFF", + "hover": "#F465FF", + "normal": "#f45fff", }, - "colorSearchFieldBackground": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "colorAccentPurple": { + "active": "#A18FFF", + "hover": "#9D8AFF", + "normal": "#9985ff", }, - "colorSegmentedControl": { - "active": "#6F6F70", - "hover": "#68696A", - "normal": "#626364", + "colorAccentRaspberryPink": { + "active": "#F16DC5", + "hover": "#F166C3", + "normal": "#f060c0", }, - "colorSeparatorPrimary": { - "active": "#474747", - "hover": "#3F3F3F", - "normal": "#373737", + "colorAccentRed": { + "active": "#FF4356", + "hover": "#FF3B4E", + "normal": "#ff3347", }, - "colorSeparatorPrimary2x": { - "active": "#545454", - "hover": "#4C4C4C", - "normal": "#454545", + "colorAccentSecondary": { + "active": "#4E93E2", + "hover": "#478FE1", + "normal": "#3f8ae0", }, - "colorSeparatorPrimary3x": { - "active": "#606060", - "hover": "#595959", - "normal": "#525252", + "colorAccentViolet": { + "active": "#B05DFF", + "hover": "#AC56FF", + "normal": "#a94fff", }, - "colorSeparatorPrimaryAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "#ffffff1e", + "colorActionSheetText": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "colorSeparatorSecondary": { - "active": "#272727", - "hover": "#1D1D1D", - "normal": "#141414", + "colorAvatarOverlay": { + "active": "rgba(0, 0, 0, 0.68)", + "hover": "rgba(0, 0, 0, 0.64)", + "normal": "#00000099", }, - "colorSkeletonFrom": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "colorAvatarOverlayInverseAlpha": { + "active": "rgba(255, 255, 255, 0.93)", + "hover": "rgba(255, 255, 255, 0.89)", + "normal": "#ffffffd8", }, - "colorSkeletonTo": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "colorBackground": { + "active": "#1E1E1E", + "hover": "#141414", + "normal": "#0a0a0a", }, - "colorStrokeAccent": { + "colorBackgroundAccent": { "active": "#60A6F5", "hover": "#59A2F4", "normal": "#529ef4", }, - "colorStrokeAccentThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "colorBackgroundAccentAlternative": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "colorStrokeContrast": { + "colorBackgroundAccentThemed": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorStrokeNegative": { - "active": "#FF6969", - "hover": "#FF6363", - "normal": "#ff5c5c", - }, - "colorStrokePositive": { - "active": "#59B959", - "hover": "#52B652", - "normal": "#4bb34b", + "colorBackgroundAccentThemedAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", }, - "colorTabbarTextInactive": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", + "colorBackgroundAccentTint": { + "active": "#67A6FF", + "hover": "#61A2FF", + "normal": "#5a9eff", }, - "colorTextAccent": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "colorBackgroundContent": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, - "colorTextAccentThemed": { + "colorBackgroundContentInverse": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorTextContrast": { + "colorBackgroundContrast": { "active": "#D7D8DB", "hover": "#EBEDF0", "normal": "#FFFFFF", }, - "colorTextContrastThemed": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "colorBackgroundContrastInverse": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "colorTextLink": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "colorBackgroundContrastSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.28)", + "hover": "rgba(255, 255, 255, 0.24)", + "normal": "#ffffff33", }, - "colorTextLinkThemed": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "colorBackgroundContrastThemed": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "colorTextLinkTint": { - "active": "#7CB1ED", - "hover": "#77ADEC", - "normal": "#71aaeb", + "colorBackgroundInfoTint": { + "active": "#2E4962", + "hover": "#25415B", + "normal": "#1c3954", }, - "colorTextLinkVisited": { - "active": "#5890D0", - "hover": "#508BCE", - "normal": "#4986cc", + "colorBackgroundModal": { + "active": "#2F2F2F", + "hover": "#262626", + "normal": "#1d1d1d", }, - "colorTextMuted": { - "active": "#C9C9C9", - "hover": "#C6C6C6", - "normal": "#c4c4c4", + "colorBackgroundModalInverse": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "colorTextNegative": { + "colorBackgroundNegative": { "active": "#FF6969", "hover": "#FF6363", "normal": "#ff5c5c", }, - "colorTextPositive": { + "colorBackgroundNegativeTint": { + "active": "#603F3F", + "hover": "#593636", + "normal": "#522e2e", + }, + "colorBackgroundPositive": { "active": "#59B959", "hover": "#52B652", "normal": "#4bb34b", }, - "colorTextPrimary": { - "active": "#E5E5E5", - "hover": "#E4E4E4", - "normal": "#e3e3e3", - }, - "colorTextPrimaryAlpha": { - "active": "rgba(248, 248, 248, 0.8)", - "hover": "rgba(248, 248, 248, 0.76)", - "normal": "#f8f8f8b7", - }, - "colorTextPrimaryInvariably": { - "active": "#333333", - "hover": "#2A2A2A", - "normal": "#212121", - }, - "colorTextSecondary": { - "active": "#838383", - "hover": "#7D7D7D", - "normal": "#787878", - }, - "colorTextSecondaryAlpha": { - "active": "rgba(250, 250, 250, 0.5)", - "hover": "rgba(250, 250, 250, 0.46)", - "normal": "#fafafa6b", - }, - "colorTextSubhead": { - "active": "#A2A2A2", - "hover": "#9E9E9E", - "normal": "#9a9a9a", - }, - "colorTextTertiary": { - "active": "#6C6C6C", - "hover": "#656565", - "normal": "#5f5f5f", - }, - "colorTrackBackground": { - "active": "#555555", - "hover": "#4D4D4D", - "normal": "#464646", - }, - "colorTrackBuffer": { - "active": "#4F647D", - "hover": "#485E78", - "normal": "#405772", - }, - "colorTransparent": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "#00000000", - }, - "colorWriteBarIcon": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", - }, - "colorWriteBarInputBackground": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", - }, - "colorWriteBarInputBorder": { - "active": "#3E3E3E", - "hover": "#353535", - "normal": "#2d2d2d", + "colorBackgroundPositiveTint": { + "active": "#3F4D3C", + "hover": "#364633", + "normal": "#2e3e2b", }, - "colorWriteBarInputBorderAlpha": { - "active": "rgba(255, 255, 255, 0.16)", - "hover": "rgba(255, 255, 255, 0.12)", - "normal": "#ffffff14", + "colorBackgroundSecondary": { + "active": "#353535", + "hover": "#2C2C2C", + "normal": "#232323", }, - "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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 400, - "lineHeight": 14, - }, + "colorBackgroundSecondaryAlpha": { + "active": "rgba(255, 255, 255, 0.18)", + "hover": "rgba(255, 255, 255, 0.14)", + "normal": "#ffffff19", }, - "fontCaption1Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 12, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", - }, + "colorBackgroundTertiary": { + "active": "#323232", + "hover": "#292929", + "normal": "#202020", }, - "fontCaption2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 400, - "lineHeight": 14, - }, + "colorBackgroundTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.11)", + "hover": "rgba(255, 255, 255, 0.07)", + "normal": "#ffffff07", }, - "fontCaption2Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 11, - "fontWeight": 600, - "lineHeight": 14, - "textTransform": "uppercase", - }, + "colorBackgroundWarning": { + "active": "#564328", + "hover": "#4E3B1E", + "normal": "#473315", }, - "fontCaption3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 400, - "lineHeight": 12, - }, + "colorButtonIcon": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontCaption3Caps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 9, - "fontWeight": 600, - "lineHeight": 12, - "textTransform": "uppercase", - }, + "colorButtonStroke": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontDisplayTitle1": { - "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 23, - "fontWeight": 600, - "lineHeight": 28, - }, + "colorButtonText": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontDisplayTitle2": { - "compact": { - "fontFamily": ""VK Sans Display", -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", - "fontSize": 21, - "fontWeight": 600, - "lineHeight": 26, - }, + "colorFieldBackground": { + "active": "#3A3A3A", + "hover": "#323232", + "normal": "#292929", }, - "fontDisplayTitle3": { - "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 19, - "fontWeight": 600, - "lineHeight": 24, - }, + "colorFieldBorderAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, - "fontDisplayTitle4": { - "regular": { - "fontFamily": ""VK Sans Display", -apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, - }, + "colorHeaderBackground": { + "active": "#2B2B2B", + "hover": "#222222", + "normal": "#191919", }, - "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": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - }, + "colorIconAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "fontFootnoteCaps": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 13, - "fontWeight": 400, - "lineHeight": 16, - "textTransform": "uppercase", - }, + "colorIconAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontHeadline": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, - }, + "colorIconContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "fontHeadline1": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 500, - "lineHeight": 20, - }, + "colorIconContrastSecondary": { + "active": "#F4F4F4", + "hover": "#F3F3F3", + "normal": "#f3f3f3", }, - "fontHeadline2": { - "compact": { - "fontSize": 14, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 500, - "lineHeight": 20, - }, + "colorIconContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "fontParagraph": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 15, - "fontWeight": 400, - "lineHeight": 20, - }, + "colorIconMedium": { + "active": "#B7B7B7", + "hover": "#B4B4B4", + "normal": "#b1b1b1", }, - "fontSubhead": { - "compact": { - "fontSize": 13, - "lineHeight": 16, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 14, - "fontWeight": 400, - "lineHeight": 18, - }, + "colorIconMediumAlpha": { + "active": "rgba(246, 246, 246, 0.74)", + "hover": "rgba(246, 246, 246, 0.7000000000000001)", + "normal": "#f6f6f6a8", }, - "fontText": { - "compact": { - "fontSize": 15, - "lineHeight": 20, - }, - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 16, - "fontWeight": 400, - "lineHeight": 20, - }, + "colorIconNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "fontTitle1": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 24, - "fontWeight": 600, - "lineHeight": 28, - }, + "colorIconPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "fontTitle2": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 20, - "fontWeight": 600, - "lineHeight": 24, - }, + "colorIconPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, - "fontTitle3": { - "regular": { - "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", - "fontSize": 17, - "fontWeight": 600, - "lineHeight": 22, - }, + "colorIconPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, - "fontWeightAccent1": 600, - "fontWeightAccent2": 500, - "fontWeightAccent3": 400, - "fontWeightBase1": 600, - "fontWeightBase2": 500, - "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%", - "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%", - "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, + "colorIconSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, - "sizeArrowPadding": { - "regular": 12, + "colorIconSecondaryAlpha": { + "active": "rgba(246, 246, 246, 0.51)", + "hover": "rgba(246, 246, 246, 0.47000000000000003)", + "normal": "#f6f6f66d", }, - "sizeArrowPromo": { - "regular": 40, + "colorIconTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, - "sizeAvatarL": { - "regular": 96, + "colorIconTertiaryAlpha": { + "active": "rgba(255, 255, 255, 0.38)", + "hover": "rgba(255, 255, 255, 0.34)", + "normal": "#ffffff4c", }, - "sizeAvatarM": { - "regular": 48, + "colorIconWarning": { + "active": "#EEB663", + "hover": "#EEB35C", + "normal": "#edb055", }, - "sizeAvatarS": { - "regular": 32, + "colorImageBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, - "sizeAvatarXL": { - "regular": 128, + "colorImagePlaceholder": { + "active": "#3C3C3C", + "hover": "#333333", + "normal": "#2b2b2b", }, - "sizeAvatarXS": { - "regular": 24, + "colorImagePlaceholderAlpha": { + "active": "rgba(246, 246, 246, 0.16)", + "hover": "rgba(246, 246, 246, 0.12)", + "normal": "#f6f6f614", }, - "sizeBadgeL": { - "regular": 44, + "colorLinkContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeBadgeM": { - "regular": 24, + "colorOverlayPrimary": { + "active": "rgba(0, 0, 0, 0.48)", + "hover": "rgba(0, 0, 0, 0.44)", + "normal": "#00000066", }, - "sizeBadgeS": { - "regular": 16, + "colorOverlaySecondary": { + "active": "rgba(0, 0, 0, 0.35000000000000003)", + "hover": "rgba(0, 0, 0, 0.31)", + "normal": "#00000044", }, - "sizeBadgeXL": { - "regular": 56, + "colorPanelHeaderIcon": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "sizeBadgeXS": { - "regular": 12, + "colorSearchFieldBackground": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, - "sizeBasePaddingHorizontal": { - "regular": 12, + "colorSegmentedControl": { + "active": "#6F6F70", + "hover": "#68696A", + "normal": "#626364", }, - "sizeBasePaddingVertical": { - "regular": 12, + "colorSeparatorPrimary": { + "active": "#474747", + "hover": "#3F3F3F", + "normal": "#373737", }, - "sizeBorder1x": { - "regular": 1, + "colorSeparatorPrimary2x": { + "active": "#545454", + "hover": "#4C4C4C", + "normal": "#454545", }, - "sizeBorder2x": { - "regular": 0.5, + "colorSeparatorPrimary3x": { + "active": "#606060", + "hover": "#595959", + "normal": "#525252", }, - "sizeBorder3x": { - "regular": 0.33, + "colorSeparatorPrimaryAlpha": { + "active": "rgba(255, 255, 255, 0.2)", + "hover": "rgba(255, 255, 255, 0.16)", + "normal": "#ffffff1e", }, - "sizeBorderRadius": { - "regular": 10, + "colorSeparatorSecondary": { + "active": "#272727", + "hover": "#1D1D1D", + "normal": "#141414", }, - "sizeBorderRadiusPaper": { - "regular": 12, + "colorSkeletonFrom": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "sizeBorderRadiusPromo": { - "regular": 20, + "colorSkeletonTo": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "sizeBorderRadiusRounded": { - "regular": 48, + "colorStrokeAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "sizeButtonBaseLargePaddingHorizontal": { - "regular": 20, + "colorStrokeAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonBaseLargePaddingHorizontalIcon": { - "regular": 16, + "colorStrokeContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonBaseMediumPaddingHorizontal": { - "regular": 16, + "colorStrokeNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "sizeButtonBaseMediumPaddingHorizontalIcon": { - "regular": 12, + "colorStrokePositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "sizeButtonBaseSmallPaddingHorizontal": { - "regular": 16, + "colorStrokePrimary": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, - "sizeButtonBaseSmallPaddingHorizontalIcon": { - "regular": 12, + "colorTabbarTextInactive": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, - "sizeButtonGroupGapMedium": { - "regular": 12, + "colorTextAccent": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "sizeButtonGroupGapSmall": { - "regular": 8, + "colorTextAccentThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonGroupGapSpace": { - "regular": 1, + "colorTextContrast": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonLargeHeight": { - "compact": 36, - "regular": 44, + "colorTextContrastThemed": { + "active": "#141414", + "hover": "#0A0A0A", + "normal": "#000000", }, - "sizeButtonMediumHeight": { - "compact": 32, - "regular": 36, + "colorTextLink": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "sizeButtonMinimumWidth": { - "regular": 80, + "colorTextLinkThemed": { + "active": "#D7D8DB", + "hover": "#EBEDF0", + "normal": "#FFFFFF", }, - "sizeButtonPaddingHorizontal": { - "regular": 12, + "colorTextLinkTint": { + "active": "#7CB1ED", + "hover": "#77ADEC", + "normal": "#71aaeb", }, - "sizeButtonSmallHeight": { - "compact": 28, - "regular": 30, + "colorTextLinkVisited": { + "active": "#5890D0", + "hover": "#508BCE", + "normal": "#4986cc", }, - "sizeButtonTertiaryLargePaddingHorizontal": { - "regular": 16, + "colorTextMuted": { + "active": "#C9C9C9", + "hover": "#C6C6C6", + "normal": "#c4c4c4", }, - "sizeButtonTertiaryLargePaddingHorizontalIcon": { - "regular": 12, + "colorTextNegative": { + "active": "#FF6969", + "hover": "#FF6363", + "normal": "#ff5c5c", }, - "sizeButtonTertiaryMediumPaddingHorizontal": { - "regular": 12, + "colorTextPositive": { + "active": "#59B959", + "hover": "#52B652", + "normal": "#4bb34b", }, - "sizeButtonTertiaryMediumPaddingHorizontalIcon": { - "regular": 8, + "colorTextPrimary": { + "active": "#E5E5E5", + "hover": "#E4E4E4", + "normal": "#e3e3e3", }, - "sizeButtonTertiarySmallPaddingHorizontal": { - "regular": 12, + "colorTextPrimaryAlpha": { + "active": "rgba(248, 248, 248, 0.8)", + "hover": "rgba(248, 248, 248, 0.76)", + "normal": "#f8f8f8b7", }, - "sizeButtonTertiarySmallPaddingHorizontalIcon": { - "regular": 8, + "colorTextPrimaryInvariably": { + "active": "#333333", + "hover": "#2A2A2A", + "normal": "#212121", }, - "sizeCardBorderRadius": { - "regular": 10, + "colorTextSecondary": { + "active": "#838383", + "hover": "#7D7D7D", + "normal": "#787878", }, - "sizeCardgridPadding": { - "regular": 8, + "colorTextSecondaryAlpha": { + "active": "rgba(250, 250, 250, 0.5)", + "hover": "rgba(250, 250, 250, 0.46)", + "normal": "#fafafa6b", }, - "sizeCardgridPaddingVertical": { - "regular": 8, + "colorTextSubhead": { + "active": "#A2A2A2", + "hover": "#9E9E9E", + "normal": "#9a9a9a", }, - "sizeCheckBorderRadius": { - "regular": 4, + "colorTextTertiary": { + "active": "#6C6C6C", + "hover": "#656565", + "normal": "#5f5f5f", }, - "sizeCheckbox": { - "regular": 16, + "colorTrackBackground": { + "active": "#555555", + "hover": "#4D4D4D", + "normal": "#464646", }, - "sizeFieldHeight": { - "compact": 36, - "regular": 44, + "colorTrackBuffer": { + "active": "#4F647D", + "hover": "#485E78", + "normal": "#405772", }, - "sizeFieldHorizontalPadding": { - "regular": 12, + "colorTransparent": { + "active": "rgba(0, 0, 0, 0.08)", + "hover": "rgba(0, 0, 0, 0.04)", + "normal": "#00000000", }, - "sizeFormItemPaddingVertical": { - "regular": 12, + "colorWriteBarIcon": { + "active": "#60A6F5", + "hover": "#59A2F4", + "normal": "#529ef4", }, - "sizeIconUI": { - "regular": 16, + "colorWriteBarInputBackground": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "sizeLabelHorizontalMargin": { - "regular": 16, + "colorWriteBarInputBorder": { + "active": "#3E3E3E", + "hover": "#353535", + "normal": "#2d2d2d", }, - "sizeOptionHierarchy": { - "regular": 32, + "colorWriteBarInputBorderAlpha": { + "active": "rgba(255, 255, 255, 0.16)", + "hover": "rgba(255, 255, 255, 0.12)", + "normal": "#ffffff14", }, - "sizePanelHeaderHeight": { - "compact": 52, - "regular": 52, + "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": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 400, + "lineHeight": 14, + }, }, - "sizePopupBasePadding": { - "compact": 20, - "regular": 32, + "fontCaption1Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 12, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, }, - "sizePopupHeaderPadding": { - "compact": 16, - "regular": 24, + "fontCaption2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 400, + "lineHeight": 14, + }, }, - "sizePopupLarge": { - "regular": 880, + "fontCaption2Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 11, + "fontWeight": 600, + "lineHeight": 14, + "textTransform": "uppercase", + }, }, - "sizePopupMedium": { - "regular": 680, + "fontCaption3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 400, + "lineHeight": 12, + }, }, - "sizePopupSmall": { - "regular": 430, + "fontCaption3Caps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 9, + "fontWeight": 600, + "lineHeight": 12, + "textTransform": "uppercase", + }, }, - "sizeSearchHeight": { - "compact": 32, - "regular": 36, + "fontDisplayTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 23, + "fontWeight": 600, + "lineHeight": 28, + }, }, - "sizeSelectIconPadding": { - "compact": 7, - "regular": 6, + "fontDisplayTitle2": { + "compact": { + "fontFamily": "-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", + "fontSize": 21, + "fontWeight": 600, + "lineHeight": 26, + }, }, - "sizeSplitColPaddingHorizontal": { - "regular": 16, + "fontDisplayTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 19, + "fontWeight": 600, + "lineHeight": 24, + }, }, - "sizeSubnavigationBarGap": { - "regular": 8, + "fontDisplayTitle4": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, }, - "sizeSubnavigationBarPaddingVertical": { - "regular": 12, + "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, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + }, }, - "sizeSwitchHeight": { - "compact": 27, - "regular": 31, + "fontFootnoteCaps": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 13, + "fontWeight": 400, + "lineHeight": 16, + "textTransform": "uppercase", + }, }, - "sizeSwitchPin": { - "compact": 23, - "regular": 27, + "fontHeadline": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, }, - "sizeSwitchWidth": { - "compact": 47, - "regular": 51, + "fontHeadline1": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 500, + "lineHeight": 20, + }, }, - "sizeTooltipMargin": { - "regular": 8, + "fontHeadline2": { + "compact": { + "fontSize": 14, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 500, + "lineHeight": 20, + }, }, - "spacingSize2Xl": 16, - "spacingSize2Xs": 2, - "spacingSize3Xl": 20, - "spacingSize3Xs": 2, - "spacingSize4Xl": 24, - "spacingSizeL": 10, - "spacingSizeM": 8, - "spacingSizeS": 6, - "spacingSizeXl": 12, - "spacingSizeXs": 4, - "themeInheritsFrom": "vkontakteIOSDark", - "themeName": "legoIOSDark", - "themeNameBase": "legoIOS", - "themeType": "root", - "vkontakteBackgroundHoverAlpha": { - "active": "rgba(255, 255, 255, 0.12)", - "hover": "rgba(255, 255, 255, 0.08)", - "normal": "rgba(255, 255, 255, 0.04)", + "fontParagraph": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 15, + "fontWeight": 400, + "lineHeight": 20, + }, }, - "vkontakteButtonMutedBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "fontSubhead": { + "compact": { + "fontSize": 13, + "lineHeight": 16, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 14, + "fontWeight": 400, + "lineHeight": 18, + }, }, - "vkontakteButtonTertiaryBackground": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "fontText": { + "compact": { + "fontSize": 15, + "lineHeight": 20, + }, + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 16, + "fontWeight": 400, + "lineHeight": 20, + }, }, - "vkontakteButtonTertiaryForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "fontTitle1": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 24, + "fontWeight": 600, + "lineHeight": 28, + }, }, - "vkontakteColorAccentAlternate": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "fontTitle2": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 20, + "fontWeight": 600, + "lineHeight": 24, + }, }, - "vkontakteColorActionSheetSeparatorAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "fontTitle3": { + "regular": { + "fontFamily": "-apple-system, system-ui, "Helvetica Neue", Roboto, sans-serif", + "fontSize": 17, + "fontWeight": 600, + "lineHeight": 22, + }, }, - "vkontakteColorAlphaSkeletonShimmerTo": { - "active": "rgba(255, 255, 255, 0.08)", - "hover": "rgba(255, 255, 255, 0.04)", - "normal": "transparent", + "fontWeightAccent1": 600, + "fontWeightAccent2": 500, + "fontWeightAccent3": 400, + "fontWeightBase1": 600, + "fontWeightBase2": 500, + "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%", + "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%", + "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, }, - "vkontakteColorBackgroundKeyboard": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "sizeArrowPadding": { + "regular": 12, }, - "vkontakteColorBackgroundSuggestions": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "sizeArrowPromo": { + "regular": 40, }, - "vkontakteColorBackgroundTextAlpha": { - "active": "rgba(82, 158, 244, 0.32)", - "hover": "rgba(82, 158, 244, 0.28)", - "normal": "rgba(82, 158, 244, 0.24)", + "sizeAvatarL": { + "regular": 96, }, - "vkontakteColorContentPlaceholderIcon": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "sizeAvatarM": { + "regular": 48, }, - "vkontakteColorContentTintForeground": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "sizeAvatarS": { + "regular": 32, }, - "vkontakteColorControlBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "sizeAvatarXL": { + "regular": 128, }, - "vkontakteColorControlForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "sizeAvatarXS": { + "regular": 24, }, - "vkontakteColorControlTintMuted": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "sizeBadgeL": { + "regular": 44, }, - "vkontakteColorHeaderSearchFieldBackground": { - "active": "#464748", - "hover": "#3E3F40", - "normal": "#363738", + "sizeBadgeM": { + "regular": 24, }, - "vkontakteColorHeaderSearchFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "sizeBadgeS": { + "regular": 16, }, - "vkontakteColorHeaderTabActiveIndicator": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529ef4", + "sizeBadgeXL": { + "regular": 56, }, - "vkontakteColorIconName": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "sizeBadgeXS": { + "regular": 12, }, - "vkontakteColorIconOutlineMedium": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "sizeBasePaddingHorizontal": { + "regular": 12, }, - "vkontakteColorIconOutlineSecondary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "sizeBasePaddingVertical": { + "regular": 12, }, - "vkontakteColorImBubbleBorderAlternateHighlightedAlpha": { - "active": "rgba(0, 0, 0, 0.08)", - "hover": "rgba(0, 0, 0, 0.04)", - "normal": "rgba(0, 0, 0, 0.00)", + "sizeBorder1x": { + "regular": 1, }, - "vkontakteColorImBubbleGiftText": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeBorder2x": { + "regular": 0.5, }, - "vkontakteColorImBubbleGiftTextSecondary": { - "active": "#E5D7B3", - "hover": "#E4D5AF", - "normal": "#E3D3AC", + "sizeBorder3x": { + "regular": 0.33, }, - "vkontakteColorImBubbleIncoming": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "sizeBorderRadius": { + "regular": 10, }, - "vkontakteColorImBubbleIncomingAlternate": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "sizeBorderRadiusPaper": { + "regular": 12, }, - "vkontakteColorImBubbleIncomingExpiring": { - "active": "#373C5B", - "hover": "#2F3354", - "normal": "#262B4D", + "sizeBorderRadiusPromo": { + "regular": 20, }, - "vkontakteColorImBubbleOutgoing": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "sizeBorderRadiusRounded": { + "regular": 48, }, - "vkontakteColorImBubbleOutgoingExpiringHighlighted": { - "active": "#6671B9", - "hover": "#606BB6", - "normal": "#5965B3", + "sizeButtonBaseLargePaddingHorizontal": { + "regular": 20, }, - "vkontakteColorImForwardLineAlpha": { - "active": "rgba(255, 255, 255, 0.32)", - "hover": "rgba(255, 255, 255, 0.28)", - "normal": "rgba(255, 255, 255, 0.24)", + "sizeButtonBaseLargePaddingHorizontalIcon": { + "regular": 16, }, - "vkontakteColorImTextName": { - "active": "#60A6F5", - "hover": "#59A2F4", - "normal": "#529EF4", + "sizeButtonBaseMediumPaddingHorizontal": { + "regular": 16, }, - "vkontakteColorInputBorder": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2C2D2E", + "sizeButtonBaseMediumPaddingHorizontalIcon": { + "regular": 12, }, - "vkontakteColorLandingSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "sizeButtonBaseSmallPaddingHorizontal": { + "regular": 16, }, - "vkontakteColorLoaderBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "sizeButtonBaseSmallPaddingHorizontalIcon": { + "regular": 12, }, - "vkontakteColorLoaderTint": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "sizeButtonGroupGapMedium": { + "regular": 12, }, - "vkontakteColorModalCardBorderAlpha": { - "active": "rgba(255, 255, 255, 0.2)", - "hover": "rgba(255, 255, 255, 0.16)", - "normal": "rgba(255, 255, 255, 0.12)", + "sizeButtonGroupGapSmall": { + "regular": 8, }, - "vkontakteColorModalCardHeaderClose": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonGroupGapSpace": { + "regular": 1, }, - "vkontakteColorMusicPlaybackIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonLargeHeight": { + "compact": 36, + "regular": 44, }, - "vkontakteColorPanelTabActiveText": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "sizeButtonMediumHeight": { + "compact": 32, + "regular": 36, }, - "vkontakteColorPlaceholderIconForegroundPrimary": { - "active": "#999DA1", - "hover": "#94989D", - "normal": "#909499", + "sizeButtonMinimumWidth": { + "regular": 80, + }, + "sizeButtonPaddingHorizontal": { + "regular": 12, }, - "vkontakteColorPlaceholderIconForegroundSecondary": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "sizeButtonSmallHeight": { + "compact": 28, + "regular": 30, }, - "vkontakteColorPlaceholderIconTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonTertiaryLargePaddingHorizontal": { + "regular": 16, }, - "vkontakteColorPollOptionBackground": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeButtonTertiaryLargePaddingHorizontalIcon": { + "regular": 12, }, - "vkontakteColorSearchBarBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "sizeButtonTertiaryMediumPaddingHorizontal": { + "regular": 12, }, - "vkontakteColorSearchBarFieldTint": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "sizeButtonTertiaryMediumPaddingHorizontalIcon": { + "regular": 8, }, - "vkontakteColorSkeletonShimmerFrom": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "sizeButtonTertiarySmallPaddingHorizontal": { + "regular": 12, }, - "vkontakteColorSnippetBackground": { - "active": "#353536", - "hover": "#2C2C2D", - "normal": "#232324", + "sizeButtonTertiarySmallPaddingHorizontalIcon": { + "regular": 8, }, - "vkontakteColorSnippetBorderAlpha": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "sizeCardBorderRadius": { + "regular": 10, }, - "vkontakteColorSplashScreenIcon": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "sizeCardgridPadding": { + "regular": 8, }, - "vkontakteColorStatusBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "sizeCardgridPaddingVertical": { + "regular": 8, }, - "vkontakteColorTabbarActiveIcon": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeCheckBorderRadius": { + "regular": 4, }, - "vkontakteColorTabbarBackground": { - "active": "#3D3E3F", - "hover": "#343536", - "normal": "#2c2d2e", + "sizeCheckbox": { + "regular": 16, }, - "vkontakteColorTabbarInactiveIcon": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "sizeFieldHeight": { + "compact": 36, + "regular": 44, }, - "vkontakteColorTabbarTabletTextSecondary": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "sizeFieldHorizontalPadding": { + "regular": 12, }, - "vkontakteColorTextName": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "sizeFormItemPaddingVertical": { + "regular": 12, }, - "vkontakteColorToolbarAttachBackgroundFrom": { - "active": "#818385", - "hover": "#7B7D7F", - "normal": "#76787a", + "sizeIconUI": { + "regular": 16, }, - "vkontakteFloatButtonForeground": { - "active": "#B1B4B9", - "hover": "#ADB1B6", - "normal": "#aaaeb3", + "sizeLabelHorizontalMargin": { + "regular": 16, }, - "vkontakteGradientAquamarineBlue": "rgba(125, 241, 250, 1) 0%, rgba(43, 180, 214, 1) 100%", - "vkontakteGradientBlue": "rgba(102, 204, 255, 1) 0%, rgba(63, 138, 224, 1) 100%", - "vkontakteGradientCandy": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientCrimson": "rgba(255, 115, 115, 1) 0%, rgba(229, 57, 73, 1) 50%, rgba(191, 28, 56, 1) 100%", - "vkontakteGradientDisco": "rgba(255, 183, 38, 1) 0%, rgba(255, 38, 147, 1) 33%, rgba(129, 34, 224, 1) 67%, rgba(38, 147, 255, 1) 100%", - "vkontakteGradientEmerald": "rgba(0, 217, 72, 1) 0%, rgba(13, 128, 70, 1) 100%", - "vkontakteGradientFrost": "rgba(79, 160, 255, 1) 0%, rgba(1, 108, 234, 1) 100%", - "vkontakteGradientGray": "rgba(193, 202, 214, 1) 0%, rgba(135, 143, 153, 1) 100%", - "vkontakteGradientGreen": "rgba(108, 217, 126, 1) 0%, rgba(18, 179, 18, 1) 100%", - "vkontakteGradientHalloweenOrange": "rgba(203, 30, 59, 1) 0%, rgba(240, 92, 68, 1) 50%, rgba(255, 160, 0, 1) 100%", - "vkontakteGradientHalloweenViolet": "rgba(255, 160, 0, 1) 0%, rgba(205, 76, 75, 1) 50%, rgba(121, 46, 192, 1) 100%", - "vkontakteGradientLagoon": "rgba(43, 217, 217, 1) 0%, rgba(92, 156, 230, 1) 100%", - "vkontakteGradientLavender": "rgba(146, 143, 255, 1) 0%, rgba(75, 71, 178, 1) 100%", - "vkontakteGradientMable": "rgba(217, 244, 255, 1) 0%, rgba(217, 244, 255, 1) 100%", - "vkontakteGradientMarine": "rgba(46, 229, 77, 1) 0%, rgba(13, 126, 255, 1) 100%", - "vkontakteGradientMidnight": "rgba(115, 208, 255, 1) 0%, rgba(56, 133, 225, 1) 50%, rgba(0, 50, 166, 1) 100%", - "vkontakteGradientNewYear": "rgba(187, 100, 228, 1) 0%, rgba(128, 91, 215, 1) 50%, rgba(40, 102, 213, 1) 100%", - "vkontakteGradientOrange": "rgba(255, 191, 128, 1) 0%, rgba(230, 107, 46, 1) 100%", - "vkontakteGradientPink": "rgba(255, 136, 128, 1) 0%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientPurple": "rgba(163, 147, 245, 1) 0%, rgba(115, 92, 230, 1) 100%", - "vkontakteGradientRaspberryPink": "rgba(255, 128, 213, 1) 0%, rgba(230, 69, 177, 1) 100%", - "vkontakteGradientRed": "rgba(255, 117, 131, 1) 0%, rgba(230, 46, 64, 1) 100%", - "vkontakteGradientRetrowave": "rgba(48, 242, 177, 1) 0%, rgba(89, 103, 255, 1) 50%, rgba(255, 38, 165, 1) 100%", - "vkontakteGradientSberkot": "rgba(157, 241, 157, 1) 0%, rgba(49, 194, 167, 1) 33%, rgba(33, 161, 154, 1) 67%, rgba(16, 127, 140, 1) 100%", - "vkontakteGradientSunset": "rgba(255, 210, 77, 1) 0%, rgba(242, 101, 73, 1) 50%, rgba(230, 46, 107, 1) 100%", - "vkontakteGradientTurquoise": "rgba(138, 230, 230, 1) 0%, rgba(18, 179, 179, 1) 100%", - "vkontakteGradientTwilight": "rgba(255, 77, 135, 1) 0%, rgba(159, 64, 255, 1) 50%, rgba(51, 153, 255, 1) 100%", - "vkontakteGradientUnicorn": "rgba(255, 153, 204, 1) 0%, rgba(161, 121, 242, 1) 50%, rgba(92, 161, 230, 1) 100%", - "vkontakteGradientValentine": "rgba(255, 138, 101, 1) 0%, rgba(242, 83, 131, 1) 50%, rgba(143, 19, 219, 1) 100%", - "vkontakteGradientViolet": "rgba(211, 166, 255, 1) 0%, rgba(144, 63, 224, 1) 100%", - "vkontakteGradientWarmValentine": "rgba(243, 56, 106, 1) 0%, rgba(255, 129, 158, 1) 100%", - "vkontakteGradientWomensDay": "rgba(255, 153, 204, 1) 0%, rgba(229, 46, 106, 1) 100%", - "vkontakteGradientYellow": "rgba(255, 196, 77, 1) 0%, rgba(240, 115, 0, 1) 100%", - "vkontakteGradientYellowBright": "rgba(255, 213, 79, 1) 0%, rgba(231, 169, 2, 1) 100%", - "vkontakteImAttachTint": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeOptionHierarchy": { + "regular": 32, }, - "vkontakteImBubbleButtonForeground": { - "active": "#E3E5E8", - "hover": "#E2E4E7", - "normal": "#e1e3e6", + "sizePanelHeaderHeight": { + "compact": 52, + "regular": 52, }, - "vkontakteImBubbleButtonOutgoingBackgroundAlpha": { - "active": "rgba(255, 255, 255, 0.28)", - "hover": "rgba(255, 255, 255, 0.24)", - "normal": "rgba(255, 255, 255, 0.20)", + "sizePopupBasePadding": { + "compact": 20, + "regular": 32, }, - "vkontakteImBubbleGiftBackground": { - "active": "#8F7D5E", - "hover": "#8A7857", - "normal": "#857250", + "sizePopupHeaderPadding": { + "compact": 16, + "regular": 24, }, - "vkontakteImBubbleGiftBackgroundHighlighted": { - "active": "#B2A07C", - "hover": "#AE9C77", - "normal": "#ab9871", + "sizePopupLarge": { + "regular": 880, }, - "vkontakteImBubbleIncomingAlternateHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "sizePopupMedium": { + "regular": 680, }, - "vkontakteImBubbleIncomingExpiringHighlighted": { - "active": "#4F588A", - "hover": "#485085", - "normal": "#404980", + "sizePopupSmall": { + "regular": 430, }, - "vkontakteImBubbleIncomingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "sizeSearchHeight": { + "compact": 32, + "regular": 36, }, - "vkontakteImBubbleOutgoingAlternate": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "sizeSelectIconPadding": { + "compact": 7, + "regular": 6, }, - "vkontakteImBubbleOutgoingHighlighted": { - "active": "#6A6C6E", - "hover": "#636567", - "normal": "#5d5f61", + "sizeSplitColPaddingHorizontal": { + "regular": 16, }, - "vkontakteImReplySeparator": { - "active": "#D7D8DB", - "hover": "#EBEDF0", - "normal": "#FFFFFF", + "sizeSubnavigationBarGap": { + "regular": 8, }, - "vkontakteImToolbarVoiceMsgBackground": { - "active": "#545556", - "hover": "#4C4D4E", - "normal": "#454647", + "sizeSubnavigationBarPaddingVertical": { + "regular": 12, }, - "vkontakteLandingBackground": { - "active": "#2B2B2C", - "hover": "#222223", - "normal": "#19191a", + "sizeSwitchHeight": { + "compact": 27, + "regular": 31, }, - "vkontakteLandingSecondaryButtonBackground": { - "active": "rgba(255, 255, 255, 0.23)", - "hover": "rgba(255, 255, 255, 0.19)", - "normal": "rgba(255, 255, 255, 0.15)", + "sizeSwitchPin": { + "compact": 23, + "regular": 27, }, - "vkontaktePaletteBlack": { - "active": "#141414", - "hover": "#0A0A0A", - "normal": "#000000", + "sizeSwitchWidth": { + "compact": 47, + "regular": 51, }, - "vkontakteStoriesSkeletonLoaderBackground": { - "active": "#C9CCD0", - "hover": "#C6CACE", - "normal": "#c4c8cc", + "sizeTooltipMargin": { + "regular": 8, }, + "spacingSize2Xl": 16, + "spacingSize2Xs": 2, + "spacingSize3Xl": 20, + "spacingSize3Xs": 2, + "spacingSize4Xl": 24, + "spacingSizeL": 10, + "spacingSizeM": 8, + "spacingSizeS": 6, + "spacingSizeXl": 12, + "spacingSizeXs": 4, + "themeInheritsFrom": "vkIOSDark", + "themeName": "legoIOSDark", + "themeNameBase": "legoIOS", + "themeType": "root", "zIndexModal": 99, "zIndexPopout": 100, } diff --git a/src/interfaces/themes/legoIOS/index.ts b/src/interfaces/themes/legoIOS/index.ts index 746db930..7ffbb5f9 100644 --- a/src/interfaces/themes/legoIOS/index.ts +++ b/src/interfaces/themes/legoIOS/index.ts @@ -1,7 +1,24 @@ -export { - ThemeVkontakteIOS as ThemeLegoIOS, - ThemeVkontakteIOSCssVars as ThemeLegoIOSCssVars, - ThemeVkontakteIOSDescription as ThemeLegoIOSDescription, -} from '@/interfaces/themes/vkontakteIOS'; +import { ThemeCssVars } from '@/interfaces/general'; +import { + ColorDescription, + ColorsDescriptionStruct, + ColorWithStates, +} from '@/interfaces/general/colors'; +import { ThemeVkIOS, ThemeVkIOSDescription } from '@/interfaces/themes/vkIOS'; -// Либо добавить сюда интерфейс StrokePrimary, либо переопределяться с ThemeLegoAndroid, а не ThemeVkontakteIOS +// Описание локальных цветов +export interface LocalLegoIOSColorsDescriptionStruct { + colorStrokePrimary: ColorDescription; +} + +// Резолв локальных цветов +export type LegoIOSLocalColors = { + [key in keyof LocalLegoIOSColorsDescriptionStruct]: ColorWithStates; +}; + +// Эскпорт интерфейсов описанной + наследованной темы +export interface ThemeLegoIOS extends ThemeVkIOS, LegoIOSLocalColors {} +export interface ThemeLegoIOSDescription extends ThemeVkIOSDescription { + colors: LocalLegoIOSColorsDescriptionStruct & ColorsDescriptionStruct; +} +export interface ThemeLegoIOSCssVars extends ThemeCssVars {} diff --git a/src/themeDescriptions/themes/lego/android.ts b/src/themeDescriptions/themes/lego/android.ts index d30b34c2..aed2370e 100644 --- a/src/themeDescriptions/themes/lego/android.ts +++ b/src/themeDescriptions/themes/lego/android.ts @@ -37,8 +37,8 @@ export const legoAndroidTheme: ThemeLegoAndroidDescription = { }; export const legoAndroidThemeDark: ThemeLegoAndroidDarkDescription = { - ...legoAndroidTheme, // импорт светлой версии текущей темы, - ...vkontakteAndroidThemeDark, // импорт тёмной базовой темы + ...legoAndroidTheme, // Импорт светлой версии текущей темы, + ...vkontakteAndroidThemeDark, // Импорт тёмной базовой темы themeName: 'legoAndroidDark', // название текущей темы themeNameBase: 'legoAndroid', // название светлой (базовой) темы diff --git a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts index 1cd88d09..8eda54b9 100644 --- a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts +++ b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts @@ -1,6 +1,24 @@ import figma from '../figma.json'; + +// Поля — режимы соответсвующей коллекции переменных из фигмы +interface AppearanceVariable { + light: string; + dark: string; +} + +interface TokensVariable { + iOS: string | number; + android: string | number; + desktop: string | number; + vkCom: string | number; +} + +interface Collection { + [name: string]: AppearanceVariable | TokensVariable; +} + /** - * Функция для поиска переопределённых токенов в специальном JSON-файле с фигмовскими переменными + * Функция, возращающася список токенов, переопределённых в специальном JSON-файле с фигмовскими переменными * * @param originalTokens Токены, замена для которых будет искаться в figma.json * @param {('appearance' | 'tokens')} [collection='appearance'] Коллекция, среди которой ищется замена @@ -27,13 +45,16 @@ export function overwriteFromFigmaJSON( } /** - * Функция для поиска переременной, соответствующей ключу. Названия токенов в интерфейсах и в фигме могут расходится. Эта функция учитывает возможные расхождения названий + * Функция, возвращающая фигмовскую переременную, соответствующую ключу. Названия токенов в интерфейсах и в фигме могут расходится. Эта функция учитывает возможные расхождения названий * - * @param {string} collection Коллекция, в которой ищется переменная. Прдеставляет из себя объект с переменными + * @param {Collection} collection Коллекция, в которой ищется переменная. Представляет из себя объект с переменными * @param {string} key Оригинальное название переменной * @returns Фигмовская переменная, внутри которой значения, расписанные по режимам, либо null, если переменная не найдена */ -function findFigmaVariable(collection, key: string) { +function findFigmaVariable( + collection: Collection, + key: string, +): AppearanceVariable | TokensVariable { // Группировка в фигме может различаться, поэтому преобразование имени может быть с разными префиксами // Токены без особой группы в коде могут лежать в разных группах в фигме: Other, Palette и т.д. return ( @@ -47,12 +68,12 @@ function findFigmaVariable(collection, key: string) { } /** - * Фунция для преобразования имени в фигмовский формат + * Фунция, возвращающая название токена, преобразованное в фигмовский формат * @param {string} key Изначальное имя токена * @param {string} [prefix=''] Префикс, имеющийся у переменной в фигмовском формате * @returns {string} Имя без изначального префикса color и с опционально установленным префиксом в формате camelCase */ -function toFigmaName(key: string, prefix = '') { +function toFigmaName(key: string, prefix: string = ''): string { const figmaPascalCaseName = key.replace('color', ''); if (prefix) { return prefix + figmaPascalCaseName; diff --git a/src/themeDescriptions/themes/lego/ios copy.ts b/src/themeDescriptions/themes/lego/ios copy.ts deleted file mode 100644 index 12022685..00000000 --- a/src/themeDescriptions/themes/lego/ios copy.ts +++ /dev/null @@ -1,39 +0,0 @@ -import { ThemeVkIOSDescription } from '@/interfaces/themes/vkIOS'; -import { ThemeVkIOSDarkDescription } from '@/interfaces/themes/vkIOSDark'; -import { vkIOSTheme, vkIOSThemeDark } from '@/themeDescriptions/themes/vkIOS'; -import { vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; - -import figma from './figma.json'; -import { overwriteFromFigmaJSON } from './helpers/overwriteFromFigmaJSON'; - -export const legoIOSTheme: ThemeVkIOSDescription = { - ...vkIOSTheme, // импорт светлой базовой темы - - themeName: 'legoIOS', // название текущей темы - themeNameBase: 'legoIOS', // название светлой (базовой) темы - themeInheritsFrom: 'vkIOS', // название родительской темы - - colors: { - ...vkIOSTheme.colors, - // переопределение переменных - ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'light', figma), - }, - sizeBasePaddingHorizontal: { - regular: figma.tokens.sizeBasePaddingHorizontal.iOS, - }, -}; - -export const legoIOSThemeDark: ThemeVkIOSDarkDescription = { - ...legoIOSTheme, // импорт светлой версии текущей темы, - ...vkIOSThemeDark, // импорт тёмной базовой темы - - themeName: 'legoIOSDark', // название текущей темы - themeNameBase: 'legoIOS', // название светлой (базовой) темы - themeInheritsFrom: 'vkIOSDark', // название родительской темы - colorsScheme: 'dark', // название схемы (светлая — по умолчанию) - - colors: { - ...vkIOSThemeDark.colors, - ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'dark', figma), - }, -}; diff --git a/src/themeDescriptions/themes/lego/ios.ts b/src/themeDescriptions/themes/lego/ios.ts index 50752d17..7c29a6a6 100644 --- a/src/themeDescriptions/themes/lego/ios.ts +++ b/src/themeDescriptions/themes/lego/ios.ts @@ -1,24 +1,24 @@ import { ThemeLegoIOSDescription } from '@/interfaces/themes/legoIOS'; import { ThemeLegoIOSDarkDescription } from '@/interfaces/themes/legoIOSDark'; -import { vkontakteIOSTheme, vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; +import { vkIOSTheme, vkIOSThemeDark } from '@/themeDescriptions/themes/vkIOS'; +import { vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; import figma from './figma.json'; import { overwriteFromFigmaJSON } from './helpers/overwriteFromFigmaJSON'; export const legoIOSTheme: ThemeLegoIOSDescription = { - // Мб заменить базу на vkIOS? - // Жду ответа Ульяны - // Мб наследовать от legoAndroidTheme - ...vkontakteIOSTheme, // импорт светлой базовой темы + ...vkIOSTheme, // импорт светлой базовой темы themeName: 'legoIOS', // название текущей темы themeNameBase: 'legoIOS', // название светлой (базовой) темы - themeInheritsFrom: 'vkontakteIOS', // название родительской темы + themeInheritsFrom: 'vkIOS', // название родительской темы colors: { - ...vkontakteIOSTheme.colors, - // переопределение переменных + ...vkIOSTheme.colors, + // Переопределение переменных ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'light', figma), + // Локальные цвета + colorStrokePrimary: figma.appearance.strokePrimary.light, }, sizeBasePaddingHorizontal: { regular: figma.tokens.sizeBasePaddingHorizontal.iOS, @@ -27,15 +27,18 @@ export const legoIOSTheme: ThemeLegoIOSDescription = { export const legoIOSThemeDark: ThemeLegoIOSDarkDescription = { ...legoIOSTheme, // импорт светлой версии текущей темы, - ...vkontakteIOSThemeDark, // импорт тёмной базовой темы + ...vkIOSThemeDark, // импорт тёмной базовой темы themeName: 'legoIOSDark', // название текущей темы themeNameBase: 'legoIOS', // название светлой (базовой) темы - themeInheritsFrom: 'vkontakteIOSDark', // название родительской темы + themeInheritsFrom: 'vkIOSDark', // название родительской темы colorsScheme: 'dark', // название схемы (светлая — по умолчанию) colors: { - ...vkontakteIOSThemeDark.colors, + ...vkIOSThemeDark.colors, + // Переопределение переменных ...overwriteFromFigmaJSON(vkontakteIOSThemeDark.colors, 'appearance', 'dark', figma), + // Локальные цвета + colorStrokePrimary: figma.appearance.strokePrimary.light, }, }; From f426727ab784c8cbda8bb790591939d73570ca5b Mon Sep 17 00:00:00 2001 From: nick Date: Wed, 11 Dec 2024 15:50:36 +0300 Subject: [PATCH 10/10] added test --- .../helpers/overwriteFromFigmaJSON.test.ts | 45 +++++++++++++++++++ .../lego/helpers/overwriteFromFigmaJSON.ts | 12 ++++- 2 files changed, 55 insertions(+), 2 deletions(-) create mode 100644 src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.test.ts diff --git a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.test.ts b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.test.ts new file mode 100644 index 00000000..99c467be --- /dev/null +++ b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.test.ts @@ -0,0 +1,45 @@ +import { describe, expect, it } from '@jest/globals'; + +import { overwriteFromFigmaJSON } from './overwriteFromFigmaJSON'; + +const originalLightTokens = { + colorBackgroundAccent: '#000000', + colorSearchFieldBackground: '#111111', + colorHeaderBackground: '#222222', + colorNotSpecifiedInFigmaJSON: '#333333', +}; + +const figmaJSON = { + appearance: { + backgroundAccent: { + light: '#2688eb', + dark: '#529ef4', + }, + backgroundHeaderBackground: { + light: '#ffffff', + dark: '#191919', + }, + otherSearchFieldBackground: { + light: '#ebebeb', + dark: '#373737', + }, + colorNotSpecifiedInOriginalTokens: { + light: '#212121', + dark: '#e3e3e3', + }, + }, +}; + +const overwrittenLightTokens = { + colorBackgroundAccent: '#2688eb', + colorSearchFieldBackground: '#ebebeb', + colorHeaderBackground: '#ffffff', +}; + +describe('overwriteFromFigmaJSON', () => { + it('should leave only overwritten tokens', () => { + expect( + overwriteFromFigmaJSON(originalLightTokens, 'appearance', 'light', figmaJSON), + ).toStrictEqual(overwrittenLightTokens); + }); +}); diff --git a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts index 8eda54b9..1733cbcf 100644 --- a/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts +++ b/src/themeDescriptions/themes/lego/helpers/overwriteFromFigmaJSON.ts @@ -1,11 +1,13 @@ import figma from '../figma.json'; // Поля — режимы соответсвующей коллекции переменных из фигмы +// Цвета interface AppearanceVariable { light: string; dark: string; } +// Числа и строки interface TokensVariable { iOS: string | number; android: string | number; @@ -13,17 +15,23 @@ interface TokensVariable { vkCom: string | number; } +// Коллекция с переменными interface Collection { [name: string]: AppearanceVariable | TokensVariable; } +// Цельный файл. Может генерироваться дизайнерами плагином Figma Variables To JSON +interface FigmaJSON { + [collection: string]: Collection; +} + /** * Функция, возращающася список токенов, переопределённых в специальном JSON-файле с фигмовскими переменными * * @param originalTokens Токены, замена для которых будет искаться в figma.json * @param {('appearance' | 'tokens')} [collection='appearance'] Коллекция, среди которой ищется замена * @param {('light'|'dark')} [mode='light'] Режим переменных фигмы, применяемый для замены. Сейчас ограничивается светлой и тёмной темой - * @param source Объект, используемый вместо figma.json. По умолчанию генерируется дизайнерами плагином Figma Variables To JSON + * @param {FigmaJSON} source Объект, используемый вместо figma.json. Может генерироваться дизайнерами плагином Figma Variables To JSON * @returns Объект с токенами, для которых нашлась замена */ // eslint-disable-next-line max-params @@ -31,7 +39,7 @@ export function overwriteFromFigmaJSON( originalTokens, collection: 'appearance' | 'tokens' = 'appearance', mode: 'light' | 'dark' = 'light', - source = figma, + source: FigmaJSON = figma, ): Partial { return Object.fromEntries( Object.keys(originalTokens).reduce((acc, key) => {